web前端开发
文章平均质量分 70
ChrisCheng0821
每天学习一点点,把学到的知识整理出来,记录下来。
展开
-
vue开源项目库汇总
UI组件 element ★12468 - 饿了么出品的Vue2的web UI工具套件 Vux ★7759 - 基于Vue和WeUI的组件库 iview ★6121 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5827 - Vue 2的移动UI元素 vue-material ★2997 - 通过Vue Material和Vue 2建立精美的app应用 muse-ui ★转载 2017-08-03 11:49:54 · 3340 阅读 · 0 评论 -
图片预览插件-photoswpie
#1简介 PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。官方网站:http://photoswipe.com/ 源码下载:https://github.com/dimsemenov/photoswipe 国内CDN:http://www.bootc原创 2017-07-26 15:13:55 · 915 阅读 · 1 评论 -
VUE组件间的通信
#1 父子组件之间的通信在 Vue.js 中,父子组件的关系可以总结为 props down, events up 。父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送消息。看看它们是怎么工作的。#1.1 父组件到子组件使用props传递数据prop 是父组件用来传递数据的一个自定义属性。子组件需要显式地用 props 选项 声明 “prop”:...原创 2018-06-20 12:17:17 · 196 阅读 · 0 评论 -
网页性能 -- 浏览器的repaint和reflow
#1.网页的生成过程浏览器从下载文件到显示页面是一个很复杂的过程。 浏览器下载完页面中的所有组件 – HTML标记、JavaScript、CSS、图片 – 之后会解析并生成两个内部数据结构: 1. DOM树 -- 表示页面结构 2. 渲染树 -- 表示 DOM 节点在页面中如何显示(宽高、位置等)下面我们来看一下网页具体的一个生成过程,如下图: HTML代码转...原创 2018-06-27 11:47:22 · 677 阅读 · 0 评论 -
ES6核心简介
#1. es6基础 1.let(块级作用域)和const(常量) 2.变量结构赋值 3.字符串扩展 4.数值扩展 5.函数扩展 6.数组扩展 7.对象扩展 8.正则扩展#2. Set和Map set:它类似于数组,但是成员的值都是唯一的,没有重复的值。 map:JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键...原创 2019-02-15 16:46:17 · 427 阅读 · 0 评论 -
VUE项目编程规范实践
文章目录1 开发环境1.1 开发工具1.2 安装方法2 命名规则2.1 文件及文件夹2.2 变量、常量及方法2.3 HTML及CSS3 开发规则3.1 注释3.1.1 文件头部注释3.1.2 行注释3.1.3 段注释3.2 语法规则3.2.1 JavaScirpt3.2.2 HTML3.2.3 CSS3.2.4 Vue4 css4.1:像素单位统一采用rem(1rem = 100px)(边框固定为...原创 2019-02-15 17:12:03 · 679 阅读 · 0 评论