- 博客(256)
- 资源 (30)
- 收藏
- 关注
原创 如何高效拉齐团队认知
当组织足够大,或者你要协作超出十个人的时候,你就会发现单纯靠口头沟通,会损失掉很多信息。“明明当时你是这么说的,怎么现在又变样了呢?”这样的疑问,很有可能会在团队协作、向上、对外、对下各个环节中反复发生。这就是口头交流必然带来的损耗。最高效的方式是什么呢?就是用文字固定下来......
2022-06-05 17:13:48 1564
原创 用el-input实现金额编辑组件
用el-input实现金额编辑组件,支持格式化、自定义前缀、后缀、千分位设置,结合sync修饰符,实现自定义组件的v-model效果
2022-03-01 23:27:27 2232 1
原创 2022年1月苏州之行
城市的区别变得微弱,到了苏州市,除了时不时的河流和大大小小的桥,让我感觉到是在苏州外,高高低低的楼式建筑反而看不出和北京的区别
2022-01-12 16:15:39 207
转载 Fiddler - 超好用的http抓包工具使用介绍(转载)
今天看到一篇介绍Fiddler抓包工具介绍的文章,详尽全面,忍不住分享一下原文地址:Fiddler - 超好用的http抓包工具使用介绍(附:拦截请求并修改返回数据) (hangge.com)原文出自:www.hangge.com 发布者:hangge一、Fiddler 介绍Fiddler是一个使用C#编写的http抓包工具。它使用灵活,功能强大,支持众多的http调试任务,是web、移动应用的开发调试利器。1,功能特点同Httpwatch、Firebug...
2021-09-30 15:32:09 2033 1
原创 Vue组件传值示例
目录vue常用组件通讯方式组件通讯示例props 父传子$emit/$on 子传父子传父.sync语法糖vue常用组件通讯方式vue也是组件化开发框架,对于这种组件化开发来说,组件之间的通信方式通常都是非常重要的1.props2.$emit/$on3.$children/$parent4.$attrs / $listeners5.ref6.$root7.eventBus8.vuex组件通讯示例props 父传子1.父组件以属性的方式传值给子组件
2021-08-24 00:01:02 439 2
原创 Vue 通用数据校验封装
项目常用的数据校验可以抽取为一个组件,这然既方便统一维护,也增加页面的便利性和扩展性,而对于复杂或特殊校验可单独处理。首先创建自定义校验类src/utils/customValidate.js/** * 自定义数据校验 * */const Validation = {};Validation.install = function (Vue, options) { /** * 参数 item校验规则对象{rule:'required|phone',msg:'自定义提示信息'}
2021-08-10 21:40:03 1087 1
原创 JS合并数组与合并对象
一、数组合并1、for循环会改变原数组,如果不想改变原数组需要生成一个新数组 let a = [1, 2, 3]; let b = [4, 5]; //1 for循环 for (var i in b) { a.push(b[i]); } console.log(a); //[1,2,3,4,5]2、concat()concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本
2021-04-08 13:12:23 1660
原创 Vuex使用及状态管理流程
目录一、什么是Vuexvuex的应用场景二、Vuex的构成1.state2.mutations3.actions4.modules5.辅助函数三、Vuex的状态管理流程四、vuex的挂载一、什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。vuex的应用场景适用于中大型单页面应用详情见vuex官网https://vuex.v.
2021-04-05 15:57:15 715
原创 箭头函数以及和普通函数的区别
1、this指向不同,箭头函数的this在定义的时候继承自外层第一个普通函数的this2、箭头函数不绑定arguments,取而代之用rest参数…解决,所以也没有callercallee rest参数有两点需要注意:1. rest必须是函数的最后一位参数, 2. 函数的length属性,不包括rest 参数let a = (first, ...rest, three) => { console.log(first, rest,three); // 报错:Rest p...
2021-03-27 00:19:03 261
原创 前端基础知识点梳理
最近在招聘前端web开发人员,第一面电话面试,然后进行复试及人力资源的相关流程。所以第一面电话面试其实很关键,直接决定着候选人是否可以进行复试及后续流程,前端知识很广很泛,从基础知识css、js、jquery到框架Vue/React,以及前端工程化、性能优化等知识面太宽。那么问题来了,如何才能在短短的30分钟左右,高效而又客观的了解应聘人是否和要招聘的岗位和技术相匹配。无论前端框架如何发展,其核心都脱离不了前端基础知识的范畴,扎实的基础知识是成为高级前端的必备基础,也是后期深入提升和看源码的知识支撑,只
2021-03-25 23:17:59 212
原创 精益新产品开发过程
最近新启动了一个新产品项目,面对时间紧,资源有限,功能和需求繁杂,应该如何来进行需求的梳理,确认第一版需求清单呢?从敏捷开发的角度,首先要确认最小可用产品,在以此为目标开展项目工作,制定产品计划和项目计划。进行快速迭代与交付。...
2021-03-25 22:26:25 367
原创 在浏览器的标签页显示网站标志图标
一、在浏览器的标签页显示网站标志图标我们通常希望将浏览器里的Tab选项卡的图标换成自己网站的logo图片,这样看起来更真实和有信任感,可以在<head></head>中添加linkrel="shortcuticon"为网页标题添加标志图标,<head> 1:<link rel="shortcut icon" href="图片地址" />2:<link rel="icon" href="图片地址" type="image/gif" /&g..
2021-01-20 11:57:17 3166
原创 HTML5 拖放(Drag 和 Drop)示例
拖放(Drag 和 drop)是 HTML5 标准的组成部分拖放拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放注意:为了让元素可拖动,需要使用 HTML5draggable属性。提示:链接和图片默认是可拖动的,不需要 draggable 属性。在拖放的过程中会触发以下事件:在拖动目标上触发事件(源元素): ondragstart- 用户开始拖动元素时触发 ondrag- 元素正在拖动时触发 ...
2020-11-17 10:34:34 434
原创 图片裁剪cropper 示例
头像上传时需要进行裁剪上传,可使用<inputtype="file">进行图片选择,然后结合cropper进行裁剪,裁剪结果是图片的base64格式,然后把结果上传到服务器就可以了详情参数可参考:https://github.com/fengyuanchen/cropperjs需求引入相关js和CSS:https://cdn.bootcdn.net/ajax/libs/cropperjs/1.5.9/cropper.min.csshttps://cdn.bootcdn.net/.
2020-11-09 16:27:12 504
原创 Promise对象与宏任务、微任务
Promise是宏任务(同步执行),但Promise 的回调函数属于异步任务,会在同步任务之后执行(比如说then、catch、finally)。Promise 的回调函数不是正常的异步任务,而是微任务(microtask)。它们的区别在于,正常任务追加到下一轮事件循环,微任务追加到本轮事件循环。这意味着,微任务的执行时间一定早于正常任务。setTimeout(function() { console.log(1);}, 0);new Promise(function (resolve...
2020-10-16 11:16:06 7662
原创 用setTimeout模拟setInterval定时器
1.setTimeout()setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器var timerId = setTimeout(func|code, delay);clearTimeout(timerId);//取消定时器setTimeout函数接受两个参数,第一个参数func|code是将要推迟执行的函数名或者一段代码,第二个参数delay是推迟执行的毫秒数2.setInterval()setInt
2020-10-14 18:07:28 2234
原创 outline和box-shadow实现外轮廓圆角高光效果
outline的属性和border很相似,可以实现元素高光或外轮廓透亮效果,但是没有圆角效果,可以使用box-shadow模拟outline的圆角效果outline定义和用法outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。注释:轮廓线不会占据空间,也不一定是矩形。outline 简写属性在一个声明中设置所有的轮廓属性。可以按顺序设置如下属性:outline-color outline-style outline-widthbox.
2020-09-01 10:34:33 1230
原创 iframe嵌套其它网站页面 全屏设置
今天在使用iframe时,发现嵌套页面中有个【全屏】功能,不好使,查了一下,发现iframe还有1个属性allowfullscreen设置,可以设置是否支持全屏,默认是false,现在把iframe的基础属性整理一下。iframe基本属性通常我们使用iframe主要设置src,宽、高,是否滚动,其实有一些不常用的属性<iframe src="https://www.baidu.com" frameborder="0" width="80%" height="500px"><.
2020-08-31 18:08:18 12276 1
原创 npm的nexus私服 E401 E500错误处理记录
用nexus搭建的npm本地仓库,在发布时报 npmERR!codeE401,原因是没有基础权限,需要登录,用帐号登录时又报E500错误,从网上查了一下,资源比较少,而且基本重复,现把问题记录一下,以方便后期有相同问题的伙伴作参考npm E401npm publish时,错误详情如下:npm ERR! code E401npm ERR! Unable to authenticate, need: BASIC realm="Sonatype Nexus Repository Manag...
2020-07-16 16:33:21 13718 4
原创 JS 同步、异步,宏任务、微任务概述
一、事件循环机制主线程运行的时候,产生堆(heap)和栈(stack),栈中的代码调用各种外部API,它们在"任务队列"中加入各种事件(click,load,done)。只要栈中的代码执行完毕,主线程就会去读取"任务队列",依次执行那些事件所对应的回调函数。 主线程运行时会产生执行栈, 栈中的代码调用某些api时,它们会在事件队列中添加各种事件 而栈中的代码执行完毕,就会读取事件队列中的事件,去执行那些回调 如此循环 注意,总是要等待栈中的代码执行完毕后才会去读.
2020-07-09 17:50:26 1980 1
原创 前端性能监测API及插件-Navigation Timing、pagespeed
目录一、Navigation Timing API参数介绍使用示例兼容性二、谷歌浏览器插件 PageSpeed简介使用优化原则及标准附录:雅虎军规作为一名开发人员,无论是前端还是后端开发,无论是服务端还是客户端,都会涉及到性能问题,除了依靠测试人员提供的性能数据外,每个开发人员也应该有几个常规的性能参考工具。工欲善其事,必先利其器,一个好的工具可以大大提升优化效率,今天就介绍两款优化工具。一、Navigation Timing APIW3C Web Perfo
2020-07-08 23:32:06 1655
原创 Object.prototype.hasOwnProperty() 和 in
hasOwnProperty()所有继承了Object的对象都会继承到hasOwnProperty方法。这个方法可以用来检测一个对象是否含有特定的自身属性;和in运算符不同,该方法会忽略掉那些从原型链上继承到的属性。in操作符:检测指定对象(右边)原型链上是否有对应的属性值。hasOwnProperty方法:检测指定对象自身上是否有对应的属性值。两者的区别在于in会查找原型链,而hasOwnProperty不会hasOwnProperty()语法obj.hasOw...
2020-06-10 16:56:22 1235 1
转载 任务、微任务、队列和调度(动画展示每一步调用)
推荐阅读,作者通过动画的形式展示了每一个步骤执行的变化。https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/I created an animated step-by-step diagram,in case it isn't clear from my amazing UI design, click the arrows above to advance-- byJake...
2020-05-14 09:34:19 653
原创 密码强度验证示例
验证密码强度,示例规则:以6-18位密码,由数字、大小写字母、特殊字符两种以上,根据密码的组合来判定密码强度效果示例html代码<div class="row"> <div class="col-md-12 "> <input type="password" id="password" class="form-contr...
2020-05-06 18:46:45 3239
原创 Git 代码撤销、回滚到任意版本
一.撤消:代码还只在本地,未push到运程仓库,想把代码还原到上一次commit的代码,此时操作为代码撤销git reset [--hard|soft|mixed|merge|keep] [commit|HEAD]二.回滚:代码已经push到运程仓库,想把代码还原到上一次提交,此时操作为代码回滚处理方式:1)先查看git提交日志,找到上次提交的信息,输入命令 git log (查...
2020-04-22 11:22:41 1334
原创 vscode 插件篇收集
收集了一些VScode插件,方便开发和提高效率GitGit Blame:在状态栏显示当前行的Git信息 Git History(git log):查看git log(推荐) GitLens:显示文件最近的commit和作者,显示当前行commit信息(推荐) gitignore:.gitignore文件语法格式化Beautify css/sass/scss/less css/s...
2020-04-22 11:08:01 278 1
原创 前端在线文档整理
前端常用文档及CSSSASS:https://www.sass.hk/JS工具npm中文文档:https://www.npmjs.cn/变更命名:https://unbug.github.io/codelf/前端笔记前端入门与进阶:https://github.com/qianguyihao/WebES6概述:https://juejin.im/po...
2020-03-31 14:30:51 795
原创 用Css清除select的下拉箭头清除及自定义样式
默认的select选择框样式清除,需要注意ie需要单独处理/*将默认的select选择框样式清除*/ select { appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; ...
2020-02-13 11:01:51 1205
原创 CSS-浮动、清除浮动、margin塌陷
CSS基础行内元素和块级元素的区别:行内元素:与其他行内元素并排; 不能设置宽、高。默认的宽度,就是文字的宽度。块级元素:霸占一行,不能与其他任何元素并列; 能接受宽、高。如果不设置宽度,那么宽度将默认变为父亲的100%。行内元素和块级元素的分类:在以前的HTML知识中,我们已经将标签分过类,当时分为了:文本级、容器级。从HTML的角度来讲,标签分为:文本级标签...
2019-11-01 09:44:54 737
转载 css层的定位position、absolute、relative层叠加的五条叠加法则
原创地址:http://www.cnblogs.com/joe235/archive/2011/03/03/1970006.html推荐此文章,感谢原作者。css层的定位position、absolute、relative层叠加的五条叠加法则貌似很多同学对为什么这个div在上层,那个div在下层、无论如何设置z-index都无法居上的问题纠结抓狂、上吐下泻、恶心失眠、郁郁而终,致使不敢...
2019-11-01 08:51:08 1738 1
原创 JS 实现图片下载
download 属性是HTML5中新增的 <a> 标签属性,但在IE低版本浏览器中不识别此属性,需要区分浏览器并针对性处理,还有就是如果动态的更新图片下载地址,浏览器的安全机制会阻止触发点击事件。下面来看示例定义和用法download 属性定义了下载链接的地址。href 属性必须在 <a> 标签中指定。属性同样可以指定下载文件的名称。文件名称没有限定值,...
2019-07-23 10:58:38 12832
Excel操作类库 Aspose.Cell.dll
2015-09-11
SSIS入门教程及简单示例
2015-09-11
PMPBOK2008(第四版 中文 英文) 项目管理知识体系指南 pdf
2013-01-09
DEV 手动添加CheckEdit多选设置
2011-11-09
EditPlus 绿色破解版
2011-09-13
数据库多功能查询分析器(SQL_helper)
2010-06-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人