- 博客(81)
- 资源 (6)
- 收藏
- 关注
RSS订阅
原创 WebPack4接入TypeScript开发
TypeScript现在已经成为前端开发新宠，很有必要学习下。这篇博客详细记录了我如何搭建TypeScript开发环境，希望对你有用！
2019-07-30 14:07:35
1367
原创 【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
304
原创 HTTP协议--通信、报文、缓存、跨域、安全
前言对于前端工程师来说，每天都在和HTTP协议打交道，但是我真的懂HTTP协议吗？并没有，那么不如就现在开始了解吧。0、开胃菜，从URL开始，发生了什么0.0、网络栈构成0.1、数据包封包过程：0.2、数据包传输过程：1、HTTP协议的主要特点简单快速：每个资源是固定的，所以简单灵活：每个头部指明了数据类型无状态：每次连接都是一个新的链接，服务...
2018-08-03 09:14:16
766
原创 从盒模型到BFC的深入理解
盒模型的基本概念盒模型是描述DOM元素位置的一种模型，它由内容(content)、内边距(padding)、边框(border)、外边距(margin)组成， CSS盒子模式都具备这些属性。标准模型与IE盒模型的区别1、宽高计算方式的差别标准盒模型的宽度、高度只包括内容的宽度高度。IE盒模型的宽度、高度，包括content + height + border...
2018-07-08 16:30:11
1775
原创 结合面试题讲解 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
4832
原创 前端页面渲染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
20503
5
原创 构建前端npm包
参考文章构建前端npm库开发框架其实看完整篇文章之后，我们会发现整个脚手架，最关键的莫过于webpack的配置文件，我们为每个模块配置loader，入口、出口。然后通过package.json的script，来配置执行不同webpack配置项的脚本，将结果输出到指定的目录。说白了，自己构建一个脚手架的、或者npm开发包的流程，就是配置webpack的流程。这就解决了共用一个no...
2018-05-29 14:12:31
2316
原创 理解前端尺寸 rem ，vh , vw , %的本质
rem、百分比、vh、vw各种布局方式，在兼容不同分辨率的时候，究竟采用哪种方式比较好呢？名词介绍：百分比：就是元素相对于父级的宽度或高度的百分比，比较常用，宽度和高度都可以rem:本身是百分比的一种变形，但是这个单位只是基于宽度的百分比，不是基于高度的百分比vh、vw：基于视口的尺寸，1vh = 1% viewportHeight , 1wh = 1% viewportWid...
2018-05-02 09:45:26
6226
原创 vue+cordova创建Hybird混合应用（二）----签名（生成秘钥）
上一节中我们提到了怎么打包出一个混合应用。那么当我们打包后，就需要发布了，发布需要使用不同的key，那么做这些key怎么生成呢？1.使用JDK中提供的keytool命令来生成一个签名证书当然当你使用这条命令的时候，请把keytool加入到环境变量中。 还有看到这些xxx了吗？他们其实是你的包名，在我们创建应用时，会提示你命名。如果没有及时命名，叫做Hello World也无所谓，可以...
2018-04-22 10:34:31
745
原创 git reset深入理解
git reset 一直用的不太好，今天就把git reset深入学习一下。git reset 字面意思为重置经常用于将已经存放到暂存区，或者工作区的代码取出来，返回到工作区。如果已经使用 git add . 将代码提交到了暂存区。这时候，我们可以使用git reset :这提示将会把暂存区的数据，返回到工作区。如果已经使用git commit -m “message” ...
2018-03-08 16:30:14
2057
原创 vue+cordova创建Hybird混合应用（一）----从安装到输出第一个应用
为什么写这篇文章呢？因为这是一种构建简单跨平台移动应用的便捷方式。个人认为这比React Native简单的多，很容易上手。解决小型应用绰绰有余。1、安装java2、安装node.js4、安装android studio安装android studio用360软件管家会非常快。记得安装各种sdk。如果打开android studio的时候很慢，很可能是gradle加载不出来，可...
2017-10-28 18:23:50
1569
原创 正则去除开始空格
用来收集业务中常用的正则表达式const trimStartSpace = (value) => { const result = value.replace(/^(\s+)(\S+\s*)/, '$2'); return result;};
2020-07-25 17:25:59
896
原创 webpack原理分析
webpack原理分析什么是webpack本质上，webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。当webpack处理应用程序是，它会递归的构建一个依赖关系图(dependency graph)， 其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或者多个bundle。webpack就像一条生产线，要经过一系列处理流程后，才能将...
2020-05-05 11:08:36
802
原创 CSDN屏蔽广告
现在教给大家怎么屏蔽CSDN的广告，以给我的心中些许的宽慰。目前我用过比较好的去广告的浏览器插件就是ADGUARD了，就下图这个。建议装在chrome上。
2019-04-07 17:39:02
297
原创 我做面试官---你的简历咋就这么多问题呢
最近在网上上收集简历，看的简历多了，真的是为这些候选人捏把汗。作为面试官，我自己看着你们的简历都无语，你说我还怎么给你机会呢？
2019-04-07 17:25:44
497
3
原创 no such file or directory, scandir '/Users/takeseiko/.xxx/node_modules/[email protected]@node-sass/v
别着急说我这篇文章水，最后总结出的是一套解决这种问题的思路。Error: ENOENT: no such file or directory, scandir '/Users/takeseiko/.xxx/node_modules/[email protected]@node-sass/vendor'解决方法：进入到/Users/takeseiko/.xxx/目录下，执行命令：node ...
2019-01-07 11:06:21
735
原创 【前端面试必会】---- 类型转换 &隐式提升
类型转换 & 隐式提升最新的ECMScript定义了7种数据类型原始类型Booolean Null Undefined Number String Symbol对象Object参考文档JS类型转换（强制和自动的规则）类型装换1、显示类型装换1.1、Number函数数值： 数值转换后还是原来的值字符串：如果可以转换为数值，则转换为响应的数值，否则得到NaN。空字符串...
2018-12-27 15:59:19
304
转载 前端自动生成Change Log的实现
对文章的作者，我的同事黛妮表示感谢。我们一起完成了这篇文章。这里附上原文的地址：https://www.yuque.com/rocket/rocket_doc/pyo2i1开发目的快速可交互的搭建生成Change Log更新日志，来提高自己的工作效率。实现思路要实现Change log自动生成，需要有脚本可以根据项目提交的commit自动生成Change log ，然后还有脚本自动生成版...
2018-09-28 01:28:12
3063
原创 JavsScript 节流函数 分金定穴
节流函数技术上最关键的地方有两点： 1、闭包保存了状态 2、apply的使用Debouncedebounce 英[dɪ'baʊns]美[dɪ'baʊns][词典] [计] 防反跳;的概念其实是从机械开关和继电器的“去弹跳”(debounce)衍生出来的概念。基本思路就是多个信号合并为一个信号。在JavaScript中，debounce函数所做的事情，就是强...
2018-09-15 08:11:25
341
原创 【GIT】配置多个git账号
# 配置github.comHost github.com HostName github.com IdentityFile /Users/xiaoxiaocui/.ssh/id_rsa_gitHub PreferredAuthentications publickey User [email protected]# 配置git.ascs.techHost g...
2018-09-10 10:29:53
377
原创 【算法】【S】回文数
判断一个整数是否是回文数。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。示例 1:输入: 121 输出: true 示例 2:输入: -121 输出: false 解释: 从左向右读, 为 -121 。 从右向左读, 为 121- 。因此它不是一个回文数。 示例 3:输入: 10 输出: false 解释: 从右向左读, 为 01 。因此它不是一个回文...
2018-08-22 22:31:35
440
原创 【算法】【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
330
原创 【算法】两数之和
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
225
原创 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
5780
1
原创 HTTP常见返回码（如：301，400，503）
对于前端工程师来说，每天都在和HTTP协议打交道，但是我真的懂HTTP协议吗？并没有，那么不如就现在开始了解吧。
2018-07-22 10:45:10
13091
原创 将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
706
原创 web页面视频播放器选型
视频点播服务商选型 前言： 在构建公司官网时，需要展示公司的宣传视频，为了保证流畅的播放效果，以及视频封面，我没有考虑将视屏部署在网站服务器上，而是考虑采用云点播服务。之所以这么做，就是考虑云点播会有加速，播放更流畅，用户体验更好。这篇文章写于2016年11月，虽然有点老了，但是当时找遍了全网视频云点播所有厂商，还是有一定的参考经验。现在把尘封的文章分享出来，希望它再发挥点余热...
2018-07-08 14:02:28
17668
原创 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
6109
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
5304
原创 git commit 提交规范 & 规范校验
1、背景在多人协作项目中，如果代码风格统一、代码提交信息的说明准确，那么在后期协作以及Bug处理时会更加方便。因此，在本文章中，我会介绍怎么使用下面这个工具，在git push 代码之前检测commit messages：commitlinthuskycommitlint介绍2、先来介绍博主采用的commit规范Commit message格式&lt;ty...
2018-06-06 14:03:17
73188
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
1077
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
3132
原创 构建前端团队的私有npm仓库
有一点规模的团队，都需要逐渐构建自己的npm包。现在有一个比较好的解决方案Sinopia，可以快速搭建和部署私有的npm服务器。本文详细记录了我在搭建私有npm包时，遇到的问题，以及个人的思考。1. 安装Sinopia连接中的文档已经写的很详细了，我就不重复造轮子了。安装Sinopia2. 下面是构建过程中遇到的问题：2.1. 外网无法访问私有sinopia服务...
2018-05-08 22:44:04
11368
4
原创 vue实现autoComplete组件
需要掌握的技术点 1、采用mock服务器 2、实现下拉自动匹配，和其他列表的自动匹配 3、在输入法输入的时候，页面的输入框不监听输入法中的内容研究方法： 1、查看开源代码如何实现 2、记录研究过程中的知识点知识补充： 1、compositionstart 事件触发于一段文字的输入之前（类似于 keydown 事件，但是该事件仅在若干可见字符的输入之前，而这些可见字符的输入可能需...
2018-04-29 22:31:36
9463
原创 二叉树找到最大最小值，删除任意节点，查找节点
结合上一篇文章，我们继续深入研究二叉树的操作。获得最大最小值在二叉树中找到最大最小值，并没什么难得。因为二叉树独特的结构，最左边的叶子节点值最小。最右边的叶子节点值最大。//获得最小值function getMin(node) { var current = node; while (!(current.left == null)){ curren...
2018-03-31 21:25:37
5860
1
原创 二叉树构造和遍历
今天又看了一遍树的操作，发现二叉树的先序遍历，中序遍历，后序遍历的原理竟然如此简单。虽然以前也会，但是今天找到了更简单的方法。 温故而知新，很好。/** * Created by BiuBiu_Jiao on 2018/3/31. */ //声明一个节点function Node(data, left, right) { this.data = data; thi...
2018-03-31 18:36:14
249
原创 自己实现一个事件中心
/** * 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
1356
原创 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
3591
2
马克鳗2.6版本（免费版），可保存标记
2016-12-16
马克鳗win破解版
2016-12-04
ie-css3.htc
2016-08-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人