- 博客(32)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 git忽略而不提交文件的3种情形
1、从未提交过的文件可以用.gitignore 也就是添加之后从来没有提交（commit）过的文件，可以使用.gitignore忽略该文件 该文件只能作用于未跟踪的文件（Untracked Files），也就是那些从来没有被 git 记录过的文件 比如，忽略log/下的日志文件，可以在.gitignore中写 log/*2、已经推送（push）过的文件，想从git远程库中删除，并在以后的...
2019-08-19 10:23:44
752
转载 图片纯前端JS压缩的实现
一、功能体验先看demo：使用canvas在前端压缩图片并上传demo 如下截图：点击文件选择框，我们不妨选一张尺寸比较大的图片，例如下面这种2M多的钓鱼收获照：于是图片歘歘歘地传上去了：此时我们点击最终上传完毕的图片地址，会发现原来2M多3000多像素宽的图片被限制为400像素宽了：保存到本地会发现图片尺寸已经变成只有70K了：以上就是图片前端压缩并上传de...
2018-11-15 13:05:06
33897
转载 es6学习
说起es6大家都很熟悉，有些es6新特性chrome等高级浏览器已经实现，不用我们去编译了。今天我简单说下es6的一些特性，为什么写呢？一方面自娱自乐，一方面是因为我有段时间不用就会忘，我给自己回回炉。说的不对，大家给我留言拍砖哈。1、声明变量有变化，不再傻傻分不清声明变量有两种方法，let和const。 let用来声明变量，const用来声明常量。什么是变量？变化的量。比如你的名...
2018-11-15 13:02:59
282
转载 Koa 框架教程
Node 主要用在开发 Web 应用。这决定了使用 Node，往往离不开 Web 应用框架。Koa 就是一种简单好用的 Web 框架。它的特点是优雅、简洁、表达力强、自由度高。本身代码只有1000多行，所有功能都通过插件实现，很符合 Unix 哲学。本文从零开始，循序渐进，教会你如何使用 Koa 写出自己的 Web 应用。每一步都有简洁易懂的示例，希望让大家一看就懂。
2018-01-02 09:59:30
373
转载 webpack打包分析与性能优化
背景在去年年末参与的一个项目中，项目技术栈使用react+es6+ant-design+webpack+babel，生产环境全量构建将近三分钟，项目业务模块多达数百个，项目依赖数千个，并且该项目协同前后端开发人员较多，提高webpack 构建效率，成为了改善团队开发效率的关键之一。下面我将在项目中遇到的问题和技术方案沉淀出来与大家做个分享从项目自身出发我们的项目
2018-01-02 09:47:01
8113
8
转载 个人网站对接支付宝,微信支付接口史上最详细教程
对接支付宝支付接口，官方文档已经写的很清楚了，但是也有很多像我一样的小白，第一次对接支付宝支付接口，会有些迷茫，所以我在此写下这篇文章，给我和我一样的同学，一点思路吧。三分钟就可以申请接口实用小技巧QQ:785087203支付宝个人即时到账支付接口有着和企业支付宝相同的功能，个站长头疼的问题，并不所以站长都有企业支付宝的，没有好的网站在线收款方式将会给我的业务带来极大地麻烦!如果我对你说使用企业支
2018-01-02 09:29:32
115127
34
原创 如何修改 placeholder 的文字颜色？
如何修改 placeholder 的文字颜色？适合多种浏览器：::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #909;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909; opacity: 1;}::
2017-09-27 15:23:57
9400
2
转载 async await用法
很多同学不明白为什么有了 Promise 还要 async await，还得给函数前加个 async 多麻烦啊，这里我就举个简单例子来说明一下比如我们有一个注册用户的接口，包含 addMem ，addMemInfo 和 addMemAuth 3个 Promise 方法（异步操作），如果按照普通的写法应该是这样的：let Resigtser = () => { addMem()
2017-09-27 15:05:25
788
原创 Chrome开发工具窗口使用记录
一. 想知道页面中某个 JS 、CSS 或其它资源文件加载失败后对页面显示的影响吗？Chrome 59 便给了我们这一模拟的功能，我们可以右键指定资源文件的 Network 面板，然后选择 Block Request URL，刷新便可以看到结果了二. 想要对当前页面滚动截屏吗？Chrome 59 为我们带来了这项方便的功能（也可以通过CTRL + Shift + p 搜索打开）
2017-09-27 14:40:46
330
转载 CSS布局奇淫技巧之–各种居中
居中是我们使用css来布局时常遇到的情况。使用css来进行居中时，有时一个属性就能搞定，有时则需要一定的技巧才能兼容到所有浏览器，本文就居中的一些常用方法做个简单的介绍。注：本文所讲方法除了特别说明外，都是兼容IE6+、谷歌、火狐等主流浏览器的。先来说几种简单的、人畜无害的居中方法把margin设为auto具体来说就是把要居中的元素的margin-left和marg
2017-08-24 14:09:55
263
转载 工作中常用到的git命令
一、前言 记录一下工作中常用到的git命令，只是简单的笔记，欢迎大家交流... [ 顺便问下园友们，怎么感觉博客园发布的博客搜索有时都搜不到，后台编辑能填的都填写了，还是觉得搜索排名不高？ 相同的标题搜索到的都是被抓取工具抓取的另一个平台下的文章了... ] 还是先贴张图（此图来自阮大神的blog） 二、git
2017-08-10 14:31:39
649
转载 JavaScript操作DOM的那些坑
js在操作DOM中存在着许多跨浏览器方面的坑，本文花了我将近一周的时间整理，我将根据实例整理那些大大小小的“坑”。DOM的工作模式是：先加载文档的静态内容、再以动态方式对它们进行刷新，动态刷新不影响文档的静态内容。PS：IE 中的所有 DOM 对象都是以 COM 对象的形式实现的，这意味着 IE 中的 DOM可能会和其他浏览器有一定的差异。Node 接口
2017-08-10 13:48:39
707
转载 新手玩CSS中的一些黑科技
哎哎1、鼠标移进网页里，不见了= =*{ cursor: none!important;}2、简单的文字模糊效果*{ color: transparent; text-shadow: #111 0 0 5px;}3、多重边框.div { box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2),
2017-08-04 14:47:43
439
转载 实用的60个CSS代码片段
1、垂直对齐如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑：1234567.verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-tra
2017-08-04 14:14:20
409
转载 十条jQuery代码片段助力Web开发效率提升
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供A
2017-08-04 14:05:21
182
转载 每个前端开发者必会的 20 个 JavaScript 面试题
问题1: JavaScript 中 undefined 和 not defined 的区别JavaScript 未声明变量直接使用会抛出异常：var name is not defined，如果没有处理异常，代码就停止运行了。但是，使用typeof undeclared_variable并不会产生异常，会直接返回 undefined。var x; // 声明 x
2017-08-01 09:46:45
412
转载 我收藏的正则表达式大全
JS-Regular-expression-awesome验证微信号微信账号仅支持6-20个字母、数字、下划线或减号，以字母开头/^[a-zA-Z]{1}[-_a-zA-Z0-9]{5,19}$/.test(value)匹配腾讯QQ号码[1-9][0-9]{4,}JS替换字符串中的空格var reg = /([^\s])\s+([^\
2017-07-31 20:33:59
1154
2
转载 CSS 参考手册定期通过所有主流浏览器进行测试
CSS 属性CSS 属性组：动画背景边框和轮廓盒（框）颜色内容分页媒体定位可伸缩框字体生成内容网格超链接行框列表外边距Marquee多列内边距分页媒体定位打印Ruby语音表格文本2D/3D 转换过渡用户界面“CSS” 列指示该属性是在哪个 CSS 版本（CSS1、css3 或 CSS3）中定义的。CSS3 动画属性（
2017-07-31 20:31:04
492
1
转载 JS ES6箭头函数
"UTF-8"> /** * ES6允许使用“箭头”（=>）定义函数。 * */ var f1 = v => v; console.info(f1('f1')); //等同于 var f2 = function(v) { return v; }; console.info(f2('f2')); /** *
2017-07-31 20:01:05
497
转载 分享一些前端开发中最常用的JS代码片段
HTML5 DOM 选择器// querySelector() 返回匹配到的第一个元素varitem = document.querySelector('.item');console.log(item); // querySelectorAll() 返回匹配到的所有元素，是一个nodeList集合var
2017-07-31 19:30:38
268
转载 JavaScript 开发的40个经典技巧
==和!=操作符会在需要的情况下自动转换数据类型。但===和!==不会，它们会同时比较值和数据类型，这也使得它们要比==和!=快。[10] === 10 // is false[10] == 10 // is true'10'== 10 // is true'10'=== 10
2017-07-31 19:20:50
183
转载 九个Console命令，让 JS 调试更简单
一、显示信息的命令 常用console命令 http-equiv="Content-Type" content="text/html; charset=utf-8" /> script type="text/javascript"> console.log('hello');
2016-09-18 17:22:24
1163
转载 影响网站性能的十大杀手
概述：网站设计不仅需要考虑优秀的外型设计，良好的用户体验，还应当顾及网站的性能。本文在这里整理了对网站性能有重要影响的十个因素。1. 服务器端未压缩的静态文件通过文件进行Gzip压缩的方式可以减少从服务器端到浏览器端文件传输所需要的时间。当某个用户点击到你的网站时，就产生一个从服务器端调用文件的请求。文件的尺寸越大，那么从服务器端加载文件到浏览器端所需的时间就会越久。对
2016-09-08 11:22:24
469
转载 Web性能优化
优化方向HTTP请求数量请求带宽缓存利用页面结构/渲染代码校验HTTP请求数量1、合并多个外部CSS文件在网站中每使用一个CSS文件，都会让你的页面加载速度慢一点点。建议把公用的CSS文件合并为一个文件。减少http请求耗时。2、合并多个外部JavaScript文件大部分情况下，网站往往会包含若干个 JavaScript文件，但并不需要将这些文件都独
2016-09-08 11:15:17
299
转载 十条jQuery代码片段助力Web开发效率提升
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供A
2016-09-08 11:12:56
437
转载 35 个 jQuery 小技巧
收集的35个 jQuery 小技巧/代码片段，可以帮你快速开发.1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字Hide when clicked in the
2016-09-08 11:02:29
316
转载 一张图助你快速记忆CSS所有属性
CSS所有属性如何快速记忆 看一张图如何助你快速记忆：查看原图 CSS的属性很多，有许多人都抱怨说要怎麼才能快速记忆CSS的属性呢.在这里我就把CSS所有的属性列在一张小卡片上，大家可以像背英语单词的小卡片一样，用来记忆：CSS速记小纸片 字体属性：(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，
2016-09-08 10:56:38
2265
转载 我们为什么要尝试前后端分离
尝试与改变如果你没有尝试过前后端分离的工作流程，那么可以先试想一下这样的流程改变：把流程从 PM：“我要这个功能”后端：“这个先找前端做个模板”前端：“模板做完了”后端：“我来对接一下，这里样式不对”前端：“我改完了”后端：“功能交付”PM：“春节要加这个活动”后端：“这个先找前端改个模板”前端：“模板做完了”后端：“我来对接一下，这里样式不
2016-09-08 10:24:36
4670
转载 关于“正则表达式”
1 . 校验密码强度密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。^(?=.\d)(?=.[a-z])(?=.*[A-Z]).{8,10}$ 2. 校验中文字符串仅能是中文。^[\u4e00-\u9fa5]{0,}$ 3. 由数字、26个英文字母或下划线组成的字符串^\w+$ 4. 校验E-Mail 地址
2016-09-08 10:18:09
308
原创 通过ffmpeg包制作GIF图片
下载ffmpeg包点击下载解压后，放入一个文件夹目录ffmpegtest，把自己需要转换的mp4或者其他格式的视频放入另一个文件夹目录ffmpegMedio。然后在ffmpegtest/bin文件夹目录中打开cmd命令窗口，输入：E:\ffmpegtest\bin>ffmpeg -ss 2 -t 5 -i E:\ffmpegMedio\test.mp4 -vf "rotate=1...
2016-08-29 10:15:30
1917
转载 JavaScript调试十个小Tips
‘debugger;’除了console.log，debugger就是另一个我很喜欢的快速调试的工具，将debugger加入代码之后，Chrome会自动在插入它的地方停止，很像C或者Java里面打断点。你也可以在一些条件控制中插入该调试语句，譬如：if (thisThing) { debugger;}将Objects以表格形式展示有时候我们
2016-08-29 09:20:34
475
转载 jquery选择器
按姓名匹配 1,name前缀为aa的所有div的jquery对象 Js代码 $("div[name^='aa']"); 2,name后缀为aa的所有div的jquery对象 Js代码 $("div[name$='aa']"); 3,name中包含aa的所有div的jquery对象 Js代码
2016-01-05 11:22:09
190
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人