- 博客(38)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 docker 常用命令
启动/重启 dockersystemctl start docker / system restart docker查找容器docker search xxx安装镜像docker pull xxx// 带版本docker pull mysql:5.7查看镜像docker images启动容器docker run -it --name xxx // 带环境变量启动，如 mysql,设置 root 密码docker run -it --name mysql -e MYSQL_R
2020-05-14 19:00:27
173
原创 vscode 调试 typescript
安装 ts-nodenpm i typescript -Dnpm i ts-node -Dlaunch.json"runtimeArgs": [ "-r", "ts-node/register" ],F5 开始
2021-01-21 14:55:37
172
原创 从svg转base64 再到字符串编码
昨天研究 btoa 时，发现调用之前都会再执行一个转码的api （注：btoa 是转 base64 时用的，还有个跟它相反的 atob）window.btoa(unescape(encodeURIComponent(svgStr)))我测试了一个例子，发现 unescape(encodeURIComponent(svgStr)) 貌似会对字符串里面的中文进行转码中文字符转Unicode码function toUnicode(str){ return str.replace(/[^\u00
2020-12-22 09:37:50
3042
2
原创 package版本问题
目前package.json 文件里面版本前面一般加的都是 ^"vue": "^2.6.11","element-ui": "^2.11.0"上述是 package.json 配置，如果 运行 npm install 的话，element-ui 实际版本会是最新版本，即 2.14.1。这样一般没啥问题，但是如果后面的版本 api 有变化，代码就会出问题。稳妥做法，固定版本号，如果要升级则手动指定版本号，避免自动升级出现的bug。"vue": "^2.6.11","element-ui":
2020-11-20 16:45:15
796
原创 自动触发元素的点击事件
const e = document.createEvent(type) // type --> "UIEvents", "MouseEvents", "MutationEvents", and "HTMLEvents". // 如果是点击事件，则 type --> MouseEventse.init(event, )
2020-11-19 17:04:14
1079
原创 vscode mac 配置
{ "editor.tabSize": 2, "editor.fontSize": 17, "editor.lineHeight": 25, "editor.detectIndentation": false, "emmet.triggerExpansionOnTab": true, "files.autoSave": "off", "files.associations": { "*.js": "javascript", "*.json": "json",
2020-07-08 17:09:07
224
转载 linux 下载github上的文件夹
先安装svnyum install subversion然后，svn下载目标/tree/maste/ 改成 /trunk/// 示例 下载 https://github.com/gogs/gogs/tree/master/templates，文件夹下面的所有文件/tree/maste/ 改成 /trunk/svn checkout https://github.com/gogs/gogs/trunk/templates...
2020-07-07 14:37:37
1077
原创 数组里面的对象根据key值分类
对数组里面的对象根据一定的规则进行分类最近碰到一个需求，很简单，对数组里面的对象进行分类，这个需求是根据对象的某个对象进行分类的，例如这样：[ { "category": "测试流程1", "title": "1112", }, { "category": "测试流程2", "title": "ddd", }, ...
2020-03-31 16:16:51
1518
原创 代码统计
1.SourceCounter 网上搜索安装包下载，使用比较简单2.VSCode Counter 推荐使用这个是 vscode 插件，在商店里面搜索下载，统计速度很快。使用方式 右键目录（即想要统计代码行数的目录）选择 Count lines in directory...
2019-10-25 11:36:36
193
原创 常用Linux 命令
远程移动文件/夹文件scp xx.txt 192.168.1.1:/root文件夹scp -r xx 192.168.1.1:/root修改文件里面的内容vi xx.txt然后按 i，开始修改，完成之后 按 esc ，然后输入 :wq (关闭编辑并保存)复制文件/夹复制文件cp xx.txt xx1.txt复制文件夹cp -r A B文件/夹...
2019-10-15 18:59:42
280
原创 npm mirrors.huaweicloud.com 华为镜像
大部分情况下，使用淘宝镜像都能快速 install，但是并不是所有公司能很好的访问淘宝镜像，现在华为也有自己的镜像了，如果淘宝镜像不能满足你，可以使用华为的镜像重要的下载 node-sass 无压力设置如下：npm config set registry https://mirrors.huaweicloud.com/repository/npm/...
2019-03-14 17:10:31
7019
原创 获取字符串中对称的子串
function getsymStr(str) { if(str.length === 1) { return str; } var result = []; var l = str.length; var defaultMostStr = '暂无对称子串'; var isSym = function (str)...
2019-03-10 22:55:31
1041
原创 在新窗口中打开 base64 格式的图片
const img = new Image(); img.src = this.base64String; const newWin = window.open("", "_blank"); newWin.document.write(img.outerHTML); newWin.document.title = "流程图" newWin.document.close();原理是找...
2019-03-06 17:09:43
9555
原创 局部安装webpack，运行命令却找不到 webpack
package.json"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev
2019-03-04 17:03:45
5844
原创 Date.now 与 new Date().getTime() 的区别
Date.now 与 new Date().getTime() 都可以获取时间戳，但是实际上性能是不一样的（虽然差别不大，但是也算是一种性能的追求），可以做个测试 console.time('+new Date()') for(var i = 0; i < 650000; i++) { var o = + new Date() } console.timeEnd('...
2019-02-28 11:36:42
17988
原创 动态生成 element-ui 级联的数据结构
将 dom.style.test 转换为特殊的可以级联选择的数据结构// 采用了动态生成命名空间的函数var MyApp = {};MyApp.namespace = function (name) { var names = name.split('.'); var current = MyApp; names.forEach(function (item) { //...
2019-01-02 16:41:14
1098
原创 Function.prototype.bind
兼容 Function.prototype.bindif(!Function.prototype.bind) { Function.prototype.bind = function(context) { var self = this; return function() { return self.apply(context,...
2018-08-06 17:39:39
138
原创 阻止用户复制粘贴
有时候我们可能需要阻止用户复制粘贴// 阻止复制document.body.addEventLintener('copy', function(e){ e.preventDefault();});// 阻止粘贴<input type="text" id="inputTest"/>document.getElementById('inputTest').a...
2018-06-01 10:12:09
794
原创 angular 1.x 的单选、复选框交互
单选框 <label> <input type="radio" name="selectType" ng-model="selectType" value="0"> <span class="radio" ng-class="{radioActive: selectType == 0}"&a
2018-03-23 18:59:48
838
原创 js 数组的深浅拷贝
数组的浅拷贝与深拷贝 浅拷贝只复制第一层，深拷贝全部复制浅拷贝：// es6const arr1 = [1, 2, 3, [4, 5, 6]];const [...arr2] = arr1;// es5 var arr1 = [1, 2, 3, [4, 5, 6]];var arr2 = arr1.slice();arr2.push(7);arr2[3].push(7);arr1
2017-12-01 11:29:31
330
原创 new Date(date).getTime()兼容性
获取两个日期之前的天数需要用到getTime()方法，例如new Date(endDate).getTime() - new Date(startDate).getTime() /*将结果除以60*60*24*1000就可获取两个日期之间的天数，但是这个new Date(date)这个date格式是有兼容问题的，ie8及以上可以使用'-'来分割年月日，但是谷歌上会比其他浏览器（firefox、i
2017-06-13 12:08:13
3393
原创 行内元素出现换行的情况
例如这样： html<div id="box"> <input type="text"> <button>搜索</button></div>css#box{ width:550px; height:40px; border:1px solid green;}#box input{ width:500px; height:40p
2017-06-08 09:43:55
2176
原创 addEventListener（type, fn , true/false）绑定事件第三个参数作用以及利用事件的冒泡，实现事件委托
addEventListener( type , fn , true/false )
2017-05-02 11:26:41
10127
原创 flex布局的简单使用
css:.container { display: flex; display: -webkit-flex; display: -webkit-box; background: #2b669a; justify-content: space-between; -webkit-box-pack: justify;}.container > div {
2017-04-28 10:41:57
346
原创 css reset
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong
2017-04-25 11:52:15
386
原创 window.postMessage跨页面通信
H5的的新特性 window.postMessage 可以支持不同的页面间通信。API如下：发送信息，window.postMessage( data , origin );//data代表的是发送是数据，origin用来限制访问来源，也可以用*代替window代表的是接收消息的窗口，接受信息，window.addEventListener('message',function(e){ var
2017-04-18 18:05:57
930
原创 npm换源
现在前端已经越来越离不开 npm 了，创建项目需要用到 npm init 命令，而且也需要npm来下载依赖包，但是因为天朝的防火墙，下载速度跟蚂蚁差不多，必须得使用镜像，即换源：nodejs\node_modules\npm 在nodejs的安装目录下有个 npmrc的文件 ，打开并修改成： registry=http://registry.cnpmjs.org 或者 registry=htt
2017-03-20 10:50:13
338
原创 Promise 、Async/Await的使用
Prosmise对像是es6的新特性，也是异步编程的解决方案。var promise = new Promise(function (resolve , reject) { var result = axios.get('../data.json'); if (result){ resolve(result) }else {
2017-03-13 17:26:30
469
原创 webpack的简单使用（一）
第一步还是 全部全局安装webpack（貌似很多工具都是要全局安装的） npm i webpack -g第二步项目内安装（–save-dev 可以用 -D 代替，作用是将webpack保存到依赖项中） npm install webpack –save-dev项目目录app是开发目录，dist是生产目录，需要在根目录下新建html，代码如下：<!DOCTYPE html><html
2017-03-08 16:19:43
382
原创 gulp的简单使用
第一步 全局安装 gulp， npm gulp -g全局安装后，使用 npm init 初始化，它自动创建 package.json， 然后还需要在项目目录下安装（总共需要安装两次）， npm install gulp –save-dev可以看到项目目录下的 package.json 依赖项会多出一个gulp（以及它的版本号）。 项目分为两个目录，一个是dist文件夹（生产环境目录）
2017-03-07 14:17:17
297
原创 js数组中的对象去重
Array.prototype.unique = function () { let _this = this , unique = {}; _this.forEach( g => { unique[ JSON.stringify(g) ] = g }); return Object.keys(unique).map( u =
2017-03-01 15:10:41
427
原创 Git创建本地仓库以及关联github
之前到网上看了很多git的教程，写个博客稍微加深点印象（windows环境下）。 首先你要有个github帐号（github官网注册即可）以及git客户端（可以通过百度网盘下载）。 如何创建本地仓库并关联到github： 第一步打开，Git Bash 找到你要上传的项目目录，使用 cd 命令查找， 开始使用git 命令， git init 初始化命令 然后在项目目录中可以发现多出了一
2017-02-14 10:49:14
549
原创 Angular form表单失去焦点校验
之前做了一个AngualrJs form表单自动校验，同事说用户体验很差，一输入就是错误，都不想注册了。。几番查资料修改后 。。。之前的代码就不看了，直接看修改后的---->html>html lang="en" ng-app="findPassword">head> meta charset="UTF-8"> title>title> link
2016-08-30 16:30:30
2768
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人