![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
CS逍遥剑仙
孙府藏俊龙,剑出威四方,峰尖笑沧桑,情满散天下。
展开
-
团队技术文档构建利器vuepress上手实践
团队技术文档构建利器vuepress上手实践文章目录团队技术文档构建利器vuepress上手实践1. 环境搭建2. 目录结构3. 参数配置3.1 主题配置3.1.1 主页(homepage)3.1.2 导航栏(navbar)3.1.3 侧边栏(sidebar)3.1.4 搜索框(search box)3.1.5 最近更新3.1.6 Service Worker3.1.7 上一页 / 下一页链接(...原创 2019-10-12 17:48:46 · 888 阅读 · 0 评论 -
vue前端异常监控sentry实践
vue前端异常监控sentry实践文章目录vue前端异常监控sentry实践1. 监控原理1.1 onerror1.2 promise1.3 上报1.4 使用sentry1.5 与vue结合2. 安装raven3. 初始化sentry4. 手动上报5. 封装异常上报类 Report.js6. 调用 Report.js 类7. sourceMapWrite By CS逍遥剑仙我的主页: ww...原创 2019-03-23 12:25:14 · 1782 阅读 · 0 评论 -
vue封装带提示框的单选/多选文本框组件
vue封装带提示框的单选/多选文本框组件文章目录vue封装带提示框的单选/多选文本框组件1. 组件化思想2. 接口参数设计3. 提示框显示隐藏交互实现3.1 尝试方案1: click事件主动聚焦3.2 尝试方案2: blur事件添加延时器 + 开关变量3.3 尝试方案3: 不使用blur,关闭方法改为事件委托3.4 尝试方案4: onfocus + onblur + mousedown + 开关...原创 2018-12-23 22:24:14 · 2955 阅读 · 0 评论 -
Vue2.5源码阅读笔记02—虚拟DOM的创建与渲染
Vue2.5源码阅读笔记02—虚拟DOM的创建与渲染文章目录Vue2.5源码阅读笔记02—虚拟DOM的创建与渲染1. 数据驱动与虚拟DOM2. 虚拟DOM渲染流程3. Vue实例挂载4. vm._render创建VDOM4.1 createElement创建VNODE4.2 normalizeChildren子节点规范化4.3 VNODE创建5. vm._update渲染VDOMWrite ...原创 2018-09-18 18:31:42 · 349 阅读 · 0 评论 -
Vue2.5源码阅读笔记01—代码结构与初始化
Vue2.5源码阅读笔记01—代码结构与初始化文章目录Vue2.5源码阅读笔记01—代码结构与初始化1. 前言2. 构建准备2.1 Flow静态类型检查2.2 Rollup构建工具3. 目录结构4. 从入口文件寻找Vue定义5. new Vue 实例化Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: github.com/csxiaoyaojia...原创 2018-09-18 18:31:13 · 285 阅读 · 0 评论 -
小程序开发总结04 - 特殊样式处理
小程序开发总结04 - 特殊样式处理小程序开发总结04 - 特殊样式处理1. 消除btn阴影2. 超出省略号处理3. 特殊布局 - 固定高度内容容器适配4. 模态框1. 消除btn阴影微信小程序中的button组件有特定的css,背景可用background:none;去掉,但边框直接用border:none;无法去除解决方法:使用 button::...原创 2018-06-23 03:11:07 · 401 阅读 · 0 评论 -
小程序开发总结03 - 数据传递与缓存
小程序开发总结03 - 数据传递与缓存小程序开发总结03 - 数据传递与缓存1. 基本事件传递参数2. 页面间传参3. 组件通信 - 页面向组件传参4. 组件通信 - 组件调用父页面方法(含form表单)5. 全局变量 - globalData6. 数据缓存 - 同步&异步7. web-view的数据获取1. 基本事件传递参数和H5不同,元素上绑...原创 2018-06-23 03:09:51 · 514 阅读 · 0 评论 -
小程序开发总结02 - 开发技巧和第三方插件的使用
小程序开发总结02 - 开发技巧和第三方插件的使用小程序开发总结02 - 开发技巧和第三方插件的使用1. 使用Promise处理异步接口2. 富文本的显示rich-textwxParse组件(推荐)3. 图标字体的使用4. 使用WeUI,统一UI样式5. 接入腾讯视频插件6. 使用 moment.js 处理日期 & 汉化1. 使用Promis...原创 2018-06-23 03:08:46 · 1482 阅读 · 0 评论 -
小程序开发总结01 - 模块化开发流程规范
小程序开发总结01 - 模块化开发流程规范小程序开发总结01 - 模块化开发流程规范1. 小程序与H5的开发成本对比2. 模块化优势1 — 组件复用3. 模块化优势2 — 代码逻辑清晰、便于维护4. 模块化开发规范 — 文件组织5. 模块化开发规范 — 命名规则6. 模块化开发规范 — 自定义组件的配置与使用7. 模块化开发规范 — 减少组件耦合组件通信 - 页面向组件传参...原创 2018-06-23 03:06:02 · 681 阅读 · 0 评论 -
Webpack学习总结
Webpack学习总结Webpack学习总结Webpack 与 Gulp Grunt 对比安装1 创建packagejson文件2 安装Webpack作为依赖包3 创建目录文件夹使用1 编写基础代码2 命令行基本使用3 通过配置文件使用4 更快捷地执行打包任务功能扩展1 生成Source Maps简化调试2 构建本地服务器3 Loaders31 实例1配置读取 jso原创 2017-08-14 19:33:12 · 1116 阅读 · 0 评论 -
Gulp学习笔记
Gulp学习笔记1. 安装 Gulp.jsnpm install -g gulp2. 配置2.1 创建 package.json 文件npm init2.2 安装依赖项npm install --save-dev gulp gulp-util2.3 安装需要的插件此处安装两个插件 gulp-uglify 和 gulp-concat,实现对 Javascript 文件压缩和合并,加上 –save-de原创 2017-08-14 19:36:50 · 404 阅读 · 0 评论 -
onload与ready对比
onload与ready对比onload与ready对比windowonload documentready windowload区别1 执行时间2 数量3 简化写法原生JS实现 jQuery 的 ready 方法1 window.onload & (document).ready() &(document).ready() & (window).load()ready , onl原创 2017-05-10 00:54:29 · 578 阅读 · 0 评论 -
WebStudy05_移动端+less+bootstrap+zepto
WebStudy05_移动端+less+bootstrap+zepto前端学习WebStudy系列(00~06)的总结写在代码注释中代码上传在github中,链接 https://github.com/csxiaoyaojianxian原创 2017-05-09 20:51:08 · 439 阅读 · 0 评论 -
WebStudy04_AngularJS
WebStudy04_AngularJS前端学习WebStudy系列(00~06)的总结写在代码注释中代码上传在github中,链接 https://github.com/csxiaoyaojianxian原创 2017-05-09 20:50:41 · 277 阅读 · 0 评论 -
WebStudy02_jQuery
WebStudy02_jQuery前端学习WebStudy系列(00~06)的总结写在代码注释中代码上传在github中,链接 https://github.com/csxiaoyaojianxian原创 2017-05-09 20:49:53 · 280 阅读 · 0 评论