Pan Fengshan的博客

一、回退代码1.回退到上个版本git reset --hard HEAD^2.回退到前2次提交之前，以此类推，回退到n次提交之前git reset --hard HEAD~23.退到/进到 指定commit的sha码git reset --hard commit_id二、强推到远程git push origin HEAD --force...

一、问题场景有些场景下，我们需要在小程序自定义组件中获取某些元素的高度，代码如下：ready: function() { wx.createSelectorQuery().select('.search-content').boundingClientRect(rect=>{ console.log(rect.height) }).exec();}...

有的时候服务端数据库是GBK格式，我们存过去的汉字，有些会被转义，比如 龚 ==》䶮有些场景我们需要显示正确转义后的文本，可以进行如下处理：/** * 解析段落的unicode字符，如 䶮 */function decodeUnicode(str) { //替换 & 为 & let ret = s...

定义迪杰斯特拉算法(Dijkstra)是由荷兰计算机科学家狄克斯特拉于1959 年提出的，因此又叫狄克斯特拉算法。是从一个顶点到其余各顶点的最短路径算法，解决的是有权图中最短路径问题。迪杰斯特拉算法主要特点是以起始点为中心向外层层扩展，直到扩展到终点为止。如图所示，我们要求解V0到V8的最小权值及最短路径，这是我们经常碰到的求最小路径问题之一。通过一步就将最短权值和路径求出是不现实的，不过我...

vue-cli3项目vue.config.js配置欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导...

一、函数防抖定义当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时应用场景在实现根据用户输入实时搜索时，我们可以给搜索方法加个防抖，即在用户持续输入过程中，防抖函数起作用，不会向后台频繁发请求，只有用户中断输入（关键词输入完毕）再进行搜索代码实现function debounce(func,time=17,o...

注意事项1.如果是基本数据类型，直接返回2.如果是 RegExp 或者 Date 类型，返回对应类型3.如果是复杂数据类型，递归。4.考虑循环引用的问题代码实现//WeakMap解决循环引用问题function deepClone(source,hash=new WeakMap()){ if(source instanceof RegExp) return new RegEx...

前言在做项目过程中，经常碰到需要进行计算的地方，必须单价，重量，高度等运算，有时会出现精度失真或者小数位很多的问题示例解决思路通过将运算的两个数放大相应的倍数，将其变为整数进行运算，然后将结果再除以放大的倍数即可。具体实现1.加法function numAdd(num1: number, num2: number): number{ let baseNum: number,...

背景：在项目碰到一个需求，产品要求将提示文字同事用语音播放出来实现：此处用到了百度提供的一个文字转语音接口代码：function playAudio(text){ const url = "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&text=" + encodeURI(text); ...

一、 闭包的定义能访问其他函数内变量的函数，这种结构就是闭包二、闭包的用途1.读取函数内部的变量2.让这些变量的值始终保持在内存中（结果缓存）3.创建匿名自执行函数（避免全局变量的污染）三、闭包的弊端1.使用不当会很容易造成内存泄露2.常驻内存，增加内存使用量四、实际应用接下来举一些实际工作中用到的闭包示例1.自定义Alert弹框，该弹框只会被new一次，用的就是闭包mod...

寄生组合式继承定义：所谓寄生组合式继承，即通过借用构造函数来继承属性，通过原型链的混成形式来继承方法。其背后的基本思路是：不必为了指定子类型的原型而调用超类型的构造函数，我们所需要的无非就是超类型原型的一个副本而已。本质上，就是使用寄生式继承来继承超类型的原型，然后再将结果指定给子类型的原型。（引自《JavaScript高级程序设计》）1.定义父类型function Person(name)...

实现Promise功能代码如下：var Promise = (function() { function Promise() { this.callbacks = []; } Promise.prototype = { constructor: Promise, resolve: function(result) { this.complete('resolve', ...

判断浏览器类型及版本function getBroswer(){ var os = navigator.platform; var userAgent = navigator.userAgent; var info = ""; var tempArray = ""; //判断浏览器版本 var isOpera = userAgent.indexOf("Opera") &...

1.给定一个排好序的数组2.给定一个数求：数组中的两个数相加等于这个给定的数，求出所有组合分析要求出所有组合，必定要遍历到每个元素，所以最好的时间复杂度就是O(n)，采用鸡尾酒算法，两头逼近，可求出所有组合function findTarget(arr, num){ var i=0, j=arr.length -1; var result = []; while(i<j){...

问题描述：页面输入框聚焦时，网页被键盘推上去了，但是失去焦点时页面停在原地没有下来，在微信浏览器及搜狗浏览器都有这个问题，苹果自带的Safari浏览器没有这个问题问题如下图解决办法：在输入框失去焦点的时候，将scrollTop设为0即可document.body.scrollTop = 0;...

概述缓存的重要性不言而喻，通过网络请求资源缓慢并且降低了客户端的用户体验，增添了服务端的负担。很多短期之内不会经常发生变化的资源文件没必要每次访问都想服务端进行数据请求，而缓存策略的使用就是为了改善客户端的呈现时间，降低服务端的负担。对于HTTP的缓存机制来说，策略体现在HTTP的头部信息的字段上，而这些策略根据是否需要重新向服务器端发起请求可以分为强缓存和协商缓存两大类。强缓存...

什么是BFC在一个Web页面的CSS渲染中，块级格式化上下文(Block Fromatting Context)是按照块级盒子布局的。W3C对BFC的定义如下：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的B...

文章目录获取一段字符串中的最长对称子串获取一段字符串中的最长对称子串function getSubStr(str){ let result = '', subStrLen = 2, subArr = [], i=0; //对称子串长度肯定是偶数位 //获取字符串的所有偶数位子串集合，放到数组中 while(i&amp;amp;amp;lt;str.leng...

文章目录数字金额转大写金额数字金额转大写金额 function digitToUppercase(num){ let fraction = ['角', '分']; let digit = ['零','壹','贰','叁','肆','伍','陆','柒','捌','玖']; let unit = [['元', '万', '亿'],['', '拾',...

一、正则替换function convertNumToThousand(num){ return num.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');}

常用跳转代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 2...

你遇到过性能很差的网页吗？这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，那么怎样才能提高性能呢？本文将详细介绍性能问题的出现原因，以及解决方法。一、网页生成的过程要理解网页性能为什么不好，就要了解网页是怎么生成的。网...

Async/await写在前面渣渣新人的首篇外文文章翻译！！存在错误可能会很多，如有错误，烦请各位大大指正出来，感谢！本篇为翻译！本篇为翻译！本篇为翻译！原文文章地址：https://javascript.info/async-awaitAsync/await有一种特殊的语法可以更舒适地与promise协同工作，它叫做async/await，它是非常的容易理解和使用。...

HTTP 2.0 协议详解一、HTTP 2.0：改进传输性能HTTP 2.0 的主要目标是改进传输性能，实现低延迟和高吞吐量。从另一方面看，HTTP 的高层协议语义并不会因为这次版本升级而受影响。所有HTTP 首部、值，以及它们的使用场景都不会变。现有的任何网站和应用，无需做任何修改都可以在HTTP 2.0 上跑起来。不用为了利用HTTP 2.0 的好处而修改标记。HTTP 服务器...

前言使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位：代码：                                                                    效果图： 是不是看起来跟vue的...

GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。 最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。 你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。 当你在面试中被问到这个问题，你的内心充满了自信和喜悦。你轻...

这段时间一边看书一边把链表的知识总结了一下，并且画了示意图来帮助理解。主要是单向链表，单向循环链表，双向链表，双向循环链表四个部分，每个部分都包括了初始化，创建，插入，删除的基本操作，并总结了各个操作的核心代码。抽空可以看看Linux内核自带的链表(list.h)写法，增进学习。以下的链表均是不操作头节点的。一、单向链表1.单向链表：链式的存储结构，在逻辑上是连续的，每次通过一个指针来...

工欲善其事必先利其器，好的工具在逆向破解工程中起到事半功倍的作用。OllyDbg(OD)：http://www.52pojie.cn/thread-350397-1-1.htmlPEID：http://www.52pojie.cn/thread-170387-1-1.htmlExeinfo PE：http://www.52pojie.cn/thread-437586-1-1.html樱花补丁制作...

在平时做项目中，经常会碰到这样的需求，文本最多显示几行，其余用省略号...代替下面的less代码即可实现.t-ellipsis(@lines){        overflow:hidden;        text-overflow: ellipsis;        display: box;        display: -webkit-box;        ...

1.下载最新的稳定版node地址：https://nodejs.org/en/download/2.上传至服务器上传到服务器自己的目录中，我这里在/usr下新建了software目录3.解压缩首先用 xz-dnode-v8.11.3-linux-x64.tar.xz 将tar.xz压缩文件转成 node-v8.11.3-linux-x64.tar...

在CSS2.1里，background属性的简写方式包含五种属性值，从CSS3开始，又增加了3个新的属性值，加起来一共8个。CSS2.1background-color 使用的背景颜色。 background-image 使用的背景图像。 background-repeat 如何重复背景图像。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。...

一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入&lt;script src="https://unpkg.com/axios/dist/axios.min.js"&gt;&lt;/script&gt;二、例子1、 发送一个GET请求//通过给定的I...

vue + typescript 新项目起手式我知道你们早就想用上 vue + ts 强类型了还有后续 vue + typescript 进阶篇安装vue-cli安装ts依赖配置 webpack添加 tsconfig.json添加 tslint.json让 ts 识别 .vue改造 .vue文件什么是typescriptTypeScript 是 JavaScript 的强类型版本。然后在编译期去掉...

1.安装Node.js；2.安装npm;3.安装Express;在本例中默认全局安装express 安装express生成器 如果没有安装express-generator或安装路径不对，会报以下错误 查看是否安装成功，随便输的一个命令 创建项目文件夹（此处安装了ejs模板，默认安装模板Jade）, 在命令行输入cd myblog &amp;&amp; npm install，等待安装，安装完成后...

写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一次，写完以后你会发现你已明明白白的走进了We...

在我们做项目的过程中，我们会用到SmartGit这个软件来将本地的ＭＡＶＥＮ项目push到国内的码云（https://git.oschina.net）或者是国外的github网站进行项目的管理，这个时候需要用到Smartgit。但是SmartGit是收费的，可以30天的试用期，30天试用期过后，smartgit 需要输入序列号解决办法，可以通过下面的小方法来获取永久的使用，但是这个仅供个人的试用，...

前言Github作为目前优秀的同性交友平台，其上维护了众多优秀的开源项目。目前Github上关于前端的项目也是数不胜数，Vue、React、Angular等等。自己也是通过官方文档+github的方式来学习一些新的技术和框架。在github上搜索相关项目时会发现，有的项目不光写了一手好文档并且还给出了项目的在线运行Demo。事实胜于雄辩，一个在线演示可能给项目带来更好的印象分。如何在git

用github搭建免费无限流量的blog

JavaScript深入系列15篇正式完结！

JavaScript专题系列20篇正式完结！

gulp与webpack对比

手把手教你做爬虫---基于NodeJs

领域模型驱动设计（Domain Driven Design）入门概述

AngularJS Directive 隔离 Scope 数据交互

鄙人来本公司前未用过ionic框架，但由于ionic是基于angularjs封装的，正好我用过angularjs，很荣幸的面试就过了，然后通过该网站http://www.ionic.wang（后面简称网站i）边学ionic边做项目。　　ionic刚踩过的坑--$ionicGesture！现总结下$ionicGesture,希望对用到该框架的童鞋有所帮助！　　网站i对$ionicGe

MongoDB常用操作一查询find方法db.collection_name.find()

使用Typescript开发node.js项目——简单的环境配置

成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令：show dbs:显示数据库列表 show collections：显示当前数据库中的集合（类似关系数据库中的表） show users：显示用户use ：切换当前数据库，这和MS-SQL里面的意思一样 db.help()：显示数据库操作命

令你瞠目结舌的 JavaScript 代码技巧

腾讯 AlloyTeam：移动端输入框填坑系列

CSS 变量教程

smartgit使用之一---合并分支

CSS技巧（一）：背景与边框

CSS技巧（二）：形状

谈谈一些有趣的CSS题目（十四）-- 纯 CSS 方式实现 CSS 动画的暂停与播放！

大白话讲解Promise

网站浏览器崩溃原因分析

git分支作用

typescript中使用jquery

元素在当前屏幕垂直、水平居中

Flex 布局教程：语法篇

Function与Object的那些不清不楚的事

angular.extend方法

AngularJS的学习--$on、$emit和$broadcast的使用

史上最全的CSS hack方式一览

使用Lua的扩展库LuaSocket用例

shell截取字符串的方法

快速理解RequireJs

SSH三大框架的工作原理及流程

iptables详解

Linux gdb调试器用法全面解析

Wget用法、参数解释的比较好的一个文章

Linux more 命令用法详解

linux yum命令详解

Linux RPM 命令参数使用详解

linux dmesg命令参数及用法详解

ping命令详解

linux sed命令详解

linux awk命令详解

cut命令详解

使用Lua的扩展库LuaSocket用例

openwrt下iw命令应用

grep过滤满足两个条件中一个的行

Linux定时任务Crontab详解

openWRT中lua脚本的星号问题

TCP/IP四层模型和OSI七层模型的概念

2016年11月前端面试题整理汇总

linux grep命令详解

Meta http-equiv属性详解

Frameset框架优缺点

openwrt下的proc目录下文件详解

uci命令系统详解

大型网站技术架构

深入理解HTTP协议、HTTP协议原理分析

【OpenWRT之旅】LuCI探究

HTTP响应头信息和请求头信息详解

luci框架-LUA的一个web框架使用