- 博客(67)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Linux学习-文件管理
Linux 文件操作文件路径和文件管理cd (Change Directory)// . 代表此层目录// .. 代表上一层目录// - 代表前一个工作目录// ~ 代表“目前使用者身份”所在的主文件夹// ~account 代表 account 这个使用者的主文件夹（account是个帐号名称） # cd [相对路径或绝对路径] # 最重要的就是目录的绝对路径与相对路径，还有一些特殊目录的符号啰！
2020-09-09 15:46:55
138
原创 linux 命令备忘录
linux 命令相关netstatnetstat命令用来打印Linux中网络系统的状态信息，可让你得知整个Linux系统的网络情况。netstat -anonetstat -aon|findstr “8080” （查找某个端口使用情况）tasklist|findstr “2632” 哪个进程或者程序占用了8080端口【2632是8080端口任务的pid】taskkill name 终止name进程...
2020-08-02 21:29:15
162
1
原创 Beyond Compare 4 过期
Beyond Compare 4 过期打开Beyond Compare，超出30天试用期限制，解决方法：修改注册表打开注册表【在搜索栏中输入regedit，打开注册表】删除项目：计算机\HKEY_CURRENT_USER\Software\Scooter Software\Beyond Compare 4\CacheId...
2020-07-12 22:24:52
167
原创 重构改善既有代码的设计 --方法篇
重构改善既有代码的设计 --方法篇重新组织数据目的：解决不易理解的错综复杂的长函数，促使代码更清晰更易维护。解决思路：长函数变成短函数、算法结构优化常用方法：抽离函数（Extract Method），通过查询的方式来获取值 （Replace Temp With query）, 优化算法 （Substitute Algorthm）AF老项目中有很多行数过百的函数，导致维护起...
2020-02-16 17:58:28
225
原创 重构改善既有代码的设计 --原则篇
重构改善既有代码的设计重构大到模式设计，也小到一个接口函数何时重构三次法则第一次做某件事只管去做，第二次做类似的事情会产生反感，但还是可以做，第三次再做类似的事情就应该重构添加功能时重构代码的设计无法帮助我轻松的添加需要的功能特性。修补错误时重构调试代码修改Bug的过程中发现代码可读性不好，可以用重构来加深理解坏代码的味道重复代码（Duplicat...
2020-02-10 14:00:28
347
原创 浅析函数式编程
浅析函数式编程以函数抽象为单元 function parseAge(age) { if (!_.isString(agr)) { throw new Error('Expecting is String'); } console.log('告警：接收到参数，准备类型转化'); var tem...
2019-12-03 00:55:34
152
原创 JS 的 EventLoop
JS 的 EventLoopJavaScript 是单线程、异步、非阻塞、解释型脚本语言名词介绍stack（栈）先进后出queue（队列）先进先出heap(堆) function a() { b(); } function b() { c(); } function c() { co...
2019-10-31 02:44:22
177
原创 webpack整体配置
const path = require('path');module.exports = { // entry 表示 入口，Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 // 类型可以是 string | object | array entry: './app/entry', // 只有1个入口，入口只有1个文件 entry:...
2019-10-27 01:33:10
129
原创 深入浅出webpack
深入浅出webpack配置含义Entry 配置模块的入口Output 配置如何输出最终想要的代码Module 配置处理模块的规则Resolve 配置寻找模块的规则Plugins 配置扩展插件DevServer 配置 DevServer配置含义Entry配置模块的入口Output配置如何输出最终想要的代码Module配置处理模块的规则...
2019-10-26 00:04:28
220
原创 npm命令备忘录
命令含义npm view echarts versions查看npm服务器上所有的echarts版本信息npm view echarts version；查看echarts的最新的版本是哪一个npm info echarts查看echarts所有的版本，但是能查出更多的关于echarts的信息npm ls echarts查看某个项目安装的echarts...
2019-10-25 17:00:04
164
原创 fiddler 使用
fiddler 使用打开抓不到包由于可能chrome安装了代理管理的插件SwitchyOmega，由于可能chrome安装了代理管理的插件SwitchySharp，插件都会屏蔽fiddler的设置。 解决办法：代理插件选择“使用系统代理设置”选项，fiddler又重新能看到chrome的请求了。TextView显示乱码将Response is encoded…这句话点掉...
2019-04-14 22:39:42
141
原创 flex布局
flex布局容器属性配置参数含义可选值flex-direction决定主轴的方向（即项目的排列方向）row、row-reverse、column、column-reverseflex-wrap定义如果一条主轴线排不下，如何换行nowrap、wrap、wrap-reverseflex-flowflex-direction属性和flex-wrap属性的...
2019-03-24 23:27:17
198
原创 采坑记录
#采坑记录IE浏览器使用eval IE8 浏览器不支持在script脚本中插入innerHTML执行， 需要要使用execScript() 来执行脚本， 这里不使用eval() 因为， eval好像有另外一个全局window， 作用域和浏览器直接访问的又不一样 if (!-[1, ]) { // !-[1,] 造IE8 中会返回true，IE9、10、Chro...
2019-03-22 20:32:51
155
原创 JavaScript浏览器环境判断
var docMode = document.documentMode,ua = navigator.userAgent.toLowerCase(),check = function® {return r.test(ua);};function isOpera() {return /opera/.test(ua);// return check(/opera/);};functi...
2019-03-22 20:13:10
511
原创 JavaScript 原型链常用方法
JavaScript 原型链常用方法对象属性类型数据属性Configurable(表示能否通过 delete 删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性)Enumerable(表示能否通过 for-in 循环返回属性)Writable(表示能否修改属性的值)Value(这个属性的数据值。读取属性值的时候，从这个位置读；写入属性值的时...
2019-03-17 22:01:55
1350
1
原创 Ext 常用布局
Ext 常用布局hbox 和 vbox一个是水平布局，一个是垂直方向的布局// vbox new Ext.Container({ width: 1000, cls: 'sf-wrap', layout: { type: 'vbox', align: 's...
2019-02-24 16:00:28
1143
原创 替换页面的title的图标
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>VFrank</title> <!--网页标题左侧显示--> <link rel=&q
2019-02-14 14:27:34
2170
原创 前端性能优化（渲染篇）
前端性能优化（渲染篇）浏览器的运行机制主要功能模块 （HTML 解释器、CSS 解释器、图层布局计算模块、视图绘制模块与JavaScript 引擎）HTML 解释器：将 HTML 文档经过词法分析输出 DOM 树。CSS 解释器：解析 CSS 文档, 生成样式规则。图层布局计算模块：布局计算每个对象的精确位置和大小。视图绘制模块：进行具体节点的图像绘制，将像素渲染到...
2019-02-05 20:39:58
2479
原创 前端性能优化（存储篇）
前端性能优化（存储篇）浏览器缓存机制四个方面，优先级依次排列如下：Memory CacheService Worker CacheHTTP CachePush Cache强缓存强缓存是利用 http 头中的 Expires 和 Cache-Control 两个字段来控制的。强缓存中，当请求再次发出时，浏览器会根据其中的 expires 和 cache-control 判断...
2019-02-05 09:51:39
656
原创 前端性能优化（图片篇）
前端性能优化（图片篇）不同业务场景下的图片方案选型JPEG/JPG （有损压缩、体积小、加载快、不支持透明）优点：有损压缩，图片体积压缩至原有体积的 50% 以下时，JPG 仍然可以保持住 60% 的品质。缺点：不支持透明度处理，透明图片需要召唤 PNG 来呈现。使用场景：大的背景图、轮播图或 Banner 图出现。PNG （无损压缩、质量高、体积大、支持透明...
2019-02-04 23:33:30
394
原创 节流和防抖
节流和防抖防抖使用场景search搜索联想，用户在不断输入值时，使用防抖减少请求次数。 function debounce(fn, delay) { var delay = delay || 200; var timer; return function() { var th = this; ...
2019-01-21 22:17:44
125
原创 JavaScript_正则使用
正则使用正则可视化工具地址 https://regex101.com/特殊字符特殊含义字符符号含义\转义符（可以将其后的特殊字符，转义为字面量）^匹配输入字符串的开始位置，在方括号表达式中使用，表示不接受该字符集合$匹配输入字符串的结尾位置.小数点）匹配除换行符之外的任何单个字符。eg: /.n/将会匹配 “nay, an apple ...
2019-01-13 02:06:19
173
原创 ES6 模块加载
ES6 模块加载export，import的语法 let module1 = 'GongGe4', module2 = 'VFrank', module3 = 'No Bugs'; // 原名输出 export { module1, module2, module3 }; ...
2019-01-03 00:26:52
128
原创 Element的各种宽高度
Element的各种宽高度属性含义clientWidth表示元素的内部宽度，以像素计。该属性包括内边距，但不包括垂直滚动条（如果有）、边框和外边距。clientHeight只读属性，对于没有定义CSS或者内联布局盒子的元素为0，否则，它是元素内部的高度(单位像素)，包含内边距，但不包括水平滚动条、边框和外边距。clientTop一个元素顶部边框的宽度（以像素...
2018-12-09 22:40:29
4582
原创 Document.cookie
Document.cookie官方对cookies的过期和永久推荐做法对于永久cookie使用Fri, 31 Dec 9999 23:59:59 GMT作为过期日。如果你不想使用这个日期，可使用世界末日Tue, 19 Jan 2038 03:14:07 GMT，它是32位带符号整数能表示从1 January 1970 00:00:00 UTC开始的最大秒长(即0111111111111...
2018-11-22 19:55:20
2884
原创 兄弟选择器
兄弟选择器相邻兄弟选择器（+）(+) 介于两个选择器之间，当第二个元素紧跟在第一个元素之后，并且两个元素都是属于同一个父元素的子元素，则第二个元素将被选中。IE7+ /* 图片后面紧跟着的段落将被选中 */ img + p { font-style: bold; }通用兄弟选择器（~）在使用 ~ 连接两个元素时,它会匹配第二个...
2018-11-21 23:05:30
209
原创 使用谷歌浏览器调试手机网页
使用谷歌浏览器调试手机网页方式1：控制台使用手机模拟器方式2：这种方法仅供特殊情况下使用，因为重启Chrome将不能恢复正常User-Agent(需要将全部打开的chrome窗口关闭，再打开才能起作用)模拟谷歌Android： chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexu...
2018-11-21 00:09:38
2016
原创 Git 入门命令《开发中实用》
Git 使用备忘录功能命令查看分支git branch创建分支git branch 切换分支git checkout 创建+切换分支git checkout -b 删除分支git branch -d 删除分支git branch -d 强行删除分支git branch -D 删除文件git rm 常用功...
2018-11-09 01:17:25
298
1
原创 JavaScript中使用splice删除数组的问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-11-07 00:23:54
378
原创 Ext组件设计思想
Ext.Component = function(config) { this.initialConfig = config; Ext.apply(this, config); this.addEvents(); this.getId(); Ext.ComponentMgr.register(this);...
2018-11-01 22:20:54
174
原创 VSCode常用快捷键
VSCode常用快捷键快捷键描述Ctrl + Home跳转到页头Ctrl + End跳转到页尾Shift + Alt +A块区域注释Ctrl + K Ctrl + 0折叠所有区域代码Ctrl + K Ctrl + J展开所有折叠区域代码...
2018-10-30 23:53:37
182
原创 JavaScript的window自带转码方法
btoa()和atob()转码方法 --IE10+window.btoa()从 String 对象中创建一个 base-64 编码的 ASCII 字符串，其中字符串中的每个字符都被视为一个二进制数据字节。字符的码位不能超出 0x00 ~ 0xFF 范围，否则会引发 InvalidCharacterError 异常 window.btoa('abcd'); // "YWJjZA...
2018-10-24 23:05:16
1059
原创 JS遍历方法与forEach对比
// 找出未配置的策略字段let policy = {“ips”: 0,“waf”: 0,“pvs”: 1};let filterArr = Object.keys(policy).filter((key) =&amp;amp;amp;gt; {return policy[key] === 0;});/*****对比forEach/// let filterArr = [];// Object.ke...
2018-10-22 19:32:13
238
SQL无法连接解决方案
2016-12-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人