- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 JS函数节流和函数防抖
问题引入问题1： 如果实现了dom拖拽功能，但是在绑定拖拽事件的时候发现每当元素稍微移动一点便触发了大量的回调函数，导致浏览器直接卡死，这个时候怎么办？问题2：如果给一个按钮绑定了表单提交的post事件，但是用户有些时候在网络情况极差的情况下多次点击按钮造成表单重复提交，如何防止多次提交的发生？为了应对如上场景，便出现了函数防抖和函数节流两个概念，总的来说：这两个方法是在时间轴上控制函数...
2020-01-09 11:41:42
99
原创 git-reflog用法回顾
git-reflog用法回顾git-reflog是用来恢复本地错误操作很重要的一个命令。命令：git reflog.代码运行效果截图如下：说明：（0）.最左侧黄色字体列为修改的commit的前7位，根据7位可以将代码恢复到对应节点位置。（1）.{n}表示HEAD更改历史记录，最近的操作在上面。（2）.通过HEAD{n}语法可以引用存在reflog中的提交。（3）.与HEADn功能类似，但HEAD{n}引用的是reflog记录中的commit提交，而HEADn引用是commit提交历史记录
2020-07-06 11:21:05
427
原创 vue-cli配置开发、测试、生产环境
一.场景描述：项目中有好几个地方调用了支付的功能，在开发环境和测试环境中，支付金额需要修改为1分钱，在生产环境中则是真实金额，支付接口是统一封装的，只需要在调用之前判断是开发环境还是生产环境就可以了。那么就需要用到环境变量，记录一下解决的过程。二.解决问题**请先简单阅读一下官方文档，了解一下概念1.根目录创建.env.development、.env.test、.env.production文件(开发、测试、生产)2.文件内容及字段说明NODE_ENV:可以设置为其他值，比如"test",但
2020-06-14 19:54:42
1186
1
原创 腾讯面试题
有没有大佬可以帮忙解答一下这道算法题一、参考输入与输出内容，寻找规律并实现例如：输入 4 时输出 1,2,3,4,8,12,16,15,14,13,9,5,6,7,11,10输入 3 时输出 1,2,3,6,9,8,7,4,5// code here/*1 2 3 45 6 7 89 10 11 1213 14 15 16*/...
2020-05-26 19:12:40
158
原创 Vue2的组件props通信方式
在Vue2中组件的props的数据流动改为了只能单向流动，即只能由组件外（调用组件方）通过组件的DOM属性attribute传递props给组件内，组件内只能被动接收组件外传递过来的数据，并且在组件内，不能修改由外层传来的props数据关于这一点的修改官方给的解释：prop是单向绑定的：当父组件的属性变化时，将传导给子组件，但是不会反过来。这是为了防止子组件无意修改了父组件的状态——这会...
2019-09-23 17:30:05
288
原创 小程序开发代码规范
目录规范1.目录概述组件文件所有组件相关文件统一放在components目录下。图片文件项目图片文件放置于根目录的images文件夹下，组件独有的图片放在当前组件images目录下模型文件模型文件主要用于编写各类业务模型。项目模型文件放置于根目录的models文件夹下，组件相关模型放置于components目录下的models文件夹中。行为文件行为文件放在所引用的组件目录下。W...
2019-09-23 11:15:01
760
原创 git之Please enter a commit message to explain why this merge is necessary.
有时候使用git commit的时候会出现如下问题基本原因是因为本地库的代码跟远程库有冲突需要合并,处理方法1.按键盘字母 i 进入insert(输入)模式,编辑必要的注释 说明合并的原因,编辑的内容会在第一行显示,也可不修改2.按"Esc"4.输入":wq",按回车键即可...
2019-08-20 10:15:26
86
原创 Vue中使用七牛云上传报错o.upload.addEventListener is not a function以及其他报错问题
1.运行提示o.upload.addEventListener is not a function解决方案:(此方法不是根本解决办法，问题3的解决办法是最终解决方案)找到node_modules/mockjs/dist/mock.js 第8308行找到node_modules/mockjs/src/xhr/xhr.js 第216行(确保在生产模式下打包出来的代码正常使用。)添加代码： Mo...
2019-08-12 14:50:31
4273
3
翻译 css关于/deep/的解释和用法
/deep/的意思大概为深入的，深远的。无意中看到css中有关于这种写法，开始没太注意 ，以为是组件css的写法，后来才发现不是。我们都知道Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。这样在打包的时候会生成一个独一无二hash值，这样父组件的样式就不会影响到子组件了，然后你要想修改子组件的样式，一般是提取一个公共文件，在公共文件里面修改样式，但是这样也存...
2019-07-29 09:00:57
50433
3
翻译 webpack入门级教程(新人必备)
（本文只针对于webpack初学者，为入门级教程）上手webpack打包前，请先去webpack官网查看文档，理解webpack含义和四个核心概念：（入口(entry)，输出(output)，loader，插件(plugins)）1.安装Webpack可以使用npm安装，新建一个空的练习文件夹（webpackTest），在终端中转到该文件夹后执行下述指令就可以完成安装。//全局安装npm...
2019-07-05 16:47:02
228
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人