vue响应式(双响绑定)原理
Vue简介Vue.js 不是一个框架,它只是一个提供 MVVM 风格的双向数据绑定的库,专注于 UI 层面。Vue.js 可以说是MVVM 架构的最佳实践,专注于 MVVM 中的 ViewModel,不仅做到了数据双向绑定,而且也是一款相对比较轻量级的JS 库,API 简洁,很容易上手。
js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)
vue 中使用postCss
下载// postcss 的命令行工具
// sudo cnpm install -g postcss-cli
// 先安装一下需要的库
npm install postcss --save
// autoprefixer 插件
npm install autoprefixer --save
// precss 插件
npm install precss --save配置在vue-loa...
postcss-js的基本使用
What: 什么是postcssPostCSS 是一个允许使用 JS 插件转换样式的工具。 这些插件可以检查(lint)你的 CSS,支持 CSS Variables 和 Mixins, 编译尚未被浏览器广泛支持的先进的 CSS 语法,内联图片,以及其它很多优秀的功能。 PostCSS 在工业界被广泛地应用,其中不乏很多有名的行业领导者,如:维基百科,Twitter,阿里巴巴, JetBr...
brootstrap可视化拖拽布局调研
概述在线操作网址:http://www.bootcss.com/p/layoutit/主要是使用插件jquery-ui-draggable和jquery-ui-sortable的配合实现拖拽和排序。插件文档jquery-ui-draggable:http://www.runoob.com/jqueryui/api-draggable.html。jquery-ui-sortable:http:...
编辑器v2.0前端项目开发规范
说明作者:蔡依辰介绍:此文档为v2版的前端开发规范,部分基于vue的开发规范。文件规范只要有能够拼接文件的构建系统,就把每个组件单独分成文件。components/
|- TodoList.vue
|- TodoItem.vue完整单词的组件名组件名应该倾向于完整单词而不是缩写。// 反例
components/
|- SdSettings.vue
|- UProfOpts.vue
// 好...
wix编辑器组件属性调研
描述:wix.com 编辑器中所有组件的属性和功能分析。作者:蔡依辰。文本属性是否可借鉴功能是否可借鉴文字内容-动画-文字(主题,字体,字体大小,加粗,斜体,下划线,前景色,背景色,链接,对齐方式,列表,左缩进,右缩进,对齐方式。)---效果(内置多种效果)---字间距(自动/自定义)---图片属性是否可借鉴功能是否可借鉴图片地址-裁剪(按固定比例/自定义比例)-当图片被点击时的操作(无/打...
小程序商品分类排序(包括新思路)
作者:蔡依辰说明:对小程序商品分类、首页的轮播图和快捷按钮功能,在添加、拖拽排序时获取sort值,并按sort值从大到小排列。思路分类是按自上而下、按sort值从大到小的顺序排列。分类sort值图:添加分类时获取其sort值添加时,即向队列中push数据,添加项的sort值=分类列表中最大的sort值+SORT_ADD_UNIT_NUM。注意:首次添加时,可以将分类列表中最大的sort值看做...
添加debug测试功能:vConsole
一、vConsole简介vConsole是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作。
wix组件属性分析
wix.com 编辑器中所有组件的属性和功能分析。
prismjs代码高亮插件的使用教程
1、prismjs代码高亮插件:简介:一个 JavaScript 库 —— Prism 是一款轻量、可扩展的代码语法高亮库,使用现代化的 Web 标准构建。参考文档:(1)http://prismjs.com/(2)中文:http://c7sky.com/syntax-highlighting-with-prismjs.html2、教程:
ace.js代码编辑器插件的使用教程
简介:(在编辑器的代码组件、自定义CSS功能、网站代码功能使用了此插件。)ace.jsE是一个独立的JavaScript编写的代码编辑器。其目标是创建一个基于浏览器的编辑器,如TextMate的VIM或Eclipse现有的本地编辑功能,可用性和性能进行匹配和扩展。它可以很容易地嵌入任何网页或JavaScript应用程序。特点:语法高亮超过40种语言 超过20个主题 自动缩进,减少缩进 一个可...
我的标签正则
项目中做网站验证时我用到的正则,感觉不是太规范,所以我还需要规范系统地去学习下正则。// 所有style标签
styleReg = ()=> {
return /<style(([\s\S])*?)<\/style>/img;
},
...
智能建站活动项目开发
我根据需求单独开发的一个智能建站活动任务。
JavaScript Google IG Drag拖拽源码学习
demo在线网址:http://img.jb51.net/online/tuozhuai/google_drag.htm