Keeping Studing

风雨哈佛路,做一个心怀期待的Developer

分类 ★ zhuzi 下的文章

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值看做...

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; }, ...