git忽略已经被提交的文件 https://segmentfault.com/q/1010000000430426围观大佬撕逼，收货满满git相关参考文档https://segmentfault.com/q/1010000000358588
JavaScript 函数知识架构 函数一、定义 js中的函数时执行特殊任务的代码块二、声明 1、函数表达式、构造函数、function关键字 2、区别： 1、function 声明前置 2、构造函数 需要解析两次，js代码和字符串 作用域的区别三、调用 函数名直接调用、表达式立即执行、方法调用、构造器的实例化调用、apply/call调用 四、需要掌握的点 1、作用域和作用域链 1、静态作用域和动态的执行环境 2、call...
element-ui 自定义message-box 自定义样式不生效 背景：这是小伙伴今天在开发中遇到的问题，使用jsx语法自定义一个msgbox，自定义msgbox自然需要自定义样式，然后就遇到了自定义customClass不生效的问题。下面上jsx的一个写法this.$msgbox({ title: '确认', message: h('div', { style: 'text-align: center' }, [ h('p', { class: 'content-title
jsp + jquery 分页组件 背景：最近公司买了一套其他公司的代码，其中后台管理系统是用的jsp开发的，好多年前的技术不接触都有点忘了，自动前后端分离后，前端不学后端，后端不学前端的知识，其中负责维护该项目的后端同事也是听悲催的，没接触过呀，于是找到前端帮忙做下改功能，是一个简单的表格的展示。于是抽出了两个小时写了个表格分页的组件。什么？你问我为什么花了这么久，jquery 写的页面，然后还需要嵌入的jsp中，都忘的差不多了好吗。。。。废话不多説，直接上代码。先看下效果图然后是代码<!DOCTYPE ht
vue-router中 push方法 name 和 path 路由跳转的区别（从源码的角度讲）附带性能测试 背景：新公司入职 首次进行代码评审，在看到 this.$router.push('/path1')， 有同事建议使用 name进行路由跳转，给出的理由是更美观，个人虽然有代码洁癖，但是这个理由不是很能接受，于是查看了下vue-router的源码，想从根本上看下下他俩的区别。在看源码之前我所了解的name 和 path的区别是从vue-router 官方文档中获得的，下面贴下文档的说明源码解读push 方法执行的顺序transitionTo match 格式化参数：norm.
基于element-ui el-table el-form 表格嵌套表单 并且之前表格搜索和全键盘操作 项目开发中的记录，提出了业务代码 ，场景是自己临时想的 主要是两点场景假设一个淘宝店家周年庆给老会员发福利了，需要创建一系列的发货地址，要求客户的信息不能手动输入，需要从会员里面获取自动填充要求店家是一个老顽固，或者不喜欢使用鼠标所以需要全键盘来操作1、table 和 form的相互嵌套，表格中表单项的校验2、参考el-select 源码 的全键盘操作表格一贯作风先附上效果图，然后放git源码路径git 源码地址...
基于element-ui el-scrollbar 自定义滚动指令 不怎么擅长写文档，先上效果图github源码地址背景： 在使用element-ui 开发项目中，有一个隐藏的组件 el-scrollbar 可以用来美化滚动条，往往有这种需求，需要滚动到一定的位置，并且可以加一些过渡的动画，为此写了一个组件和大家分享一下。思路：vue 自定义指令 scrollHeight/clientHeight/scrollTop 等dom上的属性 用于偏移量的疾患 window.requestAnimateframe 动画 不平滑代码：import ..
flex 中 flex缩放计算 以及 flex特殊值的总结 Flex (flexible box) 从2009年发布到现在已经不知不觉的过了10年了，现在基本各家浏览器都以及支持了，一些在做项目的小伙伴为了兼容性，最终选择放弃了flex，但是无论是以后新项目的技术选型还是自己对于技术的追逐，flex 对于前端开发来说是必须要掌握的。对于flex布局来说可用的属性也不多，总共分为两种：一种是应用于容器，另一种应用于容器内子元素。用于容器的：fl...
Vue 的生命周期（一）------vue模块加载 开篇使用vue框架写了一年多的项目了，项目写的挺多，期间也碰到了很多问题，碰到问题的时候零散的会有一些记录，更多的是差一些资料解决就完事儿了，有点知其然不知其所以然的味道。正好我们项目组准备组织一次vue原理的解析，项目中同事每个人选一块进行深入讲解。我选的就是加载及渲染模块。本次记录也是为组内小伙伴讲解准备一些材料，并且记录一下。本次有两大模块，第一个是加载，第二个是渲染。看似差不多，其实差...
html中锚点的使用 html中锚点用来在页面中做个标记（mark），可以跳转到对应的标记处。当一个页面很长的时候可以根据html的主题在html中做标记（锚点）。如何使用锚点呢？1、做标记 2、触发标记做标记通过给你个html 标签加name 和 id。<a name="001" id="001" ></a>触发标记通过 a 标签进行触发 href的值要跟name ...
element-ui里面的下拉多选框 el－select 时，默认值不可删除 这是一个项目中常见的需求，el-select 为下拉多选，默认值不可删除，或者指定值不可删除。实现效果：el-select 如下源码中 tag closable 属性为 el-select 的 disabled 属性，所有明显不支持。解决思路（从el-select 的角度来考虑，其他组件组合的情况暂不考虑）想要实现某些选项是不删除，1、需要tag 不可删除，2、...
js 小技巧 创建一个 长度为n 从 1 - n 的一个数字数组const n = 5// 复杂化const arr = new Array(n).fill().map((item, index) => ++index )
知其然知其所以然 1、less 中 calc 计算解析错误最近在维护一个项目中，less 中写 css3 calc 计算属性时会出现解析错误，解决方法 网上有很多，例如：width: e("calc(100% - 20px)");width: calc(~"100% - 20px");而在最近新建的一个项目中，却没有这样的问题，less 却可以正常解析，查看less 更新日志得知，原来是less...
JavaScript 时间格式化方法 像java 等语言都有 dataformat 的相关包，js却没有时间格式化的内置方法，记录一下function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace( RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp...
模拟 Promise.all() 的效果 使用es3 语法模拟Promise.all() 的效果// 模拟异步函数var asyncFunc = function (aa, time, cb) { setTimeout(() => { const data = aa cb(aa, data) }, time)}// 结果集var resultArr = []// 所有异步函数执行后的最终...
vue + element-ui 动态表单 动态表格渲染问题 在开发动态表单和动态表格的时候，更改某些条件(v-if 等等)进行重新渲染时候，元素复用出现渲染问题vue element传的值报_self.$scopedSlots.default is not a function源码<el-table ref="table" class="table szq-table" border...
关注
