杨二

Machine repeats, Human creates
#前端
(共22篇)

使用BrowserSync 2.0提高前端开发逼格

引子 Web开发,尤其是前端开发,经常要做的就是不停地“试错”。下面的场景你是否熟悉: 1.在浏览器打开网页 2.更改一两行代码 3.点击浏览器的刷新,重复 步骤2 周而复始,还要在不同的设备,不同的浏览器,不同的测试方法,Oh God…

科学地使用 Hexo 和 Github Pages 装X

准备工作 Github 登陆你的Github 新建一个Repository 将之命名为 yourGithubName.github.io (注意替换yourGithubName) 关键步骤已经完成,其他选项随意啦。点击新建后,别忘了把 SSH 的地址copy一份,后面有用到 Hexo…

阅读笔记《Web全栈工程师的自我修养》

阅读笔记《Web全栈工程师的自我修养》

全栈工程师现在是个很热的话题,如何定义全栈工程师?在著名的问答网站Quora上有人提出了这个问题,其中一个获得了高票的回答是: 全栈工程师是指,一个能处理数据库、服务器、系统工程和客户端的所有工作的工程师。根据项目的不同,客户需要的可能是移动栈、Web…

探索AJAX和JSONP

前言 前端开发有个问题不可避免: 跨域获取异步数据 。我比较推崇的解决方式是: 用JSON传数据,靠JSONP来跨域 。JSONP是旧有概念的延伸,所以兼容性非常好,这也是推崇的首要理由。 JSON和JSONP虽然只有一个字母的差别,但其实他们根本不是一回事儿: JSON…

探索JSON

探索JSON

概述 JSON(JavaScript Object Notation) 是一种轻量级数据交换格式。 易于阅读和编写,也易于机器解析和生成。 它基于 JavaScript Programming Language , Standard ECMA-262 3rd Edition - December…

绑定image错误事件的正确姿势

问题 经常遇到图片加载不上的问题,一般解决这个问题的方式就是给 绑定 事件,当图片加载出错,触发该事件,然后给image重新指定一个通用图片: 解决 更简短的方式: 有个地方值得注意:当触发错误事件时,首先要做的就是清楚错误事件 ,否则万一后面重新指定图片时,依然报错,就会陷入死循环,直接stack…

c

script标签中async和defer的差别

早就知道HTML5 script标签多了个 特性,但没注意到 和 的差别。通过 查文档 ,终于懂了。 页面的绘制会停下,等 下载完并执行完,才会继续绘制。 页面的绘制不会停下, 在背景下载,待 DOMContentLoaded…

查询字符串参数转化为JSON对象

引子 工作中经常需要获取浏览器地址栏URL的参数,常用的套路便是将这些参数转化为键值对,方法有许多,我喜欢简单明了,所以尝试自己总结下。 过程 首先,获取参数字符串 这里用到了 location 和 slice 然后,将参数转为数组,然后在数组里做文章。 接下来,使用 forEach…