Canvas

Canvas框架分类 通用类:Knova.js、createjs、SpriteJS、EaeslJS 游戏类、3D类、图表类 字体库:有字库

2019-06-11 08:02:17

阅读数 7

评论数 0

新兴前端技术

React Native:Facebook推出的Native App方案,使用React框架开发 Weex:阿里推出的Native App方案,使用Vue框架开发 Flutter:Google推出的Native App方案,使用Dart语言开发 WebAssembly:将编译型语言编译成We...

2019-06-02 11:23:53

阅读数 4

评论数 0

小程序、快应用

小程序平台:百度智能小程序、支付宝小程序、微信小程序、字节跳动小程序 快应用平台:努比亚手机、联想手机、一加手机、小米手机、vivo手机、华为手机、OPPO手机、金立手机、魅族手机、中兴手机 跨平台开发方案 腾讯 WePY(类 vue):支持输出微信小程序 滴滴 Chameleon(CML...

2019-01-29 11:28:27

阅读数 187

评论数 0

图片前端压缩

基础知识 Data URL 格式:data:image/jpeg;base64,Base64字符串       data:text/csv;charset=utf-8,内容 来源:FileReader.readAsDataURL()、canvas.toDataURL()、btoa()     ...

2019-01-09 15:18:01

阅读数 158

评论数 0

正则表达式

POSIX(UNIX操作系统接口标准)定义了两种正则表达式语法,基本正则表达式(Basic Regular Expression,BRE)和扩展正则表达式(Extended Regular Expression,ERE) 正则表达式的用途 用于查找和替换:在一行里查找匹配模式的字符串  linu...

2018-07-17 11:51:03

阅读数 64

评论数 0

微信公众号、微信小程序

微信公众号网页开发 授权流程 1、设置授权回调域名:微信公众平台-接口权限-网页授权获取用户基本信息 2、自定义菜单:微信公众平台-自定义菜单 或者 微信公众平台接口调试工具-发送请求 方案一:菜单的URL设置为 https://open.weixin.qq.com/connect/oauth2...

2018-06-25 11:29:34

阅读数 80

评论数 0

IdexedDB

// 参数为数据库名,版本号;得到IDBOpenDBRequest的实例var request = window.indexedDB.open("db_name", 3); request.onerror = function(event){    // IDB...

2018-05-18 22:04:27

阅读数 50

评论数 1

ECMAScript 6

 参考:http://es6.ruanyifeng.com/  ES6支持:http://kangax.github.io/compat-table/es6/   一、新增类型 1、Symbol类型实例,用来当作唯一值 对象成员的key有两种,一种是字符串,一种是Symbol let s...

2018-05-15 22:28:22

阅读数 43

评论数 0

PWA

Progressive Web APP 渐进式Web应用:用于实现离线加载能力、离线使用能力、消息推送能力的一套技术方案应用缓存:Application cache,由于编程能力差、无法清理缓存、没有路由机制,将被废弃缓存控制:service worker + cache storage本地存储:...

2018-05-08 13:41:56

阅读数 284

评论数 0

Angular 4 + Webpack 4

Angular 4 + Webpack 4 Demohttps://github.com/saoraozhe3hao/angluar4Demonpm installnpm install -g webpack-clinpm run webpack-server访问 http://localhost...

2018-04-29 22:50:11

阅读数 961

评论数 0

CSS变量

CSS:root{ // css变量的作用域,这里是根元素    --font-size: 20px; // --开头的属性就是CSS变量}div{    font-size: var(--font-size, 24px)  // 使用CSS变量,--font-size无效时使用默认值24px  ...

2018-04-23 22:27:58

阅读数 227

评论数 0

移动端H5调试

Chrome Remote Debug参考:https://developers.google.com/chrome-developer-tools/docs/remote-debuggingPC准备:1、安装chrome2、chrome 打开 Remote devices,勾选 Discover...

2018-04-15 16:23:39

阅读数 1896

评论数 1

进程与线程

浏览器进程1、Brower进程:负责Tab之间的公共功能2、Render进程:一个Tab对应一个进程,也可能几个进程被合并3、GPU进程:负责3D绘制4、第三方插件进程Render进程1、GUI渲染线程:负责布局、绘制、重绘Repain、回流Reflow2、JS引擎线程:解析、运行JS,一个Ren...

2018-04-12 21:24:00

阅读数 42

评论数 0

可访问性 Accessibility

1、语义化 选择合适的结构和标签,便于其他开发者、搜索引擎爬虫、屏幕阅读器 阅读。 2、键盘操作 给非输入框标签添加 tabindex="0",使得他能被键盘tab键聚焦。监听按钮 press 事件,使得能被键盘 Enter 键点击。 3、屏幕阅读器

2017-12-30 10:01:58

阅读数 162

评论数 0

Redux

Demo: https://github.com/saoraozhe3hao/reduxDemo Flux Flux是Facebook提出的一种 前端应用架构体系,其中 react 作为它的View层。 Redux Redux 是 Flux 体系的一个实现框架 Redux...

2017-09-02 16:54:55

阅读数 117

评论数 0

本地调试

http 服务期(web容器) http-server 全局安装:npm install -g http-server 启动:http-server -p 端口 IDE 桩

2017-08-26 12:03:22

阅读数 114

评论数 0

前端测试

单元测试(测试function,输入为参数): Mocha、Jasmine 浏览器环境自动化测试(测试页面,输入为事件):(Selenium 2.0)WebDriver(JAVA/Python/C#) 、PhantomJS(nodeJS) PhontomJS var page = requir...

2017-08-06 16:59:55

阅读数 245

评论数 1

常用算法

最多保留四位小数: Math.round(sum * 10000) / 10000; 强制保留四位小数:sum .toFixed(4) 字符串判重:用JS对象自带的map功能 或者 Set 字符替换: var name = 'aaa bbb ccc'; var result =name....

2017-05-18 10:27:57

阅读数 139

评论数 0

屏幕适配

参考:https://github.com/amfe/article/issues/17 弹性布局:flex、grid、居中 样式选择:媒体查询、设置<html [dpr=默认dpr]>作为选择器前缀 相对尺寸:%,设置<html font-size=视...

2017-05-17 10:14:38

阅读数 506

评论数 0

vue 2 + Webpack 4

demo: https://github.com/saoraozhe3hao/vueDemo 常用组件 路由:vue-router 状态管理:vuex 服务器端渲染SSR:nuxt 移动端组件库:Mint UI(饿了么)、vonic、vux (WeUI规范)、京东 NutUI 桌面...

2017-04-19 11:46:41

阅读数 435

评论数 0

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