漫无目的猿猿的博客

原创 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

转载 Chrome 扩展开发教程

Chrome 扩展开发教程

转载 axios 之cancelToken原理以及使用

axios 之cancelToken原理以及使用

原创 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 ..

原创 element-ui 隐藏组件 el-scrollbar 的api整理

原创 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...

原创 Vue 开发过程中存在的问题记录

1、表单校验问题如果配置了具体的校验规则，则需要如有需要在规则中添加 required: true,， 不要使用el-form-item 中的required，否则会出现默认的英文校验提示 例如： XX is required2、vuecli 3.0 打出来的包部署在环境出现的问题首先，运行在开发态是正常运行的，其次起后端服务也是没有任何问题的，就是部署在服务器上会出现问题。报错暂...

原创 gitlab pages

创建一个自己的博客类的静态项目，不用自己购买服务器，使用gitlab ci 和 gitlab runner 进行持续集成，安装运行的步骤在下面，先记录几个问题（项目跑不起来的排查步骤）：1、安装阶段，gitlab-runner.exe 不是可用的32位文件，检查下载的gitlab-runner.exe是否可用，我的从官网上下载的版本不能用，是从同事那里拷贝过来的。2、注册阶段，填写正确...

原创 js 中 文件流的截取处理

问题背景：项目开发的中有一个这样的场景，在前端页面中实现一个markdown的文本编辑器，对md文件进行编辑、预览和保存。在看了github上的issue模块以及一些论坛的回复功能模块。基本的实现流程是这样的。现在以markdown为例：1、后端将存在数据库中的md文件解析成json格式的字符串（.md源码）传给前端2、前端接收到 .md 源码的字符串 进行编辑，完成之后 点击保存将 编辑...

转载 关于vue-svg-icon的使用方式

关于vue-svg-icon的使用方式

原创 npm install 问题

npm intall XXXsha1-qDCdqouDQhzb1GKOAm1quyUZLTQ= integrity checksum failed when using sha1: wanted sha1-qDCdqouDQhzb1GKOAm1quyUZLTQ= but got sha512-uO1p3nGsrbj9bETNNJt6i8ltyPvO3iz8dkSc/HIveRf19nhWi7...

原创 js中隐式类型转换

决定写这个东西呢，主要是在开发过程中遇到了一个问题对于空对象（ {}）的判断问题是这样的if ({}) { console.log(true)} else { console.log(false)}// trueif ([]) { console.log(true)} else { console.log(false)}// true...

原创 vue 项目开发规范问题（补充中...）

