dishuyin5924-CSDN博客

转载使用原生JS封装一个动画函数

最近一直在忙项目，很少有时间回顾之前的知识，今天刚好要做一个轮播，因为对兼容性有一定的要求，使用了各种插件和库中的轮播，效果都不是很理想，一怒之下，使用原生JS封装了一个轮播组件，其中重要的功能就是一个动画，看了一下以前封装的函数，千疮百孔，又进行了重新封装，先上代码，有详细的备注。function animate(el, target, step, dtime) { /** ...

2019-05-20 10:03:00 181

转载在Vue 中调用数据出现属性不存在的问题

这已经是我在调用数据时趟过几次的坑了，索性记录下来防止后面再犯；一般我们请求数据来渲染一个页面的时候，请求下来的数据基本上都是数组或是对象，再通过列表循环和插值表达式渲染的页面；在data 中提前声明接收数据的变量时若为指定类型，就直接将数据渲染到页面，在浏览器的控制台基本上都会出现 “某某属性未定义” 的英文报错；下面举个例子：先假设请求的是下面的json 数据：{ "cod...

2019-05-17 23:14:00 2430

转载 vs code 如何修改默认主题的注释颜色

平时喜欢将注释的颜色调成绿色，既不刺眼，也比较醒目，在大型项目中，能很容易的根据注释找道想要的部分；但是，每次修改完使用一段时间后，当vs code 自动更新了，又变成默认的颜色了，为了方便每次快速修改，故把这个流程做个记录首先找到需要修改的文件这里我使用的是vs code 默认的主题 dark+ (default dark) 主题；先找到vs code 存放默认主题的目录D:\...

2019-05-17 22:19:00 1525

转载 HTML5新标签的兼容性处理

普通浏览器普通不支持HTML5新标签的浏览器 —— 能正常解析，但会当初成 inline 元素对待在不支持HTML5新标签的浏览器里，会将这些新的标签解析成行内元素(inline)对待，所以我们只需要将其转换成块元素(block)即可使用；经常会到初始化 css中看到：/* HTML5 display-role reset for older browsers */artic...

2019-04-06 20:48:00 140

转载如何在Vue中使用Mockjs模拟数据的增删查改

之前一直使用json-server在前端开发时，搭建本地数据接口测试，但有时又需要将做好的项目放于 github page上做项目演示。在本地时，json server很好使用，但一旦放在github上就实现不了我们期望的效果了；后来发现 mockjs 这个插件就满足这一需求。研究了半天，感觉 mockjs 模拟数据更强大，通过随机数据，可以模拟各种场景，下面一步步的来实现在 vue-c...

2019-04-06 09:57:00 1141

转载 call、apply和bind的用法

在改变 this 指向的时候，经常会把这三个方法混淆，下面就详细的整理一下三者的用法和区别call() 方法call() 方法可以有无数个参数第一个参数是改变 this 指向的对象后面的参数直接传递给函数的自身使用后会自动执行var a = { name: '张三'}var b = { name: '李四', sayName: function (a,b...

2019-04-04 12:28:00 70

转载 JS原型继承的几种方式

平时不怎么用的一些知识，过段时间就开始模糊不清了，这已经不知道是第几次再回头来看原型继承的方式了，索性重新整理一遍，方便下次回顾，若有不正确或需要补充的欢迎留言在ES6之前，JS实现继承的方式不止一种，因为 JavaScript 中的继承机制并不是明确规定的，而是通过模仿实现的。下面整理几种常见的继承方式：对象冒充 - 使用最原始的方法function Person(name)...

2019-04-04 12:27:00 181

转载 JavaScript基础部分经典案例

再复杂的程序都是由一个个简单的部分组成。001案例 - 交换两个变量的值方法01 - 使用临时变量 var n1 = 5; var n2 = 6; // 创建一个临时中介变量 tmp var tmp; // 将 n1 的值备份给 tmp tmp = n1; // 把 n2 赋值给 n1 n1 = n2; //...

2019-04-04 12:16:00 1489

转载如何在match中使用正则表达式

这是在实现搜索功能的时候遇到的一个问题，在搜索的场景中，会根据搜索框中输入的内容，匹配出包含搜索内容的部分。简单模拟还原使用场景；首先定义一个遍历 value 用来接收输入的内容var value;再定义一个简单的数组来模拟需要匹配的数据var list = ["aBcd", "abcd","abcd"];那么搜索的功能简化就是，在这个数组中匹配出包含搜索的内容数据，并将其返回...

2019-04-04 10:56:00 232

dishuyin5924的博客