SF
前端笔记
前端笔记
注册登录
关注博客
注册登录
主页
关于
RSS
手写函数防抖节流
summer7310
2019-01-11
阅读 3 分钟
6.1k
DOM 0级事件 {代码...} DOM 2级事件 事件监听 {代码...} 函数防抖(debounce) {代码...} 函数节流(throttle) {代码...}
js手动实现promise
summer7310
2019-01-09
阅读 3 分钟
8.1k
then方法需要返回一个新的子Promise, 并且前后的Promise需要建立联系,才能决定他们的执行顺序。这里用id标识每个promise。
使用Angularjs和Vue.js对比
summer7310
2018-02-11
阅读 5 分钟
21.7k
之前项目都是使用Angularjs,(注明此处主要讲Angularjs 1)在初步使用Vue.js后做一个简单的对比笔记。首先从理论上简单说一下各自的特点,之后再用几个小的例子加以说明。
开发发布npm module包
summer7310
2017-12-05
阅读 4 分钟
5.8k
在项目开发过程中,每当进入一个新的业务项目,从零开始搭建一套前端项目结构是一件让人头疼的事情,就要重新复制一个上一个项目的前端框架和组件代码库。其中很多功能的模块组件都要重复拷贝,可以统一将这些组件类的模块统一打包上传至npm,以后每次都只需要install一下就可以了。
vuecli结合eslint静态检查
summer7310
2017-11-06
阅读 3 分钟
7.7k
vuecli结合eslint静态检查 搭建vue项目开发可能选择vue-cli项目脚手架快速创建vue项目。([链接] 安装vue-cli {代码...} 这种方式安装比较慢,可以用国内淘宝镜像安装,cnpm,安装cnpm {代码...} 继续安装 {代码...} vue-cli脚手架自带webpack打包工具,创建一个基于webpack模板的新项目 {代码...} 这里需要进行一些配置,...
vue2组件之间双向数据绑定问题
summer7310
2017-10-30
阅读 4 分钟
28.7k
最近在使用element-ui的dialog组件二次封装成独立组件使用时,子组件需要将关闭dialog状态返回给父组件,简单的说就是要实现父子组件之间的数据双向绑定问题。
学习promise编写和使用
summer7310
2016-03-31
阅读 6 分钟
3.8k
Promise是Javascript中的一种异步编程实现方式,js中异步编程主要是指浏览器DOM事件处理,setTimeout/setInterval,ajax等,通过传入回调函数来实现控制反转。Promsie对象符合CommonJS编程规范,目的是为异步编程提供统一接口,它最大的优点就是避免了回调金字塔。假设要实现一个用户展示的任务,任务分为三步:
web文件上传大小限制
summer7310
2016-03-28
阅读 5 分钟
30.1k
一般分为两种方式,一种是服务器端判断文件大小进行限制,这种方法的存在明显的缺陷,当用户过多后,数据上传到服务器之后,在对其进行监测,大大增加了宽带和服务器的压力。
学习使用React一步步搭建普通博客应用
summer7310
2016-03-28
阅读 9 分钟
14.7k
当我们考虑一些单页应用的时候(SPAs),一般考虑浏览器,JavaScript和速度,对搜索引擎是不可见的。由于单页应用使用JavaScript来渲染页面中的内容,同时web网络爬虫不通过浏览器来查看整个网页,这样就不能看到和索引页面中所有的内容。或者,更好的说,其中大部分是不能。一些开发人员试图以各种方式来解决这个问题。
javascript创建构造函数时作用域安全,即怎样保证一直都是构造函数
summer7310
2016-03-08
阅读 2 分钟
1.8k
在使用javascript利用面向对象的思想创建类和对象时,通常是使用构造函数,工厂方式,原型方式,原型构造函数方式等。构造函数其实就是使用一个使用new操作符调用函数,当使用new调用时,构造函数内用到的this对象会指向新创建的对象实例,例如:
实现侧边栏工具(2)使用图标字体方式
summer7310
2016-03-07
阅读 4 分钟
3k
前面讲了一下使用背景图片来实现侧边工具栏的一个实现效果,实现侧边栏工具(1)使用背景图片方式,可以看出这种方式的优缺点是 HTML结构简单,容易阅读和理解 使用图片浏览器兼容性好,可以兼容ie6等低版本浏览器 缺点就是使用了大量的图片,对性能有一定的影响,并且不利于修改。 下面介绍一种使用图标字体来实现侧边...
实现侧边栏工具(1)使用背景图片方式
summer7310
2016-03-07
阅读 4 分钟
2.8k
完整代码,公共类toolbar-item用来设置相同的宽高,第一个app在鼠标hover时弹出二维码下载,在a标签中包含一个span标签,用来放置二维码
sass和compass学习笔记2(compass)
summer7310
2015-12-23
阅读 6 分钟
3.8k
compass是一个开源的CSS自动化处理框架,而之前讲的sass是一种css预处理器,类似于less,stylus等。compass包含了各种用于样式的模块,它与sass关系类似于jquery与js一样,使用compass中封装的模块能够更加方便快速的编写css样式文件。
sass和compass学习笔记1(sass)
summer7310
2015-12-23
阅读 5 分钟
3.3k
[TOC] 为什么要学习Sass和Compass 简单来说,主要目标: 使用Sass和compass可以写出更加优秀的CSS 可以解决CSS编写过程中的一些痛点问题,如精灵图合成sprite 等 能够有效的组织样式,图片,字体等项目元素 当然前提是你要首先会写CSS,要不然也不会写出好的Sass和compass,不过也不排除意外。 那么到底哪些人需要来学习...
javascript编程笔记
summer7310
2015-09-27
阅读 15 分钟
4.7k
1. 快速排序算法 方法一 {代码...} 方法二 {代码...} 2. 深度克隆clone(继承) {代码...} 3. 找出字符串或者数组中出现相同字符, 并且打印出次数最多的次数和字符 {代码...} 4. 解析url为json数据格式 也叫将url的查询参数解析成字典对象同类型 {代码...} {代码...} 5. 通用事件注册函数 {代码...} 6. 写一个获取url中参...