1、组件中vue组件/实例的选项的顺序问题组件/实例的选项的顺序副作用 (触发组件外的影响)el全局感知 (要求组件以外的知识)nameparent组件类型 (更改组件的类型)functional模板修改器 (改变模板的编译方式)delimiterscomments模板依赖 (模板内使用的资源)componentsdirectivesfilters组合 (向选项里...

原创 通过设置chrome浏览器解决跨域问题，在本地进行开发工作

通过设置chrome浏览器解决跨域问题，在本地进行开发工作后端跨域权限无法打开，于是去网上找了下我这边能不能解决现在的浏览器出于安全策略的限制，都是不允许跨域的，但是开发的时候经常需要一些别的域的接口，特别是一些接口不是自己能控制的时候，往往会造成开发困难。今天无意中知道了，chrome浏览器可以通过设置，解决跨域问题。如果 Chrome 版本在49之前，设置方法如下：1、在C...

原创 JavaScript中事件模型

在了解事件模型之前先简单的谈下事件流：JS事件流最早要从IE和网景公司的浏览器大战说起，IE提出的是冒泡流，而网景提出的是捕获流，后来在W3C组织的统一之下，JS支持了冒泡流和捕获流，但是目前低版本的IE浏览器还是只能支持冒泡流(IE6,IE7,IE8均只支持冒泡流)，所以为了能够兼容更多的浏览器，建议大家使用冒泡流。JS事件流原理图如下： ...

原创 cookie和session

cookie和session有很多相似的作用，session主要用于服务器端用来保存会话，同时也是基于cookie来实现的。本文主要是谈下对cookie的使用。cookie是document下面的一个属性，所有操作cookie是通过document.cookie。一、cookie的简单操作（增删改查）1、写入一个cookiecookie是key，value的形式存在本地磁盘或者内存...

原创 Promise 并行和串行理解

promise主要是针对异步请求，这里也主要是针对异步请求来展开并行：多个异步请求同时进行串行：一个异步请求完了之后在进行下一个请求首先定义一些promise实例并行: var promises = function () { return [1000, 2000, 3000].map(current =&gt; { return...

原创 VUE项目中解决mounted 钩子函数执行时 img 未加载导致页面布局问题

项目需求：图片加载时，当鼠标滚动至当前图片进行加载并加上上滑特效，实现这个效果需要对文档文档滚动位置和图片的当前位置进行比较。但是mounted 钩子函数执行时img图片并未加载出来也就是占位为空，导致图片位置计算出问题。解决这个问题，目前想到几种种方法一、对mounted 钩子函数 中init方法加上延时 mounted: function() { this.$nextT...

原创 javascript 闭包的简单理解

以前针对闭包有过一定的理解，但是现在回想起来有些模糊，于是又翻阅了一些资料博客之类的，加深一下理解正好也算复习了一下。为什么要谈到闭包呢，因为最近在工作的时候呢，需要定义一些功能模块，为了不污染全局变量，把模块的一些方法属性定义在了一个全局函数里面，但是想要取到全局函数里面的模块属性，需要在全局函数里面定义一个函数用来返回全局函数的属性，这个内部函数就形成了一个闭包。第一种写法fun...

原创 webstorm 中 html使用less报错

最初使用的是css文件没有任何问题，使用lessc less/index.less css/index.css 把index.css 转成less文件进行引入后发现报错：Refused to apply style from 'http://localhost:63342/cssworld/less/index.less' because its MIME type ('applicati...

原创 通过iconfont制作图标字体

先简介一下Iconfont-阿里巴巴矢量图标库（https://www.iconfont.cn/）Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具PS： 官网复制的。。。。。。 字体制作很简单，将你所需要的图标添加入库就是（一个类似一个购物车的东东）,然后下载代码，会把三种（Un...

原创 vscode 使用

插件使用1、Code Runner   启用nodejs服务运行代码2、ESLint   语法检查 编码规范3、minapp  开发微信小程序 标签属性只能补全4、Npm Intellisense 只能代码提示通过npm安装的模块5、Open in Browser  html类文件在浏览器打开6、Path Autocomplete 编码路径提示7、TortoiseSVN...

原创 javascript typeof

typeof 是一个js操作符 用来 返回一个变量的数据类型var s = 's'var n = 1var b = truevar f = function () {}var a = []var o = {}console.log(typeof s) // stringconsole.log(typeof n) // numberconsole.log(typeof b) /...

原创 IntelliJ 工具常用的设置

1，激活码 ：http://idea.youbbs.org 2，基本设置（1）代码提示，忽略大小写   Settings =&gt; Code Completion

原创 javascript prototpye

prototpye 简单的可以理解为 构造函数的一个属性 增加属性和方法供其实例调用。 构造函数的原型__protot__是一个对象属性，指向这个对象的原型function FOO() {}var f = new FOO()console.log(f.__proto__ === FOO.prototype) // trueconsole.log(FOO.__proto__ ==...

原创 function(){} 和 () =&gt; {} 中this指向的问题

普通函数中this1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window (约定俗成)3.在严格模式下,没有直接调用者的函数中的this是 undefined4.使用call,apply,bind(ES5新增)...

原创 svn 执行cleanup报错

svn执行update命令时报错“Error:svn: E155004: There are unfinished work items in 'E:\projectCode\code\164\neweb\otcWeb'; run 'svn cleanup' first.”。执行cleanup时候，提示要Error:Error performing cleanup for 'E:\projectC...