subtitle
前端构建工具发展及其比较 前端构建工具发展及其比较
我们一定会感叹前端技术发展之快,各种可以提高开发效率的新思想和框架层出不穷。但是他们都有一个共同特点:源代码无法直接运行,必须通过转换后才能正常运行。 本文前两部分摘自吴浩麟所著《深入浅出Webpack》1.2,版权归原作者所所有 构建
2018-04-23
你必须知道的HTTP基本概念 你必须知道的HTTP基本概念
从本文你将看到:HTTP是干嘛用的?怎样和服务器通信?HTTP的基本性质?HTTP能控制什么?基于HTTP三大组件系统?HTTP 和 TCP 之间的关系?HTTP 协议如何使用 TCP 连接? 一、什么是HTTPHTTP是干嘛用的? HTT
2017-12-08
Vue.js新手教学|如何写一个Checklist组件 Vue.js新手教学|如何写一个Checklist组件
建议在电脑上阅读此文,全部源代码在文章最后 2017.11.30更新:本案例有了更优雅更简单的实现方案了,具体请看文末源码里的checklist2.0.vue文件,可以比较看一下两种实现方式 本文教你如何写一个移动端的 Checklist
2017-11-18
【小技巧】移动端网页调试神器Eruda的使用技巧 【小技巧】移动端网页调试神器Eruda的使用技巧
做移动端Web开发的一大痛点就是,在真机运行下无法查看console.log日志和其他信息如网络请求、显示本地存储等信息。如果网页是运行在手机浏览器中还算好,可以把网址在电脑上打开查看console信息,但是如果是做APP的内嵌H5页面,那
2017-10-16
小技巧|H5禁止手机虚拟键盘弹出 小技巧|H5禁止手机虚拟键盘弹出
工作中遇到如下需求,点击输入框弹出自定义弹窗,输入框是input标:但是在移动端,input会默认触发手机的虚拟键盘,如何阻止手机虚拟键盘弹起呢?目前我试过有两个方案,一个是给input添加readonly属性,另一个就是在input事件处
2017-09-24
小技巧|CSS如何实现文字两端对齐 小技巧|CSS如何实现文字两端对齐
需求如下,红框所在的文字有四个字的、三个字的、两个字的,如果不两端对齐可以选择居中对齐,或者右对齐。但是如果要像下面这样两端对齐呢? 我相信以前很多人都这么干过:两个字中间使用 来隔开达到四个字的宽度,三个字也可以,但是,像上图中
2017-09-17
JS中的typeof和类型判断 JS中的typeof和类型判断
摘要这篇文章讲述typeof运算符判断基本类型和引用类型的区别,以及怎么判断数组类型和空对象 typeofECMAScript 有 5 种原始类型(primitive type),即 Undefined、Null、Boolean、Numbe
2017-07-08
JS的String()、toString()、valueOf()的一些隐秘特性 JS的String()、toString()、valueOf()的一些隐秘特性
toString()方法要把一个值转换为一个字符串,最常用的就是,使用几乎每个值都有的toString()方法,这个方法唯一要做的就是返回相应值的字符串表现。数值、布尔值、对象和字符串值(没错,每个字符串也都有一个toString()方法,
2017-07-06
Vue.js项目API、Router配置拆分实践 Vue.js项目API、Router配置拆分实践
前后端分离开发方式前端拥有更高的控制权 随着前端框架技术的飞速发展,Router这个概念也被迅速普及到前端项目中,在早期前后的没有分离的时期下,并没有明确的路由概念,前端页面跳转大多是通过后端进行请求转发的,比如在Spring MVC项目中
2017-06-20
响应式图片实战 响应式图片实战
说到响应式网站,我们都知道弹性布局、弹性图片、媒体查询,更多指的是布局的方式,比如说使用max-width: 100%,这样让图片的宽度随着容器的大小而改变,响应式设计让网站能兼容各种屏幕设备,但是在我们流量这么昂贵的时代,让一个小屏幕的手
2017-03-12
面试官:手写一个 JavaScript 的 Array.sort 方法 面试官:手写一个 JavaScript 的 Array.sort 方法
我们先来分析一下 JavaScript 的 Array.sort() 方法的功能特性。 Array.sort 详解在JavaScript中,Array 对象的 sort() 方法是用来排序的,但是这个方法在默认情况下可能不是我们想要的,比如
2017-01-02
零碎笔记:移动Web特别样式处理 零碎笔记:移动Web特别样式处理
高清图片问题高清图片跟我们平时下的那种电影高清图片是不一样的,移动Web的高清图片的概念是我这张图这么大,清晰度这么多,那么我们在移动设备上就该展示这么清晰。那么为什么会产生模糊呢?假如一张图片 100px * 100px 那我们在移动设备
2016-10-10
零碎笔记:浏览器访问一个网站所经历的步骤 零碎笔记:浏览器访问一个网站所经历的步骤
浏览器访问一个网站所经历的个步骤,你都清楚吗? 浏览器访问一个网站所经历的步骤 Chrome搜索自身的DNS缓存 搜索操作系统自身的DNS缓存(浏览器没有找到缓存或缓存已经失效)查看Chrome浏览器的DNS缓存信息(chrome://ne
2016-10-08
剖析简易计算器带你入门微信小程序开发 剖析简易计算器带你入门微信小程序开发
自从微信小程序内测以来,我的网络信息几乎被它刷屏,一瞬间,都不知道发生了什么。特别是当晚有人熬夜吐血出教程,我勒个去,这么拼,感觉不立马学习等会儿就会被别人踩死在这个行业。惶恐惶恐的过来几天,等到了国庆终于也可以跟风熬夜研究了 写在前面,
2016-10-06
纯HTML+CSS+JavaScript编写的计算器应用 纯HTML+CSS+JavaScript编写的计算器应用
一道笔试题之前偶然看到一个公司的笔试题,题目如下: 用HTML5、CSS3、JavaScript,做一个网页,实现如下图形式计算器 具体要求: 有且只有一个文件:index.html。不允许再有其他文件,不允许再有单独的CSS、JS、PN
2016-09-24
HTML5 VideoAPI,打造自己的Web视频播放器 HTML5 VideoAPI,打造自己的Web视频播放器
本文将使用HTML5提供的VideoAPI做一个自定义的视频播放器,需要用到HTML5提供的video标签、以及HTML5提供的对JavascriptAPI的扩展。 一、基础知识1.用法<video src="./video/mv
2016-08-04
CSS3聊天气泡框以及inherit、currentColor关键字 CSS3聊天气泡框以及inherit、currentColor关键字
尽管绝大多数人都知道inherit这个关键字,但是很多人可能自始自终都没实际用过它,包括我自己,从来没有,在查询CSS文档时,习惯性的忽略它,直到看到《CSS揭秘》这本书。 效果如上图所示,主要用到CSS3的伪类::after、::befo
2016-07-20
书写高质量jQuery代码的12条经验 书写高质量jQuery代码的12条经验
1、正确引用jQuery 尽量在body结束前才引入jQuery,而不是在head中。 借助第三方提供的CDN来引入jQuery,同时注意当使用第三方CDN出现问题时,要引入本地的jQuery文件。 如果在前引入script文件的话,就不用
2016-07-15
CSS行高(line-height)及文本垂直居中原理 CSS行高(line-height)及文本垂直居中原理
在CSS中,line-height 属性设置两段段文本之间的距离,也就是行高,如果我们把一段文本的line-height设置为父容器的高度就可以实现文本垂直居中了,比如下面的例子: <!DOCTYPE html> <ht
2016-05-14
Linux SSH 入门笔记 Linux SSH 入门笔记
1.认识SSH和安装1.1 SSH是什么 SSH:Secure Shell 安全外壳协议 建立在应用层基础上的安全协议 可靠,转为全程登录会话和其他网络服务提供安全性的协议 有效防止远程登录管理过程中信息泄露的问题 SSH客户端适应于多种
2015-05-29
5 / 6