![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 60
写代码的女生酷不酷
这个作者很懒,什么都没留下…
展开
-
vue学习总结
vue学习总结事件的触发和监听(emit,on)它们是父子组件的时候,可以直接在父组件上绑定事件,然后子组件触发的时候,就可以被监听到。注意,这里是用v-on 绑定在引用的子组件标签上。然后,你在子组件$.emit(‘changDivText’)就可以触发 父组件里面定义的事件。他们不是父子组件的时候,就要借用到一个新的实例,来触发和监听事件了。因为什么原创 2017-04-28 16:21:35 · 2448 阅读 · 1 评论 -
vue 原理,带你跟着流程了解,简单直白不深奥
vue 是一个 js 框架,它实现了自己的模板,通过 .vue 文件可以经过编译成一个数据改变驱动视图改变的 js代码。那么这其中又是经历了什么样的步骤呢?vue -> vue-loader 解析成 js 模块(大致可以理解为 export 导出的对象){ template: 这里把 template 获取到里面了 data, methods ....}然后拿着这些东西...原创 2019-03-03 00:02:51 · 2500 阅读 · 3 评论 -
前端中的模块化
当我们要完成一个应用的时候,会根据对应的功能划分为许多不同的模块,就像一个论坛,有发帖的模块,评论的模块,js 中的模块也正是如此,一个具体功能的代码抽成一个文件,当你做一个东西的时候需要用到这个功能的时,可以直接使用这个文件,实现功能的分离,并能在多个需要的地方使用。就像是螺丝钉、螺丝帽、垫片一样的,通过组合使用实现出你的产品。通过直白的描述,我们可以知道,模块化的好处就是,抽离代码,重复使用...原创 2019-02-09 10:51:57 · 14750 阅读 · 3 评论 -
js中所有对象的深度克隆之标准答案?
所有对象都有哪些?js 里一切皆是对象,在赋值对象时,大家都知道直接赋值是赋值的对象的地址,而为了获得一个属性相同的另一个对象,就有了克隆这一说。简单的克隆, 类似于 string、number、boolean 简单基本类型可以直接进行赋值。对于对象中一些特殊的内置对象, 如 Date、Function 、RegExp 则需判断返回相应的新对象。方法代码如下:function deepC...原创 2019-01-24 09:49:11 · 604 阅读 · 0 评论 -
粗暴的项目总结 (because of part)
vue 移动端地图开发坑Total canvas memory use exceeds the maximum limit (Safari 12)最近在做 H5 地图开发, 用的是高德地图。vue单页应用,几个页面中有三张地图,然而地图之间的来回切换,在 ios上会导致 canvas 内存溢出,然后页面就崩了。。 解决办法就是利用 vue 的 keep-alive 缓存组件, 阻止页面的地图 ...原创 2018-12-23 21:40:07 · 1054 阅读 · 0 评论 -
新鲜出炉的 cue 库
新鲜出炉的 cue 库最近在看 vue 源码,源码很多很完善,看的我头都大了,看别人的文章也只能通过别人的介绍知道,这一步是干嘛干嘛,于是就想着跟着步骤来实现一个。一方面理清一下思路,另一方面也可以落实到代码,从而消化成自己的知识。于是就有了这个 cue 库。cue 库是自己刚仿照 vue 写的一个 mvvm 库。 从 .cue 文件转成 html, 并加上数据改变驱动视图改变。 还只实现了大...原创 2018-10-14 21:11:10 · 644 阅读 · 1 评论 -
函数防抖
debounce 到底怎么写如下函数// 如何写成一个闭包 。。。。let timer;function debounce (delay, fn) { if (timer) clearTimeout(timer); timer = setTimeout(fn, delay);}window.addEventListener('scroll', debounce(1...原创 2018-06-20 10:21:27 · 2116 阅读 · 3 评论 -
快速了解理解pwa
什么是PWA先说一下全名,progressive web app: 渐进式网页应用。这是谷歌推出的,我是这样理解的:我们一般写web应用,在 pc 上是没有缓存的,打开页面的时去请求数据。第二个也没有像 app 一样的小图标放在桌面,一点开就进入了应用,而是通过打开浏览器输入网址, 第三个就是,不能像 app 一样给用户推送消息,像微博会跟你推送说有谁评论了你的微博之类的功能。 而谷歌推出的原创 2017-10-11 16:18:46 · 2729 阅读 · 0 评论 -
前端代码规范
作为一个程序员,工作到现在,也将近半年了。公司对员工的代码提交也会有 review 流程。代码的 review 来讲,一般就是看格式、命名、逻辑是否有错,代码是否还有可以抽象的地方,这里总结一下自己遇到的代码规范方面的问题,大家一起写规范的代码,做一个看上去专业码农吧。js规范代码的缩进了,一般是两格或四格,我司采用的是四格,这里可以根据自己喜好和公司要求了。中英文之间有空格间隔,像这样: 我专原创 2017-08-30 14:53:15 · 693 阅读 · 0 评论 -
最近写代码小结
最近写的组件样式小结一 关于元素居中的问题二 遮罩弹出后下层页面不滚动三 组件使用多次相同slot四文字的可选与不可选五鼠标样式六 图标的旋转原创 2017-05-21 18:30:21 · 359 阅读 · 0 评论 -
em 和rem 是什么?怎么用?
一 、em 和rem是什么?em是相对长度单位,相对于父元素的font-size 像素大小。如,父元素的font-size 是14px,那么1em 就是14px。rem 就是相对于根元素的font-size大小。比如,网页的body,html元素,设置font-size 为18px,那么1rem就是18px。二、关于font-size 设置多少比较好?如果使原创 2017-04-29 19:21:36 · 2235 阅读 · 0 评论 -
csrf 与 xss 攻击
CSRF 攻击Cross-site request forgery , 即跨站请求伪造。 通常缩写为 CSRF 或者 XSRF, 是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法。下面我用一个生动形象的例子来解释攻击原理:用户小明登录了自己的招商信用卡,于是在浏览器就存了他登录的招商的 cookie 信息。 这个时候,他去打开了一个危险网站,那个网站会偷偷给你发起登录招...原创 2019-03-24 23:17:52 · 193 阅读 · 0 评论