webpack — 多页面打包配置
说明2018年初在上家公司做新编辑器V2.0版本时，需要我用webpack实现多页面打包和页面嵌套显示的功能（见下方案例）。由于当时不了解webpack，但是任务面前我只能赶鸭子上架，加班加点地在网上搜寻各种实现方法，虽然费了几个小时但最终还是磕磕绊绊地实现了功能（现在回忆一下，还是能回想起当时实现了功能的那一刻自己内心的舒畅和开心哈哈~~）最近在学习webpack，今天终于把当初的这个配置...
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