h5 标签

pre pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 <pre> 标签的一个常见应用就是用来表示计算机的源代码。 当把其他标签(比如 <a&...

2018-12-05 11:09:48

阅读数:17

评论数:0

vue采坑指南

生命周期 beforeCreate/created beforeMount/mounted beforeUpdate/updated beforeDestroy/destroyed render优先级 render函数&am...

2018-11-01 16:40:02

阅读数:20

评论数:0

购买服务器

可以在digitalocean上买,$5/month

2018-10-16 16:59:03

阅读数:23

评论数:0

vue项目实现按需加载的3种方式:vue异步组件、es提案的import()、webpack的require.ensure()

1. vue异步组件技术 vue-router配置路由,使用vue的异步组件技术,可以实现按需加载。 但是,这种情况下一个组件生成一个js文件。 举例如下: { path: '/promisedemo', name: 'Prom...

2018-10-16 11:29:48

阅读数:34

评论数:0

window.history的跳转实质-HTML5 history API 解析

在上一浏览器跳转行为的测试中,我们看到了通过不同的方法操作浏览器跳转时,它的刷新表现有所不同,在这一文章中,将看看,为何会产生这样的不同?其背后的实质是什么?浏览器的访问历史记录到底是如何运作的呢? 1、简介 window.history是用来保存用户在一个会话期间的网站访问记录,并提供相应的...

2018-09-25 19:23:10

阅读数:39

评论数:0

less的使用

变量、嵌套、Mixin混合,示例: @ly_width:100px; @ly_height:200px; @ly_color:green; .border { .two { border:1px solid red; } } .one { width:...

2018-09-25 14:54:06

阅读数:14

评论数:0

不受控制的 position:fixed

大家都知道,position:fixed 在日常的页面布局中非常常用,在许多布局中起到了关键的作用。它的作用是: position:fixed 的元素将相对于屏幕视口(viewport)的位置来指定其位置。并且元素的位置在屏幕滚动时不会改变。 但是,在许多特定的场合,指定了 position:...

2018-09-19 19:11:43

阅读数:54

评论数:0

前端模块规范 CommonJS、AMD、CMD、UMD、ES6

概括: 分别介绍: es6 模块加载: 比较一下默认输出和正常输出 // 第一组 export default function crc32() { // 输出 // ... } import crc32 from 'crc32'; // 输入 // 第二组 ex...

2018-09-19 14:10:40

阅读数:26

评论数:0

vue入门随笔

参考: 详解vue生命周期:https://segmentfault.com/a/1190000011381906 配置环境 安装node,查看版本,8以上版本 安装vue,npm install -g @vue/cli,如报错,npm cache clean --force,npm i...

2018-09-12 15:07:42

阅读数:27

评论数:0

从输入URL到页面加载发生了什么?

转自:https://segmentfault.com/a/1190000006879700 总体来说分为以下几个过程: DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束 具体过程...

2018-09-05 22:19:42

阅读数:84

评论数:0

移动端Web页面适配方案

移动端Web页面,即常说的H5页面、手机页面、webview页面等。 手机设备屏幕尺寸不一,做移动端的Web页面,需要考虑在安卓/IOS的各种尺寸设备上的兼容,这里总结的是针对移动端设备的页面,设计与前端实现怎样做能更好地适配不同屏幕宽度的移动设备。 适配的目标 引用一文章的描述: 在不同...

2018-08-23 11:19:23

阅读数:33

评论数:0

react-router 按需加载

 转自:https://segmentfault.com/a/1190000007141049 注:本文使用的 react-router 版本为 2.8.1,第四版的处理还不太一样 React Router 是一个非常出色的路由解决方案,同时也非常容易上手。但是当网站规模越来越大的时候,首...

2018-08-05 17:16:49

阅读数:122

评论数:0

一些优化(即时搜索之函数去抖)

第一步,确定用哪个动作。实现输入框实时搜索: input输入框的change事件,在输入框内容变化的时候不会触发change,要在input失去焦点的时候才会触发,当鼠标在其他地方点一下才会触发 $('input[name=myInput]').change(function() { ......

2018-08-03 16:46:25

阅读数:109

评论数:0

高性能网站建设指南

当我们在浏览器地址栏输入网址 ,回车,回车这一瞬间到看到页面到底发生了什么呢? 域名解析 –> 发起TCP的3次握手 –> 建立TCP连接后发起http请求 –> 服务器响应http请求,浏览器得到html代码 –&amp...

2018-08-02 15:41:46

阅读数:88

评论数:0

PureComponent

  PureComponent的作用及一些使用陷阱 参考:https://www.jianshu.com/p/33cda0dc316a 默认渲染行为的问题 在React Component的生命周期中,有一个shouldComponentUpdate方法。这个方法默认返回值是true。...

2018-07-14 18:12:29

阅读数:112

评论数:0

npm install、npm init、npm update、npm uninstall和package.json

package.lock.json: 作用:其实用一句话来概括很简单,就是锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致 在以前可能就是直接改package.json里面的版本,然后再npm install了,但是5版本后就不支持这样做...

2018-06-22 17:23:06

阅读数:216

评论数:1

Echartjs系列文章之“实心”及“空心”圆饼图

“实心”圆饼图: <!DOCTYPE html> <html style="height: 100%"> <head&gt...

2018-06-19 11:25:11

阅读数:892

评论数:0

前端开发人员快速创建本地服务器

参考:https://www.jianshu.com/p/554c09c237f1 创建本地服务器的方法自己用过几种,比较来说node的http-server模块是最简单,最快速的(应该还有更好的) 也许你用过wampserver,phpnow等集成包创建本地服务器,使用过程中大家应该会遇...

2018-06-19 11:09:12

阅读数:255

评论数:0

高德地图系列之多边形polygon、行政边界查询districtExplorer、海量麻点MassMarks

多边形polygon: <!DOCTYPE html> <html> <head> <title>map&...

2018-06-14 17:36:19

阅读数:855

评论数:0

传统 Ajax 已死,Fetch 永生

转自:https://segmentfault.com/a/1190000003810652 另可参考fetch常见问题及解决办法:https://segmentfault.com/a/1190000008484070#articleHeader3 原谅我做一次标题党,Ajax 不会死,传...

2018-06-14 17:27:15

阅读数:141

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