- 博客(246)
- 资源 (30)
- 收藏
- 关注
RSS订阅转载 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
1967
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
411
2
原创 Vue 通用数据校验封装
项目常用的数据校验可以抽取为一个组件，这然既方便统一维护，也增加页面的便利性和扩展性，而对于复杂或特殊校验可单独处理。首先创建自定义校验类src/utils/customValidate.js/** * 自定义数据校验 * */const Validation = {};Validation.install = function (Vue, options) { /** * 参数 item校验规则对象{rule:'required|phone',msg:'自定义提示信息'}
2021-08-10 21:40:03
1035
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
1600
原创 Vuex使用及状态管理流程
目录一、什么是Vuexvuex的应用场景二、Vuex的构成1.state2.mutations3.actions4.modules5.辅助函数三、Vuex的状态管理流程四、vuex的挂载一、什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。vuex的应用场景适用于中大型单页面应用详情见vuex官网https://vuex.v.
2021-04-05 15:57:15
668
原创 箭头函数以及和普通函数的区别
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
242
原创 前端基础知识点梳理
最近在招聘前端web开发人员，第一面电话面试，然后进行复试及人力资源的相关流程。所以第一面电话面试其实很关键，直接决定着候选人是否可以进行复试及后续流程，前端知识很广很泛，从基础知识css、js、jquery到框架Vue/React，以及前端工程化、性能优化等知识面太宽。那么问题来了，如何才能在短短的30分钟左右，高效而又客观的了解应聘人是否和要招聘的岗位和技术相匹配。无论前端框架如何发展，其核心都脱离不了前端基础知识的范畴，扎实的基础知识是成为高级前端的必备基础，也是后期深入提升和看源码的知识支撑，只
2021-03-25 23:17:59
196
原创 精益新产品开发过程
最近新启动了一个新产品项目，面对时间紧，资源有限，功能和需求繁杂，应该如何来进行需求的梳理，确认第一版需求清单呢？从敏捷开发的角度，首先要确认最小可用产品，在以此为目标开展项目工作，制定产品计划和项目计划。进行快速迭代与交付。...
2021-03-25 22:26:25
339
原创 在浏览器的标签页显示网站标志图标
一、在浏览器的标签页显示网站标志图标我们通常希望将浏览器里的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
3053
原创 HTML5 拖放（Drag 和 Drop）示例
拖放（Drag 和 drop）是 HTML5 标准的组成部分拖放拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放注意：为了让元素可拖动，需要使用 HTML5draggable属性。提示：链接和图片默认是可拖动的，不需要 draggable 属性。在拖放的过程中会触发以下事件：在拖动目标上触发事件(源元素): ondragstart- 用户开始拖动元素时触发 ondrag- 元素正在拖动时触发 ...
2020-11-17 10:34:34
412
原创 图片裁剪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
485
原创 Promise对象与宏任务、微任务
Promise是宏任务(同步执行)，但Promise 的回调函数属于异步任务，会在同步任务之后执行(比如说then、catch、finally)。Promise 的回调函数不是正常的异步任务，而是微任务（microtask）。它们的区别在于，正常任务追加到下一轮事件循环，微任务追加到本轮事件循环。这意味着，微任务的执行时间一定早于正常任务。setTimeout(function() { console.log(1);}, 0);new Promise(function (resolve...
2020-10-16 11:16:06
7536
原创 用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
2104
原创 outline和box-shadow实现外轮廓圆角高光效果
outline的属性和border很相似，可以实现元素高光或外轮廓透亮效果，但是没有圆角效果，可以使用box-shadow模拟outline的圆角效果outline定义和用法outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。注释：轮廓线不会占据空间，也不一定是矩形。outline 简写属性在一个声明中设置所有的轮廓属性。可以按顺序设置如下属性：outline-color outline-style outline-widthbox.
2020-09-01 10:34:33
1132
原创 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
10474
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
12795
4
原创 JS 同步、异步，宏任务、微任务概述
一、事件循环机制主线程运行的时候，产生堆（heap）和栈（stack），栈中的代码调用各种外部API，它们在"任务队列"中加入各种事件（click，load，done）。只要栈中的代码执行完毕，主线程就会去读取"任务队列"，依次执行那些事件所对应的回调函数。 主线程运行时会产生执行栈， 栈中的代码调用某些api时，它们会在事件队列中添加各种事件 而栈中的代码执行完毕，就会读取事件队列中的事件，去执行那些回调 如此循环 注意，总是要等待栈中的代码执行完毕后才会去读.
2020-07-09 17:50:26
1937
1
原创 前端性能监测API及插件-Navigation Timing、pagespeed
目录一、Navigation Timing API参数介绍使用示例兼容性二、谷歌浏览器插件 PageSpeed简介使用优化原则及标准附录：雅虎军规作为一名开发人员，无论是前端还是后端开发，无论是服务端还是客户端，都会涉及到性能问题，除了依靠测试人员提供的性能数据外，每个开发人员也应该有几个常规的性能参考工具。工欲善其事，必先利其器，一个好的工具可以大大提升优化效率，今天就介绍两款优化工具。一、Navigation Timing APIW3C Web Perfo
2020-07-08 23:32:06
1592
原创 Object.prototype.hasOwnProperty() 和 in
hasOwnProperty()所有继承了Object的对象都会继承到hasOwnProperty方法。这个方法可以用来检测一个对象是否含有特定的自身属性；和in运算符不同，该方法会忽略掉那些从原型链上继承到的属性。in操作符:检测指定对象(右边)原型链上是否有对应的属性值。hasOwnProperty方法:检测指定对象自身上是否有对应的属性值。两者的区别在于in会查找原型链,而hasOwnProperty不会hasOwnProperty()语法obj.hasOw...
2020-06-10 16:56:22
1208
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
622
原创 密码强度验证示例
验证密码强度，示例规则：以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
3176
原创 Git 代码撤销、回滚到任意版本
一.撤消：代码还只在本地，未push到运程仓库，想把代码还原到上一次commit的代码，此时操作为代码撤销git reset [--hard|soft|mixed|merge|keep] [commit|HEAD]二.回滚：代码已经push到运程仓库，想把代码还原到上一次提交，此时操作为代码回滚处理方式：1）先查看git提交日志，找到上次提交的信息，输入命令 git log (查...
2020-04-22 11:22:41
1317
原创 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
253
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
784
原创 用Css清除select的下拉箭头清除及自定义样式
默认的select选择框样式清除，需要注意ie需要单独处理/*将默认的select选择框样式清除*/ select { appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; ...
2020-02-13 11:01:51
1103
原创 CSS-浮动、清除浮动、margin塌陷
CSS基础行内元素和块级元素的区别：行内元素：与其他行内元素并排； 不能设置宽、高。默认的宽度，就是文字的宽度。块级元素：霸占一行，不能与其他任何元素并列； 能接受宽、高。如果不设置宽度，那么宽度将默认变为父亲的100%。行内元素和块级元素的分类：在以前的HTML知识中，我们已经将标签分过类，当时分为了：文本级、容器级。从HTML的角度来讲，标签分为：文本级标签...
2019-11-01 09:44:54
722
转载 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
1531
1
原创 JS 实现图片下载
download 属性是HTML5中新增的 <a> 标签属性，但在IE低版本浏览器中不识别此属性，需要区分浏览器并针对性处理，还有就是如果动态的更新图片下载地址，浏览器的安全机制会阻止触发点击事件。下面来看示例定义和用法download 属性定义了下载链接的地址。href 属性必须在 <a> 标签中指定。属性同样可以指定下载文件的名称。文件名称没有限定值，...
2019-07-23 10:58:38
12759
原创 浏览器监控事件-关闭、离开、可见性(visibilitychange,onbeforeunload,onunload)
上次做项目需要监控浏览器是否处于激活状态，以及是否刷新和关闭，根据不同的状态进行不同的操作，这里整理一下这几个相差事件。事件说明：window.onload：加载事件在页面内容加载完成之后立即执行相应的函数window.onbeforeunload：即将离开页面（刷新或关闭）时触发window.onunload：用户离开页面时触发visibilitychange：事件判断页面可...
2019-07-15 19:39:25
4234
2
转载 JS中的prototype、__proto__与constructor
推荐阅读：https://blog.csdn.net/cc18868876837/article/details/81211729，作者：码飞_CC，讲的很详情，而且有图解总结一下：我们需要牢记两点：①__proto__和constructor属性是对象所独有的；②prototype属性是函数所独有的，因为函数也是一种对象，所以函数也拥有__proto__和constructor属性。...
2019-07-15 13:01:29
322
原创 《敏控创变》--收益是项目的最终目标
传统的项目关注项目输出胜过项目成果和项目收益的实现，随着移动互联时代的深入，产品迭代速度越来越快，项目的变革性也越来越迫切。项目经理，作为项目组织中关键的创变角色，其理念、视角、方法、路径和坚守都是项目成功的关键影响因素。现在的企业逐渐把项目的关注度由交付转移到收益上。任何一个项目，都存在三方利益1.业务利益：关注项目收益的发起人利益2.用户利益：使用项目交付物从而实现收益的使用者...
2019-07-09 19:56:15
422
原创 CSS实现水平居中和垂直居中
只要涉及到CSS就绕不开定位问题，尤其是盒子居中。居中又分为水平居中和垂直居中，水平方向相对简单，垂直方向就相对复杂一点，有多种实现方式。一、水平居中可以通过margin: 0 auto;实现水平方向的居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
2019-07-05 13:23:26
2036
原创 宣化的风
由于项目的原因，来到张家口宣化区。这个地方在历史曾被誉为京西第一府，在明清的时候更是重要的军事要地，而如今随着历史的发展和社会的变迁，除了几处城墙古迹外，已不复当初的地位了。夏天的时候，这里还是不错的，不会太热，晚上凉风习习，是个避暑的地方。 冬春季节易刮风，每次乱风都是尘土飞扬的，骑车的话，阻力较大。记得初中时候学过一篇《中条山的风》，课文里对风的描写让我都现在都...
2019-07-05 08:38:32
316
转载 Oracle分组小计、总计示例(grouping sets的使用)
1.首先创建一个表Sql代码create table TE( ID VARCHAR2(2), T_CODE VARCHAR2(4), T_NAME VARCHAR2(4), T_AMOUNT INTEGER, T_DEPT VARCHAR2(4), T_PROJECT VARCHAR2(4), T_TYPE VARCH...
2019-07-04 19:23:22
16221
2
原创 宣化回北京途记
坐早上六点的的火车从宣化回北京，在早晨初升阳光照射下，沿途的一切变得很是壮美。村庄里错落的屋舍，在刚刚升起的太阳那柔和的光照下，显得比平时更为平静和安祥。远处那高低起伏的山脉，随着列车的移动和视线的变换，时高时低，时多时少，不由得想起小学时的一首诗句"横看成林侧成峰，远近高低各不同",山涧那断断续续的流水被冰覆盖着泛着白光，延伸到远处。遥想古人，一人一驴一书童，外带文房四宝，数卷诗书，穿梭...
2019-07-04 09:19:22
346
转载 ES6编码规范
无论我们做什么，只要开始做就离不开规范，像写字，写作文，开车，没有规范无法启动，或即使启动必然后期出现问题。写代码更是如此。编码规范尤其要从学习一门语文开始时首要学习的，这可以养成良好的习惯。为什么要有规范，规范就是形成统一的风格，避免混乱，方便团队协作，降低维护成本(具统计软件80%时间都处于维护状态)。最近开始前端知识的学习，现将看到的知识整理作个笔记，方便自己记忆。一、ES6...
2019-06-27 19:35:27
1153
原创 ECMAScript 6 入门笔记
推荐阅读：https://www.cnblogs.com/eco-just/p/8461769.html(ES6（阮一峰）学习总结)1.LetES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效For循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。for (let i = ...
2019-06-25 18:44:02
239
转载 关于SVN状态图标不显示的解决办法
今天突然发现svn文件的默认图标不显示了，对于日常使用很不方便，经过一通搜索，发现问题所在（都指向注册表图标被占用），于是按照网上打开注册表，发现竟然没有相关Tortoise的值。没有Tortoise 系列可能是被360等流氓软件删除了，需要新建注册表并导入了，按照这个试了一下才解决，在此记录一下。关于图标的说明：Windows Explorer Shell 支持 Overlay Icon ...
2019-06-22 15:13:55
34861
12
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关注的人