MingleHDU的博客

Sublime快捷键-Windows版VSMac版本 作为一个时常需要在Windows和Mac环境下写代码的初级程序媛，每次记快捷键真是一件头疼炸裂的事情。熟练使用快捷键不仅能加快代码速度，更主要的是，当你的盆友不经意路过的时候，你假装随意的一个快捷键组合，绝对是装逼界的制霸神器，秒杀代码渣渣不残留好么! 那就让我们从最简单的快捷键开始，2017,3,21！记住这个日子，因为从今天开始，你的装1

今天面试的时候被问到了箭头函数和普通函数中的程序输出问题，归来实践验证一下。本文核心的三大理论依据：普通函数的this指向看调用，箭头函数的this指向看声明，指向声明时候的父级作用域； setTimeout会延迟函数的声明example1：分析：根据第1条，可知，声明时就已经确定了this的指向为父级作用域，也就是window所以输出undefined；example...

手机端1像素边框在iphoneX上遇到的问题：一开始是简单粗暴写了border-bottom:1px solid #e5e5e5;后面改成了scaleY的写法。在网上查证了原因是因为1px的边框在devicePixelRatio = 2的retina屏下会显示成2px。比较灵活的写法是用参考链接：https://segmentfault.com/a/1190000...

DOM结构<div> <div className={styles.tableMock}> <div className={styles.tableHeader}></div> <div className={styles.ulWrap} style={{height:`calc(${document.b...

selectedIdArr：存在已选择item的idallIdArr：所有数据的id组成的id全集通过操作selectedIdArr数组中的元素增减来实现选中/取消

项目背景：用户提交修改结果时，需要将修改后的状态和该状态对应的开始考勤时间存到redux中（editedState和stateStartTime），便于在数据展示页更新相应数据item。但由于改成某些特定状态时是不需要修改初始时间的，所以存在只给editedState赋值，而不给stateStartTime赋值的情况。bug描述：只修改editedState而不修改stateStart...

项目中引用自定义 iconfont字体库前期准备字体源文件下载进入“我参与的项目”，下载项目拷贝至项目src/assets/iconfont拷贝到该路径下后，将iconfont.css文件命名成自身项目名，如evaluiconfont.css。将除去demo的其他文件拷贝到项目。字体命名为防止与 iconfont官方字体库冲突，需为自身项目字体设置新的字体名。在evalui...

设置主题色前期准备：npm install babel-plugin-import --save-devnpm install antd --save1. webpack.config.theme.js中，设置主题色primary-color，并导出module.exports={ "primary-color": "#0ba29a", "link-color": "...

浏览器处理动画顺序获取dom：获得我们所有的dom树 分割图层：浏览器根据z-index，和脱离了原来dom层的dom解构进行分层。 计算样式：分解图层完毕后，将所有的图层批量进行样式计算。这里有些属性是CPU去计算的，有些属性是GPU去计算的，具体哪些，请看下文。 reflow-relayout-paint set up-repaint:这一系列过程其实是页面从回流到重绘发生的步骤...

前端路由定义：在单页面应用中，前端对url自行管理，控制页面展示不同的内容或页面。优点：用户体验好，不需要每次都从服务器全部获取，快速展现给用户缺点：使用浏览器的前进，后退键的时候会重新发送请求，没有合理地利用缓存单页面无法记住之前滚动的位置，无法在前进，后退的时候记住滚动的位置为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的...

split()方法：将字符串分割成字符串数组语法： stringObject.split(分割符,返回的数组长度)举例：<script type="text/javascript">var str="What are you doing now?"document.write(str.split(" ") + "<br />")document.write(str.split("") + "

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

border-color:：[ border-top-color ] || [ border-right-color ] || [ border-bottom-color ] || [ border-left-color ] 上 右 下 左 图例即为：border-color:transparent #169bd5 transparent transparent;

官网中，将webpack定义为： 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)webpack处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。入口Entry入口指示一个入口起点（或多个入口起点）。默认值为 ./src。是构建依...

新建项目文件夹 如mooc_learning没有进到mooc_learning，进行安装时，会报错Failed to execute ‘/usr/local/bin/node /usr/local/lib/node_modules/npm/xxx’新建src文件夹，并建立文件src-&amp;gt;app.vue&amp;lt;template&amp;gt; &amp;lt;div id=&quot;test&quot;&a

实现方式：数据劫持结合发布者-订阅者模式MVVM的实现核心：Observer监听器劫持并监听data内的所有属性，如有变动，拿到最新值并且通知订阅者Watcher订阅者收到属性的变动通知，执行指令绑定的回调函数，从而更新视图起到桥梁作用Compiler解析器对每个DOM节点的指令进行扫描和解析，根据指令模板替换数据，以及绑定相应的更新函数页面上每一个与数据相...

快速排序思想：每次选出一个基准值，经过一趟比较，比基准大的都在右侧，比之小的，都在左侧；递归左右子区间 function quickSort(arr) { if (arr.length &lt;= 1) return arr; var middleIndex = Math.floor(arr.length / 2); var middleNum = ar...

1.网络通信用户输入网址，输入url后会开一个新的网络线程 DNS域名解析，查询出相应的IP地址 发起TCP三次握手，建立连接 为什么不是两次握手： 3次握手完成两个重要的功能。既要两方做好发送数据的准备工作(两方都知道彼此已准备好)，也要同意两方就初始序列号进行协商，这个序列号在握手过程中被发送和确认。如今把三次握手改成仅须要两次握手。死锁是可能发生的。作...

虚拟DOM：Vue 通过建立一个虚拟 DOM 对真实 DOM 发生的变化保持追踪。由页面渲染过程可知，虚拟DOM可以理解为保存了一棵DOM树被渲染之前所包含的所有信息。目的：虚拟dom就是为了减少js与DOM的交互而设计的。步骤：以虚拟dom的形式存储旧的dom信息； 检测到数据更新，先在JavaScript中将需要修改的节点全部修改完成； 将最终生成的虚拟DOM更新到视图中去...

bug描述：在ios手机上加载上一个月数据时非常困难，经常加载不出来同组的同事也用过这个组件，但无此bug，基本确定是我自身外码影响所致。而将calendar同级代码都注释掉后发现，该问题仍存在。所以可以基本可以确定是外层样式产生的干扰了。经排查，果然是外层的ovetflow-scrolling：touch样式产生了影响。移动端上下滑动时不顺畅时，应立马想到利用-webkit-overf...