2018年07月_FireBird_one

转载五大主流浏览器内核的源起以及国内各大浏览器内核总结

可以看到chrome和IE依然占据了国内浏览器份额的大多半江山，尤其是chrome浏览器，近几年来发展迅速，抢走IE不少份额。另外国内一些浏览器也有不错的成绩，比如QQ、2345还有搜狗等等。下面主要总结一下，五大主流浏览器以及国内一些浏览器所使用的内核。捋一下内核的概念：浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engi...

2018-07-29 16:36:42 9634

转载移动端h5页面常见问题

4：）美化表单元素//一、使用appearance改变webkit浏览器的默认外观input,select { -webkit-appearance:none; appearance: none; }//二、winphone下，使用伪元素改变表单元素默认外观//1.禁用select默认箭头，::-ms-expand修改表单控件下拉箭头，设置隐藏并使用背景图片来修饰select::-m...

2018-07-29 11:42:59 766 1

转载原生JS forEach()和map()遍历的区别以及兼容写法

一、原生JS forEach()和map()遍历共同点： 1.都是循环遍历数组中的每一项。 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组input。 3.匿名函数中的this都是指Window。 4.只能遍历数组。1.forEach() 没有返回值。...

2018-07-25 17:10:02 207

转载 Axios 的使用

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。Features从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求支持 Promise API 拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF浏览器支持 ...

2018-07-25 15:25:07 201

原创 JS 常用方法 -- 生成随机数、深拷贝

//生成随机数export const getUUID = function (len) { len = len || 6; len = parseInt(len, 10); len = isNaN(len) ? 6 : len; var seed = "0123456789abcdefghijklmnopqrstubwxyzABCEDFGHIJKLMNOPQRSTUVWXYZ...

2018-07-25 14:45:13 220

转载 npm 常用命令详解

目录（更新于20160117）npm是什么 npm install 安装模块 npm uninstall 卸载模块 npm update 更新模块 npm outdated 检查模块是否已经过时 npm ls 查看安装的模块 npm init 在项目中引导创建一个package.json文件 npm help 查看某条命令的详细帮助 npm root 查看包的安装路径 npm...

2018-07-16 21:47:17 216

1.解决页面使用overflow: scroll在iOS上滑动卡顿的问题?首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是：(1) 看是否能把body和html的height: 100%去除掉。(2) 在滚动的容器中增加：-webkit-overflow-scrolling: touch或者给body增加：body {ov...

2018-07-12 16:48:37 892

转载入门Webpack，看这篇就够了

写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一次，写完以后你会发现你已明明白白的走进了We...

2018-07-07 21:25:41 158

转载 Webpack3.0快速入门（三）-- 资源处理及打包优化

前两节文章我们手把手搭建了一个基于webpack的前端开发工程环境，并讲解了一些常用插件及loader的基本用法，包括代码分割、模板读取、文件清理、ES6编译及css处理等等，这篇文章我继续在前两篇的基础上，继续探讨：图片处理，包括file-loader、url-loader、image-webpack-loader的用法，file-loader和url-loader的区别等。服务端启动web...

2018-07-07 21:08:54 1162

转载 Webpack3.0快速入门（二）-- CSS处理与ES6编译

写在前面在webpack快入门之从零到一初体验一文中，我们从整体了解了webpack相关特性并手动初步实现了一个可执行编译的webpack环境，这一节，我们将在此基础上继续探讨以下功能的实现：css的编译与加载，基于style-loader、css-loader、postcss-loader、autoprefixer以及css预处理(以less为例)。ES6的编译与加载，基于babel及其相关模...

2018-07-07 21:08:12 526

转载 Webpack3.0快速入门——从零到一初体验

写在前面这篇文章是自己在整理webpack相关的东西时候突发奇想，想整理出一套由浅入深的博文以此鞭策自己学习，也希望能够帮助想学习webpack的同学，目前都是入门级别的，大佬请出门右转。学习完本篇文章，我希望您能够掌握以下几点：webpack是什么webpack有什么有点webpack.config.js配置项中，出口（entry）、入口（output）、插件（plugins）的基本作用和配置方...

2018-07-07 21:07:25 613

转载移动端点击300ms延迟问题和解决

今天屁颠屁颠写完了，手机端做测试时，点击，发现有延迟，就百度了下，原来这就是传说中的300ms延迟啊，百度了点资料，记录下，解决项目中这个小问题！一、移动端300ms点击延迟一般情况下，如果没有经过特殊处理，移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。也就是说，当我们点击页面的时候移动端浏览器并不是立即作出反应，而是会等上一小会儿才会出现点击的效果。在移动WEB兴起的初期，用...

2018-07-06 20:41:41 246

转载微信分享功能（分享到朋友和朋友圈显示图片和简介）

想在微站里面实现分享帖子给朋友和朋友圈，显示图片和简介，就这么简单的功能折腾了1星期。。。主要是微信官方文档没看清楚，怪自己了。官方文档在这里，https://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html参考 http://www.cnblogs.com/stoneniqiu/p/6286599.html 这篇文章。遇到...

2018-07-02 16:18:31 19649 1

转载 h5 微信分享朋友和朋友圈

生成JS-SDK权限验证签名实现发送给朋友和分享到朋友圈时内容参数自定义一、微信JS-SDK1. 获得Access Tokenaccess token的获得方法在前面有介绍，详情见微信公众平台开发(26) ACCESS TOKEN2. 获取jsapi_ticket生成签名之前必须先了解一下jsapi_ticket，jsapi_ticket是公众号用于调用微信JS接口的临时票据。正常情况下，js...

2018-07-02 15:52:22 6082 1

转载微信公众平台开发 -- 获取 ACCESS TOKEN

一、Access Tokenaccess_token是公众号的全局唯一票据，公众号调用各接口时都需使用access_token。正常情况下access_token有效期为7200秒，重复获取将导致上次获取的access_token失效。公众号可以使用AppID和AppSecret调用本接口来获取access_token。AppID和AppSecret可在开发模式中获得（需要已经成为开发者，且帐号没...

2018-07-02 15:45:05 642

FireBird_one的博客