- 博客(81)
- 资源 (6)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 WebPack4接入TypeScript开发
TypeScript现在已经成为前端开发新宠,很有必要学习下。这篇博客详细记录了我如何搭建TypeScript开发环境,希望对你有用!
2019-07-30 14:07:35
1400
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 【GIT】git常见问题指南
1、Git忽略某些文件,2、git强制中断,之后无法上传,3、解决每次Git提交都要输入密码,4、如果commit时message写错了怎么办?,5、将本地分支推送到远程,6、将本地某一部分的代码,切换到以前版本的代码,7、使用git远程登录linux,8、git追踪已忽略文件夹下的个别文件,9、分支切换error: The following untracked working tree files would be overwritten by checkout,10、创建一个tag,11删除某个tag
2018-09-03 18:12:07
309
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 HTTP协议--通信、报文、缓存、跨域、安全
前言对于前端工程师来说,每天都在和HTTP协议打交道,但是我真的懂HTTP协议吗?并没有,那么不如就现在开始了解吧。0、开胃菜,从URL开始,发生了什么0.0、网络栈构成0.1、数据包封包过程:0.2、数据包传输过程:1、HTTP协议的主要特点简单快速:每个资源是固定的,所以简单灵活:每个头部指明了数据类型无状态:每次连接都是一个新的链接,服务...
2018-08-03 09:14:16
794
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 从盒模型到BFC的深入理解
盒模型的基本概念盒模型是描述DOM元素位置的一种模型,它由内容(content)、内边距(padding)、边框(border)、外边距(margin)组成, CSS盒子模式都具备这些属性。标准模型与IE盒模型的区别1、宽高计算方式的差别标准盒模型的宽度、高度只包括内容的宽度高度。IE盒模型的宽度、高度,包括content + height + border...
2018-07-08 16:30:11
1788
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 结合面试题讲解 async await
首先,await 只能出现在 async 函数中。1、async 的作用async 函数负责返回一个 Promise 对象如果在async函数中 return 一个直接量,async 会把这个直接量通过Promise.resolve() 封装成 Promise 对象;如果 async 函数没有返回值,它会返回 Promise.resolve(undefined)2、awa...
2018-06-25 21:38:52
4867
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 前端页面渲染markDown文件
在我们开发vue组件的过程中,希望把markdown文档写的插件使用说明,也展现到页面中。那么具体怎么做呢?1、安装vue-markdown-loadernpm install vue-markdown-loader --savenpm install markdown-it-container --save2、为webpack配置loader{ test...
2018-06-01 12:26:00
20679
5
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 构建前端npm包
参考文章构建前端npm库开发框架其实看完整篇文章之后,我们会发现整个脚手架,最关键的莫过于webpack的配置文件,我们为每个模块配置loader,入口、出口。然后通过package.json的script,来配置执行不同webpack配置项的脚本,将结果输出到指定的目录。说白了,自己构建一个脚手架的、或者npm开发包的流程,就是配置webpack的流程。这就解决了共用一个no...
2018-05-29 14:12:31
2352
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 理解前端尺寸 rem ,vh , vw , %的本质
rem、百分比、vh、vw各种布局方式,在兼容不同分辨率的时候,究竟采用哪种方式比较好呢?名词介绍:百分比:就是元素相对于父级的宽度或高度的百分比,比较常用,宽度和高度都可以rem:本身是百分比的一种变形,但是这个单位只是基于宽度的百分比,不是基于高度的百分比vh、vw:基于视口的尺寸,1vh = 1% viewportHeight , 1wh = 1% viewportWid...
2018-05-02 09:45:26
6343
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue+cordova创建Hybird混合应用(二)----签名(生成秘钥)
上一节中我们提到了怎么打包出一个混合应用。那么当我们打包后,就需要发布了,发布需要使用不同的key,那么做这些key怎么生成呢?1.使用JDK中提供的keytool命令来生成一个签名证书当然当你使用这条命令的时候,请把keytool加入到环境变量中。 还有看到这些xxx了吗?他们其实是你的包名,在我们创建应用时,会提示你命名。如果没有及时命名,叫做Hello World也无所谓,可以...
2018-04-22 10:34:31
768
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 git reset深入理解
git reset 一直用的不太好,今天就把git reset深入学习一下。git reset 字面意思为重置经常用于将已经存放到暂存区,或者工作区的代码取出来,返回到工作区。如果已经使用 git add . 将代码提交到了暂存区。这时候,我们可以使用git reset :这提示将会把暂存区的数据,返回到工作区。如果已经使用git commit -m “message” ...
2018-03-08 16:30:14
2173
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue+cordova创建Hybird混合应用(一)----从安装到输出第一个应用
为什么写这篇文章呢?因为这是一种构建简单跨平台移动应用的便捷方式。个人认为这比React Native简单的多,很容易上手。解决小型应用绰绰有余。1、安装java2、安装node.js4、安装android studio安装android studio用360软件管家会非常快。记得安装各种sdk。如果打开android studio的时候很慢,很可能是gradle加载不出来,可...
2017-10-28 18:23:50
1586
原创 正则去除开始空格
用来收集业务中常用的正则表达式const trimStartSpace = (value) => { const result = value.replace(/^(\s+)(\S+\s*)/, '$2'); return result;};
2020-07-25 17:25:59
940
原创 webpack原理分析
webpack原理分析什么是webpack本质上,webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。当webpack处理应用程序是,它会递归的构建一个依赖关系图(dependency graph), 其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或者多个bundle。webpack就像一条生产线,要经过一系列处理流程后,才能将...
2020-05-05 11:08:36
823
原创 CSDN屏蔽广告
现在教给大家怎么屏蔽CSDN的广告,以给我的心中些许的宽慰。目前我用过比较好的去广告的浏览器插件就是ADGUARD了,就下图这个。建议装在chrome上。
2019-04-07 17:39:02
319
原创 我做面试官---你的简历咋就这么多问题呢
最近在网上上收集简历,看的简历多了,真的是为这些候选人捏把汗。作为面试官,我自己看着你们的简历都无语,你说我还怎么给你机会呢?
2019-04-07 17:25:44
524
3
原创 no such file or directory, scandir '/Users/takeseiko/.xxx/node_modules/_node-sass@4.11.0@node-sass/v
别着急说我这篇文章水,最后总结出的是一套解决这种问题的思路。Error: ENOENT: no such file or directory, scandir '/Users/takeseiko/.xxx/node_modules/_node-sass@4.11.0@node-sass/vendor'解决方法:进入到/Users/takeseiko/.xxx/目录下,执行命令:node ...
2019-01-07 11:06:21
744
原创 【前端面试必会】---- 类型转换 &隐式提升
类型转换 & 隐式提升最新的ECMScript定义了7种数据类型原始类型Booolean Null Undefined Number String Symbol对象Object参考文档JS类型转换(强制和自动的规则)类型装换1、显示类型装换1.1、Number函数数值: 数值转换后还是原来的值字符串:如果可以转换为数值,则转换为响应的数值,否则得到NaN。空字符串...
2018-12-27 15:59:19
316
转载 前端自动生成Change Log的实现
对文章的作者,我的同事黛妮表示感谢。我们一起完成了这篇文章。这里附上原文的地址:https://www.yuque.com/rocket/rocket_doc/pyo2i1开发目的快速可交互的搭建生成Change Log更新日志,来提高自己的工作效率。实现思路要实现Change log自动生成,需要有脚本可以根据项目提交的commit自动生成Change log ,然后还有脚本自动生成版...
2018-09-28 01:28:12
3203
原创 JavsScript 节流函数 分金定穴
节流函数技术上最关键的地方有两点: 1、闭包保存了状态 2、apply的使用Debouncedebounce 英[dɪ'baʊns]美[dɪ'baʊns][词典] [计] 防反跳;的概念其实是从机械开关和继电器的“去弹跳”(debounce)衍生出来的概念。基本思路就是多个信号合并为一个信号。在JavaScript中,debounce函数所做的事情,就是强...
2018-09-15 08:11:25
371
原创 【GIT】配置多个git账号
# 配置github.comHost github.com HostName github.com IdentityFile /Users/xiaoxiaocui/.ssh/id_rsa_gitHub PreferredAuthentications publickey User 491887095@qq.com# 配置git.ascs.techHost g...
2018-09-10 10:29:53
392
原创 【算法】【S】回文数
判断一个整数是否是回文数。回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。示例 1:输入: 121 输出: true 示例 2:输入: -121 输出: false 解释: 从左向右读, 为 -121 。 从右向左读, 为 121- 。因此它不是一个回文数。 示例 3:输入: 10 输出: false 解释: 从右向左读, 为 01 。因此它不是一个回文...
2018-08-22 22:31:35
451
原创 【算法】【s】反转整数
给定一个 32 位有符号整数,将整数中的数字进行反转。示例 1:输入: 123 输出: 321 示例 2:输入: -123 输出: -321 示例 3:输入: 120 输出: 21方法一: 将字符串转换为数组,再转为字符串/** * @param {number} x * @return {number} */var reverse = funct...
2018-08-21 21:18:04
342
原创 【算法】两数之和
let nums = [2, 7, 11, 15];let tarhet = 9;var twoSum = function(nums, target) { for(let i = 0; i < nums.length ; i++){ let temp = target - nums[i]; for(let j = i + 1 ; j < nums.length...
2018-08-20 21:05:19
235
原创 webpack babel IE 11 报错解决方案
在最近一段时间的工作中,出现了多次,webKit内核可以加载,但是IE内核无法加载的情况。深入研究并解决后,却发现他们基本上都是一类问题。解决方法:1、在main.js中,引入babel-polyfillimport 'babel-polyfill';2、在bable-loader中,加入报错的模块{ test: /\.js$/, loader: '...
2018-08-09 17:53:55
5850
1
原创 HTTP常见返回码(如:301,400,503)
对于前端工程师来说,每天都在和HTTP协议打交道,但是我真的懂HTTP协议吗?并没有,那么不如就现在开始了解吧。
2018-07-22 10:45:10
13353
原创 将markdown格式的changeLog转换为HTML文件
将markdown格式的changeLog转换为HTML文件主要是用marked.js来实现markdown文本的解析1.安装marked.jsnpm install marked --save 2.需要转换成HTML的markdown文件<a name="1.1.4"></a>## 1.1.4 (2018-05-15)### Bug...
2018-07-09 17:47:56
715
原创 web页面视频播放器选型
视频点播服务商选型 前言: 在构建公司官网时,需要展示公司的宣传视频,为了保证流畅的播放效果,以及视频封面,我没有考虑将视屏部署在网站服务器上,而是考虑采用云点播服务。之所以这么做,就是考虑云点播会有加速,播放更流畅,用户体验更好。这篇文章写于2016年11月,虽然有点老了,但是当时找遍了全网视频云点播所有厂商,还是有一定的参考经验。现在把尘封的文章分享出来,希望它再发挥点余热...
2018-07-08 14:02:28
17697
原创 crypto-js获取加密后的值
crypto-js是一个著名的前端加密库,但是调用它的md5模块时,加密的结果是一个数组,而不是我们常见的MD5值。let password = md5(this.loginInfo.pwd);console.log(1,password)//控制台输出结果1 init {words: Array(4), sigBytes: 16}sigBytes:16words:(4) [5...
2018-06-11 16:08:27
6472
1
原创 自动生成changeLog
通过git commit 的信息生成changeLog这么做的前提是,我们的commit信息必须遵循公司的commit的规范。快速上手$ npm install -g conventional-changelog-cli$ cd my-project$ conventional-changelog -p angular -i CHANGELOG.md -s推荐的工...
2018-06-07 09:41:34
5335
原创 git commit 提交规范 & 规范校验
1、背景在多人协作项目中,如果代码风格统一、代码提交信息的说明准确,那么在后期协作以及Bug处理时会更加方便。因此,在本文章中,我会介绍怎么使用下面这个工具,在git push 代码之前检测commit messages:commitlinthuskycommitlint介绍2、先来介绍博主采用的commit规范Commit message格式&lt;ty...
2018-06-06 14:03:17
73845
2
原创 Function.prototype.apply.call
今天在读cw_logger源码的时候,看到这么一个方法:Function.prototype.apply.call顿时,觉得难道还能这么调用。为什么?1. 先来看看上下文if (context === MyLogger.WARN &amp;&amp; console.warn) { hdlr = console.warn; } else if (con...
2018-06-04 18:10:04
1107
1
原创 nginx前端常用配置
查看nginx所在的路径[root@webteam local]# ps -ef | grep nginxroot 1652 1 0 5月04 ? 00:00:00 nginx: master process /usr/sbin/nginx -c /etc/nginx/nginx.confnginx 1653 1652 0 5月04 ? ...
2018-05-27 14:52:14
3152
原创 构建前端团队的私有npm仓库
有一点规模的团队,都需要逐渐构建自己的npm包。现在有一个比较好的解决方案Sinopia,可以快速搭建和部署私有的npm服务器。本文详细记录了我在搭建私有npm包时,遇到的问题,以及个人的思考。1. 安装Sinopia连接中的文档已经写的很详细了,我就不重复造轮子了。安装Sinopia2. 下面是构建过程中遇到的问题:2.1. 外网无法访问私有sinopia服务...
2018-05-08 22:44:04
12067
4
原创 vue实现autoComplete组件
需要掌握的技术点 1、采用mock服务器 2、实现下拉自动匹配,和其他列表的自动匹配 3、在输入法输入的时候,页面的输入框不监听输入法中的内容研究方法: 1、查看开源代码如何实现 2、记录研究过程中的知识点知识补充: 1、compositionstart 事件触发于一段文字的输入之前(类似于 keydown 事件,但是该事件仅在若干可见字符的输入之前,而这些可见字符的输入可能需...
2018-04-29 22:31:36
9505
原创 二叉树找到最大最小值,删除任意节点,查找节点
结合上一篇文章,我们继续深入研究二叉树的操作。获得最大最小值在二叉树中找到最大最小值,并没什么难得。因为二叉树独特的结构,最左边的叶子节点值最小。最右边的叶子节点值最大。//获得最小值function getMin(node) { var current = node; while (!(current.left == null)){ curren...
2018-03-31 21:25:37
5916
1
原创 二叉树构造和遍历
今天又看了一遍树的操作,发现二叉树的先序遍历,中序遍历,后序遍历的原理竟然如此简单。虽然以前也会,但是今天找到了更简单的方法。 温故而知新,很好。/** * Created by BiuBiu_Jiao on 2018/3/31. */ //声明一个节点function Node(data, left, right) { this.data = data; thi...
2018-03-31 18:36:14
255
原创 自己实现一个事件中心
/** * Created by BiuBiu_Jiao on 2017/5/6. */class Event { constructor(){ this.eventObj = {}; } on(name,...argu){ if(name in this.eventObj){ throw new Error("...
2018-03-28 11:09:20
1374
原创 git bash 集成到 webStorm 中(IDEAPhpStormWebStorm适用)
将git bash 集成的webstorm中,用命令行操作git会更加方便。一直在找相关的方法,今天找到了,分享一下。平时开发离不开 git,windows 下一般会安装 git bash。目前最顺手的 IDE 应该是 JetBrains 家的东西了吧,如果能够把 git bash 整合到 PhpStorm 或者 WebStorm 中,就不需要再开一个 git bash 窗口了,会方便很多。废话不...
2018-03-08 14:06:09
3624
2
马克鳗2.6版本(免费版),可保存标记
2016-12-16
马克鳗win破解版
2016-12-04
ie-css3.htc
2016-08-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人