- 博客(115)
- 问答 (1)
- 收藏
- 关注
原创 javascript注释规范
前言:开发这么久,一直想着养成一个好的注释习惯,但一直没有一个好的,优秀的标准来要求自己,所以写出来的代码总感觉有点low。过多的JavaScript注释会降低JavaScript的执行速度与加载速度,因此应在发布网站时,去掉JavaScript注释。注释块(/* ... */)中不能有(/*或*/,JavaScript正则表达式中可能产生这种代码),这样会产生语法错误。好的注释...
2018-04-27 16:32:21 781
翻译 webpack基础学习
前言:1年多以前,自己还用的webpack2,现在webpack已经升级到webpack4了,而这么长时间,因为工作岗位的调整,也没怎么想过优化webpack,现在的webpack打包,所以新写一篇webpack基础学习重新温习一下打包神奇webpackwebpack整体的简易整体架子 module.exports = { entry:{ ...
2018-04-27 15:49:44 164
原创 VScode开发技巧
VSCodeVim模式快捷键 VSCode快捷键 含义 cmd + / INSERT MODE 快速注释 gcc 可以快速注释当前行 NORMAL 模式 w/b 向前/向后到达可见范围内任何单词的开头 e/ge 向前/向后到达可见范围内任何单词的结尾 gcc 可以快速注释当前行 向前/向后到达可见范围内任何行的...
2018-04-03 11:21:21 909
原创 谈谈前端异常捕获与上报
try catch (通常是为了判断一段代码是否存在异常) try { let a = 1; let c = a + c; } catch (err) { // 捕获处理 console.log(err); // ReferenceError: c is not defined } 缺点:在异常代码上...
2018-03-26 11:06:35 950
转载 window.print()
转载地址快捷键来(Mac 上是 command + p)触发打印在 JavaScript 中可以通过调用window.print() 方法来实现,调用之后会出现打印预览的对话框。这样做的好处就是我们可以在用户打印之前从服务端获取一些数据然后动态地生成一些内容插入到文档中,这在某些特定的场景中是非常有用的。通过媒体查询来引入打印所需要的样式 /* index.css */CSS ...
2018-03-23 10:27:57 591
转载 在js中实现新窗口打开
实现跳转页面的3个方法 1、 <a href="xxxx" target="_blank"></a> 2、 window.open("http://www.baidu.com") 缺点:这个方法是有问题的,那就是有些浏览器会拦截 3、 模拟form表单提交来打开一个新的页面 ...
2018-03-23 10:23:18 8132
原创 JavaScript编程语法,算法 小技巧
使用 !! 操作符转换布尔值 常用的情况:值为 0、null、&quot; &quot;、undefined、NaN 使用 !! 返回的是 false,可以用来判断值是否有效值字符串 =》 数字 方法1:使用+将字符串转换成数字 console.log(+new Date()) // 1461288164385 方法2:使用*1将字符串转...
2018-03-19 14:23:24 183
原创 日常所用网站
算法[算法逻辑网站,为解决某个问题写一个方法](https://www.codewars.com)程序员学习网站[MOOC等在线课程](https://www.icourse163.org/category/computer)
2018-03-19 10:43:42 170
原创 electron开发桌面应用
今天突然想做一个web端桌面应用查了些资料,发现,现在最适合做桌面应用的是electron框架1.首先是应用打包 1 npm install -g electron-packager // npm模块,是一个用于打包electron应用的工具 2 安装模块以后打包命令是这样的: electron-packager ...
2018-03-16 11:43:58 358
原创 javascript命名规范
驼峰式命名法介绍: 驼峰式命名法由小(大)写字母开始,后续每个单词首字母都大写。 按照第一个字母是否大写,分为: ① Pascal Case 大驼峰式命名法:首字母大写。eg:StudentInfo、UserInfo、ProductInfo ② Camel Case 小驼峰式命名法:首字母小写。eg:studentInfo、userInfo、pr...
2018-03-12 17:41:48 747
原创 echarts.js 绘图出现的问题
echarts.js折线图断点的的情况 这个文档里面有说明的,可以在断点的时候,把data设置为“-”,比如这样[12, '-', 56,10, 23],记住0也是数据,没有数据用"-"代替,但是echart自身有缺陷,就是没有数据的时候会有一个小黑点,有多少没有数据,全部为“-”echarts中tooltip里面小圆点(有图)是怎么做的啦?(全部和日常作业前面的小圆点...
2018-03-12 17:36:16 1681
原创 ssh学习
基础命令: rm -rf catalog /* 删除catalog目录 */ cp -a tool /home/target/www /* 把tool目录下所有文件复制到www目录下 */
2018-02-28 13:22:02 178
原创 git命令大全
1:情景:公司需要远程代码回滚:发现 git merge my-branch到master的时候把我的分支上的所有提交都带过来了,回滚找tag和commit的时候特别麻烦。 解决:1. 总是使用 git merge --no-ff 而不是 git merge 记录下分支的变更历史。 2. 恰当的使用 git pull --rebase 避免不必要...
2018-02-08 11:44:52 138
原创 javascript 的方法学习
arr.sort() 1. let arr =[1,3,2].sort() console.log(arr) //(3) [1, 2, 3] 用法: sort()方法用于对数组元素进行排序,并返回数组,默认排序是根据字符串的unicode码点。 可以用来对字符串进行unicode码排序。【b,a】=>[a,b] 2. sort(排序函数)
2018-02-07 15:00:54 129
原创 学习 Node.js
服务端javascript javascript是运行在浏览器中的一门脚本语言,然后浏览器提供了一个上下文供javascript解释执行。 nodejs实际上就是允许javascript脱离浏览器在后端解释执行。分析http服务器 require('http').createServer(函数传递).listen(9999) 函数传递进去的就是http服务器接受http请
2018-01-02 11:56:19 220
原创 Node.js脚本杀掉占用端口的进程
问题:express默认端口为3000,每次手动停止服务。发现该端口被系统正占用,为了避免每次都手工停掉该系统调用,释放端口。执行脚本命令 node ./killl.sh(killl.sh文件)var order='lsof -i :3000';var exec = require('child_process').exec;var qqname='shuai';exec(order,
2017-12-21 11:25:16 5162
原创 mac快捷键
全屏和退出全屏 control + command + f隐藏显示Dock(mac底部的dock条) option + command + d移动Dock条(mac底部的dock条) shift + dock条上的分割线 移动放置选中顶部的苹果图标 fn + control + f2选中顶部的苹果图标 fn + control + f2
2017-12-20 11:29:47 146
转载 node 服务器端管理模块forever forever start -a -l /tmp/testc.log
问题:服务器管理是在系统上线后,必须要面对的问题 在我们采用nodejs的express框架搭建web站点,代码部署到服务器端以后,如何管理node服务器: 1、实现运行稳定, 2、高并发, 3、启动和停止命令简单,、 4、能支持热部署, 5、宕机重启, 6、监控界面和日志解决:nodejs的管理模块forever 1.forever介绍
2017-12-20 11:05:46 2022
原创 mac常用终端命令
mac常用命令参考创建目录 mkdir 文件名删除一个目录 rmdir 文件名移动或重命名一个目录 rmdir 文件名 mac :mv 旧文件名 新文件名 zsh: command not found: mvdir // mvdir 是unix操作系统的命令行。在mac的终端是用不了的。 // mac终端用mv代替mvdir。
2017-12-18 17:47:20 594
原创 git知识
想看到最近一次提交所有更改过的文件 对应命令: git log -n 1 --statgit stash 命令 git stash git checkout mater git merge branch git add . git commit -m 'last' git chec
2017-12-15 14:54:37 194
原创 javascript ES6 Map 和Set结构总结
set数据结构,类数组 1.set结构具有一个add()方法,可以向set数据中添加元素,相同的set结构给过滤掉了。 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); [...new Set(array)]// 去除数组的重复成员,去除的规则是“===“严格相等,
2017-12-08 11:16:32 289
原创 javascript编程习惯和问题
强耦合的字符串或者标示 情景: if(value == "全部班级"){ checkClass.initselectClass_id = -1; this.setState({checkClass},()=>{ this.fetchSubjectData(-1);
2017-12-07 20:36:26 265 2
原创 javascript中input文本框的焦点移到文本的后面的兼容解决方案
input文本框的焦点问题 let count11 = $('.rc_score_input').val().length; let textbox = $('.rc_score_input').get(0); if (textbox.createTextRange){ var r = textbox.createTextRange(); r.c
2017-12-07 10:56:51 881
原创 javascript中NaN的用法
情景后台返回一个分子,一个分母,计算商; 解法1: let percent = isNaN(judge/total); 解法2: if(total == 0){ percent = 0% }else{ percent = judge/total } 解法1:
2017-12-06 20:41:36 897
原创 javascript
javascript中的循环退出问题 foreach循环退出问题 例子: let flag = 0; Arrr.forEach((item,index)=>{ if(flag == 1){ return false }
2017-11-29 17:21:50 168
原创 zepto classnames
如果基于zepto.js开发,一般是通过event.touches[0]来获取属性。重要属性如下:clientX,clientY:触摸点相对于浏览器窗口viewport的位置;pageX,pageY:触摸点相对于页面的位置;screenX,screenY:触摸点相对于屏幕的位置 ;identifier:touch对象的unique ID touchs
2017-07-24 10:50:35 341
转载 新技术
service worker 代理请求progressive web appweexfex yogafacebook 布局引擎 yogaleetcode.org docker
2017-07-24 10:48:22 151
原创 input的placeholder的兼容性问题
input::-webkit-input-placeholder{ color: #787878; } input::placeholder{ color: #787878; } input::-ms-input-placeholder{ color: #787878; }input:-moz-placeholder{color: #787878;
2017-07-24 10:47:42 620
原创 前端跨域请求原理及实践
一、 跨域请求的含义一般的,只要网站的 协议名protocol、主机host、 端口号port这三个中的任意一个不同,网站间的数据请求与传输便构成了跨域调用。这说明跨域请求并非是浏览器限制了发起跨站请求,而是请求可以正常发起,到达服务器端,但是服务器返回的结果会被浏览器拦截。二、 利用 JSONP实现跨域调用JSONP 是 JSON的一种使用模式,可以解决主流浏览器
2017-07-24 10:44:29 206
转载 cookie
2017-03-16详解 Cookie 纪要cookie规范定义了服务器和客户端交互信息的格式、生存期、使用范围、安全性。 Cookie通常用来存储一些不是很敏感的信息,或者进行登录控制,也可用来记住用户名、记住免密码登录、防止刷票等。每个域名下允许的Cookie是有限制的,个域名的每个Cookie限制以4千字节(KB)键值对的形式存储。还有一种Cookie
2017-07-24 10:43:46 189
原创 fish
Fish shell 入门教程1 安装:sudo apt-get install fishbrew install fish2 启动与帮助fish3配置fish_config
2017-07-24 10:41:43 272
原创 npm淘宝
npm淘宝镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org
2017-07-24 10:40:10 197
原创 移动端响应rem dpr viewport设置
(function () { var t; function initHtmlFont(){ var maxWidth = 640; var html = document.documentElement; var windowWidth = html.clientWidth;
2017-07-24 10:32:23 1327
原创 成为ui设计师的准备工作
1. 工具安装 sketch3 AI axure AE 百度搜索 xxxx+百度云 cc版本2 比看网站 www.zcool.com.cn www.dribbble.com www.ui.cn www.uisc.com3 推荐书籍 《简约之上》
2017-07-24 10:30:45 379
转载 基于html中canvas标签的验证码图片生成方法
基于html中canvas标签的验证码图片生成方法小前端一只,在自己网站中写了一个留言功能,需要随机生成验证码,发现网上大多是用后台技术生成,无奈本人看不明白,无奈之下(其实从安全角度来看图片验证码还是后台传过来比较好,前端生成没啥子意义 ╮(︶﹏︶)╭) "canvas" width="120" height="40"> "#" id="cha
2017-07-20 18:08:11 336
转载 html2canvas 将html代码转为图片
http://blog.csdn.net/jiangzunshao/article/details/53040908转换代码到图片使用html2canvas,这是一个非常著名的从浏览器网页截图的开源库,使用很方便,功能也很强大。使用 html2canvas html2canvas 的使用非常简单,简单到只需要传入一个 DOM 元素,然后通过回调拿到 canvas:
2017-07-20 16:57:20 234
原创 文章标题
mongoDbMongoDB国内官方网站:www.mongoing.com 数据库: 1.有组织的存放数据。 2.按照不同的需求进行查询。 Mongodb的优点 1.无数据结构限制 a.没有表结构的概念,每条记录可以有完全不同的结构 b.开发业务方便快捷 c.sql数据库需要事先定义表结构才可以使
2017-07-17 20:35:47 236
空空如也
gulp . watch出现的问题
2017-12-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人