- 博客(24)
- 收藏
- 关注
RSS订阅
原创 Vue学习-饿了么项目练习
抓数据一、首先抓取主页列表数据：研究一下主页的接口，需要传入经纬度和分页数据let url = `https://h5.ele.me/restapi/shopping/v3/restaurants?latitude=31.1756397&longitude=121.484927&offset=${offset}&limit=${limit}`;通过fe...
2018-09-04 00:03:55
788
原创 jQuery插件编写
如何编写一个jQuery插件？先将模板附上var default = { ...}function Plugin(element, options){ this.element = element; this.options = $.extend({}, defaults, options); console.log('I am from ', ele...
2018-09-03 23:26:30
248
1转载 模板
模板欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑...
2018-09-26 18:08:36
163
原创 React学习
通常会用React来制作App，而不是直接写页面。一个最简单的组件// React 组件 class SimpleComponent extends React.Component{ constructor(...args){ super(...args) } render(){ return <span>111&l...
2018-09-10 09:34:21
133
翻译 JS遍历数组的方法总结
var arr = [ 'a', 'b', 'c' ];var obj = { 'key1': 'a', 'key2': 'v2', 'key3': 'v3'}; 1 for循环这里写代码片
2018-09-04 10:03:35
408
原创 JS数组去重的方法
几乎每个面试官都要问的数组去重的方法有一位面试官有提醒我，数组内可能还会嵌套数组或者对象，数组内的元素类型可能也不尽相同，希望大家在实际操作中可以考虑到这些情况。var arr = ['1','2',3, 2, 2, 4, 4, 4];1 最简单的方法: SetArray.prototype.distinct = function(){ return [...new...
2018-09-02 13:28:22
1478
翻译 substring substr和slice
substringstring方法str.substring [indexStart, indexEnd)返回一个新的string，从indexStart开始，到indexEnd结尾，不包含indexEnd几种情况不传indexEnd，默认从start到string结尾indexStart === indexEnd，返回空字符串indexStart > indexE...
2018-09-01 12:29:01
313
原创 Generator
generator ？？？一直以为只是用来处理异步操作的，其实generator+yield只是一个会暂停的函数function* next_id() { var current_id = 0; while(current_id < 100){ current_id++; yield current_id; } return;}开始编译：...
2018-08-30 11:30:30
195
原创 移动端开发问题集锦
一些常用的css初始化//滚动条卡顿body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}//禁止选择文本Element { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; user...
2018-08-29 11:41:20
146
转载 伪类和伪元素的区别
在CSS1和CSS2中对伪类和伪元素的定义没有太大区别，都是:开头。CSS3定义的比较明显。伪类：用于选择DOM树上元素不同的状态（:visited :link），或者是DOM上无法用简单选择器选择的元素(:first-child)。伪类：伪元素：DOM树上看不到的元素。伪元素用::列表伪类:active 选择正在被激活的元素 1 :hover 选择被鼠标悬浮着元素 ...
2018-08-29 09:24:07
1549
转载 浏览器滚动优化
Reference 前言：图片懒加载、下滑加载数据、侧边浮动导航栏等常常需要监听scroll事件，或者resize事件，频繁触发repaint reflow，CPU负荷很重。解决方法: setTimeout1. 防抖 Debouncing加上setTimeout让操作延时// 简单的防抖动函数function debounce(func, wait, immedia...
2018-08-28 19:35:36
524
翻译 Webpack
1 安装npm i -g wepack2. 编写配置遵循最基本的Nodejs书写规范export default 12 … 导出整个模块就是12export a 12 导出aES6 有import export属性，但是所有的浏览器都不支持module.exports = { // entry: 'src/1.js', output: {...
2018-08-06 15:54:02
1850
转载 服务工作线程
定义服务工作线程 不同于App Cache，对单页应用支持较好。服务工作线程可以提供给多页应用是一种JavaScript 工作线程，无法直接访问 DOM，服务工作线程通过响应 postMessage 接口发送的消息来与其控制的页面通信，页面可在必要时对 DOM 执行操作。是一种可编程网络代理，让您能够控制页面所发送网络请求的处理方式。它在不用时会被中止，并在下次有需要时重启...
2018-05-18 17:34:41
496
翻译 又到回味git的时候了
经过一年，终于熟练使用最基本最基本的几个命令了。当初看了三四遍文档，不知道为什么就是想不太明白==工作中又不用。如果你是一个超级初学者，也像我一样怎么也想不明白，可以在日常工作中遵循以下步骤：打开github创建一个repository复制git地址git clone 地址到本地文件夹把你写的代码扔进去git add *git commit -m "写点心情文字"git pu
2018-01-05 15:15:51
153
翻译 20180103 Express Router
路由释义：问路可以根据网址来划分：users/ http://aaa.com/users/view http://aaa.com/users/login http://aaa.com/users/regvip/ http://aaa.com/users/vip/login http://aaa.com/users/vip/xxx路由下面还可以再跟路由con
2018-01-04 22:00:20
496
原创 第n次学习后我终于对正则明白了一点点
Reference 正则表达式30分钟入门教程废话： 第一次看这篇经典入门，还没到一半就放弃了。这次终于看到了三分之二才放弃！虽然每次学习之后感觉自己都没有懂，但是这次终于惊喜地发现在没有懂的过程中，懂了一点点。因为正则，真的是前端路上迈不过去的一道深深的坎啊！每次写代码都要悔恨为什么不懂正则！为什么！ 这篇文章是对30分钟入门教程的个人理解，如果您已读懂该教程，请忽略这篇文章1. 正则到底
2017-11-24 14:59:45
269
原创 实在受不了每次瞎猜的滚动计算了！！！
每次都靠猜的我熬过了许多滚动到底部加载的js也是醉了关于JavaScript， jQuery中的各种滚动高度计算Reference from stackoverflow What is offsetHeight, clientHeight, scrollHeight?里面的回答有一张清晰无比的图。在JavaScript中clientHeight: div的真正高度，包括padding，但是不包括滚动
2017-08-16 15:41:09
248
原创 Gulp学习
一篇全面的链接： https://github.com/Platform-CUF/use-gulp0. 理解Gulp Gulp是 基于Node 的 Transform Streams，这是一个可读可写可做中间转换的 Streams 管道，由于从 src 到 dest 过程中，文件一直停留在 Streams 中，没有落地成为实体文件，所以整体运作效率非常高 来自http://www.ba
2017-07-13 10:23:25
369
转载 offsetTop问题
1. offsetTop问题想要滚动条滚动到某个div的位置。 JQuery和js的offset不一样。jQuery1、获取元素在文档中的位置。var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 2、获取相对(父元素)位置: var X = $('#DivID').position().top; var Y
2017-05-09 11:50:03
524
翻译 Javascript 小红书 （二）
第四章 变量、作用域和内存问题基本类型和引用类型5种基本类型（按值访问）：Undefined，Null，Number，String，Boolean 引用类型值：保存在内存中的对象，操作的是对象的引用而不是实际的对象（值会同时发生改变），引用类型的值可以为其添加属性和方法函数的参数都是按值传递的检测类型typeof instanceof: 什么类型的对象perseon instanceof Obj
2017-02-14 10:16:49
2032
翻译 JavaScript小红书读书笔记
第一章 JavaScript简介从一个简单的输入验证器发家Netscape公司开发，Brendan Eich, LiveScript微软的JScriptTC39 指定标准，ECMA-262， ECMAScript(读 ek-ma-script)Javascript三部分：核心（ECMAScript），文档对象类型DOM，浏览器对象类型BOMECMAScript不一定非要在浏览器上使用，它只
2017-02-04 18:05:51
2510
转载 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-02-04 16:30:26
263
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人