摘要: 前端开发操作DOM会引起浏览的重绘和重排 浏览器向服务器发送请求,然后解析html生成DOM(文档对象模型),css生成CSSOM(css对象模型),2者生成渲染树,渲染树上的节点有了样式。当渲染树构建完成,渲染树的节点就放置到了正确位置。根据渲染树上的样式绘制出页面 重绘是元素外观的改变,不会改变 阅读全文
posted @ 2018-12-03 20:18 苏荷酒吧 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 安装安装vue-cli 创建项目 至此项目搭建完成 使用cube-ui 地址https://didi.github.io/cube-ui/#/zh-CN 采用Mock模拟数据,使用devServer 在vue.config.js中配置 Mock数据配置完成 阅读全文
posted @ 2018-11-30 15:43 苏荷酒吧 阅读(405) 评论(0) 推荐(0) 编辑
摘要: better-scroll无法滚动主要2方面原因,1)层级关系。2)高度问题 阅读全文
posted @ 2018-05-17 20:02 苏荷酒吧 阅读(658) 评论(0) 推荐(0) 编辑
摘要: 使用webpack2.0配置postcssloader 安装postcss-loader 然后配置webpack.config.js 一种办法是配置postcss.config.js 第二张办法是webpack.config.js使用LoaderOptionsPlugin 阅读全文
posted @ 2017-02-28 15:38 苏荷酒吧 阅读(15961) 评论(0) 推荐(0) 编辑
摘要: 1、创建一个webpack项目 创建一个app/index.js 2、配置webpack.config.js文件 3、使用webpack npm 配置package.json文件 上面可以通过使用npm run build来实现 阅读全文
posted @ 2017-02-22 10:27 苏荷酒吧 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 1、安装 一般安装Package Control 2、插件 添加模板 1)、进入Preferences->Browse Packages->SublimeTmpl->templates,新建一个模板文件vue.tmpl(以vue为例) 编辑vue.tmpl模板文件 2)、进入Preferences- 阅读全文
posted @ 2017-02-04 16:23 苏荷酒吧 阅读(2224) 评论(0) 推荐(0) 编辑
摘要: 1、安装 2、使用命令行工具 3、 阅读全文
posted @ 2017-02-03 12:01 苏荷酒吧 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 1、页面布局 2、绘制时钟刻度 var clock = document.getElementById("clock"); var scale = document.createElement("canvas"); var scale_ctx = scale.getContext("2d"); sc 阅读全文
posted @ 2017-01-09 11:06 苏荷酒吧 阅读(365) 评论(0) 推荐(0) 编辑
摘要: 这是一个非常简单的例子,通过这个例子你将学习到 1、How to install webpack 2、How to use webpack 3、How to use loaders 4、How to use the development server 使用node安装 创建一个entry.js 添 阅读全文
posted @ 2016-11-18 12:40 苏荷酒吧 阅读(168) 评论(0) 推荐(0) 编辑
摘要: Webpack 是一个强力的模块打包器。 所谓 包 (bundle) 就是一个 JavaScript 文件,它把一堆 资源 (assets) 合并在一起,以便它们可以在同一个文件请求中发回给客户端。 包中可以包含 JavaScript 、 CSS 样式、 HTML 以及很多其它类型的文件。 1、安装 阅读全文
posted @ 2016-11-17 17:14 苏荷酒吧 阅读(800) 评论(0) 推荐(0) 编辑
摘要: 1、ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。 { var a = 1; let b = 1; } a; b; let不像var存在变量提升,即变量一定要声明之后才能使用 2、块级作用域 ES5只有全局作用域和函数作用域,没有块级 阅读全文
posted @ 2016-11-08 12:46 苏荷酒吧 阅读(11147) 评论(0) 推荐(0) 编辑