- 博客(50)
- 收藏
- 关注
RSS订阅原创 javascript实现Stack(栈)数据结构
上一篇文章我们理解了List这种数据结构，知道了它的特点和一些使用场景，这篇文章我们就来看一下栈这种数据结构，这里的栈可不是客栈哦，哈哈栈其实和List非常像，使用javascript实现都是基于数组来实现。
2023-12-08 14:21:08
546
原创 javascript实现List列表数据结构
有幸拜读《数据结构与算法Javascript描述》这本书，先强烈安利一波！全书从javascript的角度出发，简单明了的分析了数据结构在javascript领域的实现过程与实际的应用案例，且在每一章的结尾，都给大家留了一些书中案例相关的小作业，让大家可以实操消化，是一本实实在在可以带领大家入门数据结构与算法的神书，再次强烈推荐！！！那么，如何使用javascript实现一个列表呢？作为一名前端开发人员，大家的第一反应肯定都是利用数组，但我们可以利用数组做些什么呢？
2023-12-06 17:47:13
566
原创 react-flip-move结合array-move实现前端列表置顶效果
录屏转gif图片感觉还是有点卡卡的，真实效果其实更丝滑些，感兴趣的小伙伴可以直接上手试一下哦，嘿嘿~你有没有遇到这样的需求？点击左侧列表项，则像聊天会话窗口一样将被点击的列表项置顶。到这里，我们可以看到会话置顶的效果已经有了，但是就是有亿点点突兀，哈哈哈！所以，我为了给它加一个平滑的过度，找到了一个很好用的轮子，就是。的情况（说明：本文只展示功能实现核心代码），使用起来也非常方便，直接包裹一层就好啦。就可以实现了，但置顶效果多少有点突兀~如果只是单纯的置顶的话，直接使用。
2023-11-30 17:56:18
583
原创 使用axios下载后端接口返回的文件流格式文件
在实际开发中，我们经常会遇到下载文件的需求，一般情况下接口最好的处理方式为上传到文件对象存储服务器，然后给前端返回一个下载文件的URL，前端直接打开链接下载就可以了，但…在下载数据量大且参数复杂的情况下，不排除后端接口使用POST请求直接返回文件流格式的数据，这时候前端要下载就比较麻烦了。目前前端领域大多项目都使用三大框架，接口请求也大多使用axios，于是我便记录一下如何使用axios来下载后端返回的文件流格式的文件。好了，现在在点击下载按钮事件中调用下载方法就可以啦~
2023-11-28 17:17:54
1087
原创 Vue2与Vue3 setup的使用差异与对比
最近一直在做vue2的技术栈升级，于是心血来潮，就想要不写篇文章总结一下vue2和vue3在使用上的不同吧
2022-12-20 19:01:51
3558
1
原创 关于相亲的那些事儿
今天心血来潮，突然想吐槽一下我的相亲历程，哎，真是一言难尽啊～为了表示一下诚意，先大概介绍一下我自己[不好意思.pdf]~本人出生于1995年，性别女，今年27岁，不算大吧？家里居然开始为我的终身大事天天发消息催我了，各种相亲接踵而至，着急到连疫情都可以忽略了，我不李姐！本身身处计算机行业，平时圈子很小，个人也不排斥相亲的，但架不住遇到的那些奇葩事情，额。。。持续无语中～........................
2022-07-31 13:00:28
332
2
原创 推荐几个实用的在线小工具～
谷歌开发者工具文档对chrome浏览器调试工具的介绍和使用方式做了详细的说明，对前端开发者而言有很大的帮助，强烈推荐大家都去仔细阅读！嘿嘿，今天花点在这里记录一下常用的一些在线小工具，或者在线网站，方便以后查找！可以测试一段代码不同写法谁执行速度更快，通过大量执行对比两段代码的运行速率。如果想要快速查看一段CSS的演示效果，用在线工具是一个不错的选择。可以查询CSS属性在各个浏览器的兼容情况。可以看到一段代码执行过程中的调用栈。顾名思义，压缩图片常用的。6.网站性能检测工具。输入网站检测网站性能。.....
2022-07-30 10:57:39
1626
1
原创 毕业五年了，留爪～
今天是北京时间2020年6月2日，又是一年夏日炎炎，在此高考即将到来之际，希望所有的小朋友们都能考到自己心仪的大学，迈进美好的大学生活，有期待是好事，无需顾忌其他～光阴啊，它不管你遇见什么，永远都会往前走，不会为任何人驻足，美好而珍贵。距离我离开校园已经5年了，想想还是写一篇文章记录一下我逝去的美好时光吧～回顾一下过去这些年这个时候我都在做什么呢？这个夏天，我高中毕业了，怀着对未来和对大学的美好憧憬，我去了我爸妈工作的地方，开始了体验生活之旅～很幸运，又很难忘，我赶上了最后一班开往广东这个炎热城市的没有
2022-06-02 15:28:35
205
4
原创 Ant Design在React hooks项目中的使用问题记录
本文主要记录本人在使用antd开发react hooks项目过程中，遇到的组件使用上的问题记录。总结一句话：多多熟悉官网文档，没有过不去的坎！内容涉及以下antd组件：Form 组件Select 组件TreeSelect 组件Table 组件Pagination 组件ConfigProvider官方文档链接：点击查看 Ant Design 官方文档一、Form 组件表单默认值设置问题复杂的动态新增表项问题动态新增默认值设置问题多选Select导致表单样式错位问题自定义组件问题
2022-06-02 13:39:27
605
原创 react+umi+antd项目搭建常用配置
还记得上一次写React项目还是写的class component，不知不觉，React已经进入了使用hooks的时代。今天，就先跟大家分享说明一下项目中常用的配置，以后时间再写一篇关于hooks的专题文章。很久没有写文章了，如有问题欢迎留言评论，也请朋友们多多包涵！先来一波官方文档链接：UmiJS官方文档React官方文档Ant Design官方文档一、项目搭建对于react umi项目搭建，umi官方文档已经写的很清晰了，具体请查看上面的umi官方文档链接。这里我不再详细说明，着重说明一些
2022-02-23 16:53:24
7556
2
原创 微前端与微前端实践
最近一段时间，公司开始用微前端做项目了，这也促使我不断的去了解这个新的架构体系。在此过程中，总结了一个文档分享给大家，希望大家看过之后能有所收获。一、什么是微前端微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具，而是一套架构体系。二、解决的问题随着项目开发迭代，功能越来越多，如果所有功能模块都在同一个
2021-06-21 16:21:13
348
原创 JavaScript-数组操作方法汇总
一直以来都想把js中操作数组的所有方法进行一个汇总，今天终于完成了，希望可以给大家带来一些便利！一、ES5数组操作方法转换方法toString()：返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串toLocaleString()： 与toString()功能一样，但底层调用但是toLocaleString()方法valueOf()：返回数组join()：只接收一个参数，即用作分隔符的字符串，然后返回包含所有数组项的使用传入分隔符拼接的字符串。var peoples = ["D
2021-03-17 21:17:30
404
原创 Twig模板引擎常用基础用法总结
一、 变量定义与使用使用 set 定义变量，使用{{ }} 使用变量。{% set text= 'content' %}<p class="content">{{ text }}</p>使用 . 获取对象中的值。<p class="content">{{ item.title}}</p><p class="content">{{ item.content}}</p>二、Twig 中的 if 判断如
2020-06-22 16:38:04
2344
2
原创 解决linux系统nginx重启失败问题
端口被占用问题nginx的默认端口为80端口，当我们的80端口被占用时，nginx无法启动成功。这时我们可以使用命令 netstat -an | grep :80 查看80端口的占用情况。于是，我们需要修改nginx的默认端口。通过命令进入nginx的sites-available目录下修改default文件。 上图红框中的80即为nginx默认端口，我这里将其改为了81。修改完配置之后使用命令 sudo service nginx restart 即可重启nginx。如下图所示，这样我们..
2020-06-04 15:04:14
3987
1
原创 salesforce-潜在客户Lead的视图管理
当我们收集到一些Lead数据之后，我们需要对这些Lead进行跟踪和管理，如何快速找到自己想要的信息呢？如下图，salesforce的默认视图只提供了一些标准字段信息，那么，我们就需要对视图进行自定义了。
2020-05-06 16:52:10
981
原创 salesforce-使用Web-to-Lead引入网站的潜在客户
salesforce的web-to-lead功能可以将网站的流量转化为潜在客户，只需要用户填写我们在salesforce后台设定好的表单，即可实现将用户填写的信息导流到salesforce后台，从而统一管理网站的潜在客户。
2020-04-27 17:07:02
989
2
原创 salesforce-初识salesforce
salesforce是一个强大的客户关系管理(CRM) 系统，从潜在客户的引入，再到后续的一些潜在客户的信息管理和数据分析，大大方便了销售对潜在客户的管理。这里我先贴一下salesforce的官方使用文档链接：https://help.salesforce.com/articleView?id=salesforce_help_map.htm&type=5下面，我们来简单看一看salesf...
2020-04-24 18:04:29
1607
2
原创 微信小程序——自定义日期时间组件实现
目前，微信小程序选择器提供了日期选择器，时间选择器等，但没有日期时间一体的选择器。当项目中需要进行日期时间选择时，我们只有自定义组件了。...
2019-12-23 14:59:36
5635
2
原创 KindEditor在php环境下上传图片功能集成
KindEditor 是一套开源的在线HTML编辑器, 后台可与 Java、.NET、PHP、ASP 等程序集成。
2019-12-04 14:35:58
1125
原创 使用jQuery ajax解决mailchimp注册表单二次跳转问题
当我们在mailchimp后台创建好表单之后，将表单html复制到我们的网站，我们发现，在提交表单时会再次跳转到一个mailchimp表单提交页面，且无法控制表单提交成功之后的逻辑。如果我们能做到自己提交表单异步请求，然后就能控制mailchimp表单的提交了，所以这里我记录一下如何使用jQuery解决mailchimp注册表单ajax集成问题。下面是mailchimp表单html，我们需要把...
2019-07-17 15:52:13
420
原创 原生js封装ajax请求
一个完整的ajax请求封装，适用场景：get 请求post请求表单提交方式表单上传文件function ajax(options) { var method = options.method || 'get'; //请求方法，默认get var url = options.url || ''; //请求url var succFn = options.succ...
2019-07-08 17:18:34
434
原创 毕业两年后的经历总结——一个奋斗中的前端蜂鸟
转眼间，已经毕业两年了，不得不感叹时间过的真快啊！学生时代的美好，终于只能永久停留在记忆长河中不再复返。韶光易逝，但唯一不变的，是变化。回望过去，有过困惑， 有过迷茫，也有过焦虑。刚开始工作时，也遇到了很多很多的困难，这时的我对未来比较迷茫；后来，看着身边的小伙伴都每天忙到没时间干其他事情，也在一步步涨工资，而自己拿着低工资在舒适区工作，我开始焦虑了，开始思考未来的路该怎么走。在经过不断的思考...
2019-04-25 15:24:43
552
3
原创 linux常用命令
查看当前占用端口 ss -ntlp查看所有端口占用情况 ss -anlp查看当前文件夹下所有文件 ls删除文件 rm -rf file_name创建文件夹 mkdir dir_name修改文件内容 vim file_name => i ,完成后按 ESC => : => wq 保存并退出解压文件 tar xvf file.tar.xz移动文件 mv file /u...
2019-04-02 17:33:16
164
原创 javascript——使用new Date进行时区转换
近段时间，由于某种原因我一直在研究js不同地区不同时区之间的时间换算。北京时间早上9点，在其他地区可能已经是夜晚了。我们都知道，国内统一使用的都是北京时间，但在国外，不仅因时区不同而有时间差异，同一地区还存在夏令时冬令时的时间差异，如果程序上涉及时间上的计算，要千万小心了。一、将当前所在地区时间转换为UTC时间二、将某一固定时间转换为UTC时间三、将UTC时间转换为当前所在地区时间四、两...
2019-04-02 17:22:50
50338
原创 react项目中antd组件库的使用需要注意的问题
antd是蚂蚁金服推出的ui组件库，给我们在react项目开发中提供了大大的便利。但在使用的过程中，或多或少的会遇到一些问题，毕竟，用的是别人的东西，就得遵守别人的规则嘛！官方文档：https://ant.design/docs/react/introduce-cn1. 国际化（中文化）通过官方文档我们可以知道，很多组件如DatePicker、Modal等等默认的文本都是英文。如果是输入框的提...
2018-12-19 14:30:52
4132
原创 create-react-app脚手架安装使用
首先，确保已经安装了node，如果没有安装node可先去node.js中文网下载安装。使用命令 npm i -g create-react-app 全局安装create-react-app检测create-react-app是否安装成功 create-react-app -V 注意，V是大写。如果出现版本号，则表示安装成功，不过如果你当前安装的node版本不支持你安装的create-rea...
2018-10-26 15:18:44
2435
原创 node.js+koa常用模块汇总
一、node.js内置模块crypto作用：加密模块。提供了多种加密方法，如对用户密码加密后存储到数据库时使用。使用： //加密模块 const crypto = require('crypto'); const KEY = "dancy" + 5201314; //每一个密码读增加一个5201314，增加密码复杂度 //console.log(crypto.getHas...
2018-10-22 10:40:08
1387
原创 MongoDB数据库命令行操作
判断MongoDB数据库是否安装： mongo --help出现下图则说明安装成功，如果不是内部命令，可先查看环境变量是否配置成功默认安装的环境变量配置：C:\Program Files\MongoDB\Server\4.0\bin;启动MongoDB服务端： mongod --dbpath F:/nodejs/demo/db启动MongoDB客户端： mongo注意：...
2018-10-15 17:54:20
15398
原创 记录一次vue-cli项目上线到阿里云并配置Nginx服务器的经历
首先，买一台云服务器是必要的，我使用的是阿里云服务器CentOS 7.4 64位操作系统。在整个vue-cli项目上线过程中，我遇到了很多问题。不过，最终圆满解决了，因此在这里记录一下。遇到的问题：云服务器连接vue项目打包上线nginx安装配置云服务器node的安装本地json数据无法访问vue路由页面无法访问一、使用Xshell连接云服务器百度下载一个Xshell并安...
2018-09-27 13:48:15
8866
18
原创 JavaScript——滚轮事件的浏览器兼容处理
js中的滚轮事件onmousewheel和滚动事件onscroll是两个不同的事件，这一点一定要区分开。一个很好的表现为：当我们在使用鼠标滚轮滑动滚动条的时候，滚轮事件和滚动事件会同时进行，但如果只是鼠标右键拖动滚动条，则只会触发滚动事件...
2018-08-08 14:58:17
1757
3
原创 javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
关于js中的offsetWidth、clientWidth、scrollWidth等一系列属性及其方法一直都傻傻分不清，这里就来总结一下这些方法的用法和含义。注意： 下面元素属性和元素方法都通过 elem.属性 或 elem.方法 的方式使用，window属性通过 window.属性 的方式使用，document属性则通过document调用。&amp;lt;script&amp;gt; /* ...
2018-07-26 17:47:38
88690
9
原创 JavaScript——this的理解和call、apply、bind的使用
JavasScript中，this是一个很神奇的关键字，有时候，我们可能会看到一大堆this而把头的绕晕了，不过，只要理解了this的，相信以后就不会把自己绕进去了。这里，记录一下我对于this的理解和this相关运用。一、理解thisJavascript中this总是指向调用它所在方法的对象。this的值通常是由所在函数的执行环境决定，也就是说要看函数是如何被调用的。同一个函数每一次调用...
2018-07-20 09:49:46
867
原创 JavaScript——ES5和ES6面向对象编程实现继承
ES5实现继承es5实现继承有很多种方式，具体可查看《javascript高级程序设计》这本书，网上也有很多关于其他继承实现的具体介绍。这里我只列举了一种最优方式。ES6实现继承一个简单的实例html:&amp;lt;div id=&quot;alert&quot;&amp;gt; &amp;lt;div id=&quot;info&quot;&am
2018-07-19 14:20:06
1551
1
原创 使用PhoneGap将本地html静态页面打包成安卓apk
PhoneGap是一个采用HTML，CSS和JavaScript的技术，创建移动跨平台移动应用程序的快速开发平台。我们的需求是将前端写的只有静态页面的webapp项目打包成apk供他人安装查看或演示。这里我记录下我使用PhoneGap（命令方式）将本地的前端静态页面打包生成安卓apk安装包的全过程。如有问题，请指正，谢谢！一、jdk和android sdk环境变量配置下载安装 jdk： ...
2018-07-12 16:58:56
5259
原创 使用post方式导出Excel——表单提交方式
一般情况下，我们通过ajax获取数据都是采用get方式获取，但如果ajax的请求url过长时，get方式由于浏览器对url长度不同会导致无法正常获取数据，尤其是IE。这时候，我们需要通过post请求的方式获取数据，而如果我们需要通过post方式导出Excel表格，则需要通过表单提交的方式导出Excel。function postExcelFile(params, url) { //pa...
2018-06-28 15:54:00
19218
5
原创 解决window.open()在异步请求中页面被拦截问题
当我们在ajax异步请求的成功回调函数中使用 window.open("url", "_blank") 时，新开的窗口会被拦截，在谷歌、IE浏览器中会有拦截提示，但在360中提示很弱，基本不能发现，我们不能奢求每一个用户在使用的时候都通过浏览器设置允许拦截来让页面正常打开，所以只能想办法通过代码进行控制。下面，我总结了我认为相对比较好的两种方法。方法一：将ajax请求设置为同步请求 $...
2018-06-27 16:09:02
4860
原创 原生js之理解作用域
谈到作用域，我们就能想到全局变量、局部变量等名词，接下来，我讲谈谈我对作用域的理解。ES5中的作用域ES5中，有两种作用域：函数作用域和全局作用域。第一段代码：&amp;lt;script type=&quot;text/javascript&quot;&amp;gt; var a = 0; func(); function func() { var b = 1; consol...
2018-06-22 17:18:15
1365
原创 原生js获取DOM对象的几种方法
通过id获取&amp;lt;div id=&quot;box&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;script&amp;gt; let box= document.getElementById(&quot;box&quot;);&amp;lt;/script&a
2018-06-15 18:24:04
56918
4
原创 猜猜javascript中的数值调用toString()方法会发生什么？
在js中，使用toString()方法可以将一个值转换成字符串，javascript中除了Undefined和Null，数值、布尔值、字符串、对象这几种数据类型都有一个toString()方法。对于数值和布尔值调用toString()方法相信大家都知道结果了，现在，我们一起来看看数值类型的数据调用toSring()方法会发生什么吧，准备好了吗？或许，你真的没有想到哦！数值调用toString...
2018-06-01 17:11:42
949
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人