
[前端]
文章平均质量分 78
Holmofy
奋斗中的小菜鸟
展开
-
将Sublime打造成超强前端IDE
前几天把Sublime更新了一下,插件什么的重新装,但是突然都忘了以前装过什么插件了,把内容记录下来以备将来再查。sublime下载地址:https://www.sublimetext.com/3sublime文档地址:https://www.sublimetext.com/docs/3/http://docs.sublimetext.info授权码(不激活也可以使用,推荐购买授权码)—– B原创 2017-09-18 13:14:35 · 4696 阅读 · 0 评论 -
两种纯CSS的方式实现优惠券上的锯齿效果
昨天有个模块分到我手里了,有个优惠券的组件要封装,正好复习复习CSS。优惠券最主要就是这个锯齿的问题。其实用图片做也完全可以,反正最后那些小图片都会被webpack编码成Base64的DataURL 关于DataURL的内容可以参考RFC2397不过用图片方式就没有啥挑战性了,那我也没必要写这篇文章记录这个过程。我们的目的是用纯CSS实现锯齿一、使用before和afte...原创 2018-03-22 01:46:27 · 20328 阅读 · 6 评论 -
ES6语法学习-JS中的lambda:箭头函数
1. 最基本的写法使用=>操作符,简化匿名函数的定义(param1,param2,...,paramN) => { // 函数体}// 参数列表与箭头符号不能换行var func = () => 1;// SyntaxError: expected expression, got '=>'// 注意解析的优先级let c...原创 2018-03-14 14:50:33 · 3482 阅读 · 0 评论 -
ES6学习笔记-解构赋值
解构赋值解构赋值可以将数组中的元素或对象中的属性赋值给指定的变量。1. 数组解构1.1 基本用法var a, b, rest;// 数组解构[a, b] = [10, 20];console.log(a); // 10console.log(b); // 20// 变参解构[a, b, ...rest] = [10, 20, 30, 40, 50];co...原创 2018-03-14 13:30:08 · 472 阅读 · 0 评论 -
ES6学习笔记-var,let,const
var,let和constES6新增了let关键字用于声明变量,用法上和var类似,这里列举一些两者的区别。let与var区别let声明的变量只在它所在的代码块内有效:因为上面的特性,所以let很适合在for循环中做计数器:var声明的变量会被挂在到全局的window上,而let并不会:let不允许在同一个作用域内对同一个变量重复声明:let不存在变量提...原创 2018-03-14 10:09:49 · 458 阅读 · 0 评论 -
Javaer眼中的JS
把之前写的笔记整理了一下,重新拾起JS基本数据类型 JS Java number double boolean boolean string String null(Object类型的null引用) null undefined(未定义类型) null Symbol(ES6标准新增类型) en...原创 2018-03-16 23:17:30 · 516 阅读 · 1 评论 -
React入门学习笔记
React介绍谷歌大法,一搜一大把React环境安装安装react,react-dom模块:cnpm install react react-dom --save因为react中使用了JSX语法,所以需要babel进行转换:cnpm install babel-preset-react babel-core --save-dev如果项目使用ES6语法,还需要...原创 2018-03-16 19:18:09 · 370 阅读 · 0 评论 -
Babel入门教程
babel有什么用ES6标准从ES2015制定开始已经有几个年头了,虽然各大浏览器最新版都在极力地实现标准,但并不是所有人都会用最新版本的浏览器,特别是天朝像某狗某游这样的二次包装的浏览器,使用别人的内核而且版本更新又比较慢,导致新标准不能及时地在浏览器端使用。Babel就是用来解决这个问题的:将ES6的代码转换成ES5的代码,从而在现有的环境中运行,让我们能用下一代JS编写前端代码。...原创 2018-03-16 01:24:35 · 1676 阅读 · 0 评论 -
ES6学习笔记-OOP面向对象编程
ES5中使用构造函数定义类ES6之前定义一个类,都是通过定义构造函数实现:function Rectangle(x,y){ this.x = x; this.y = y;}Rectangle.prototype.area = function(){ return x * y;}console.log(new Rectangle(1, 2));// Rectangl...原创 2018-03-15 17:58:33 · 863 阅读 · 0 评论 -
传统轮询,长轮询,EventSource与WebSocket
转载自:http://blog.zhangruipeng.me/2015/10/22/Web-Connectivity/构建网络应用的过程中,我们经常需要与服务器进行持续的通讯以保持双方信息的同步。通常这种持久通讯在不刷新页面的情况下进行,消耗一定的内存资源常驻后台,并且对于用户不可见。本文将简要介绍Web通信中常用的四种方式。传统轮询(Traditional Polling)...转载 2017-09-27 13:10:46 · 6656 阅读 · 0 评论 -
前端存储技术
以前用过localForage,了解过客户端存储。找了几篇文章复习一下https://www.cnblogs.com/huangjacky/p/4019868.html, https://segmentfault.com/a/1190000002701423客户端存储主要方便一些APP离线使用。今天就来说说客户端存储的方法有多少? 说在最前面的一句:所有的客户端存储都有一个原则...转载 2017-12-11 15:14:23 · 567 阅读 · 0 评论 -
LESS小试牛刀
为什么选择lessCSS代码开发与维护都比较困难,特别是CSS中的各种尺寸颜色,看多了绝对想吐。所以就有了便于开发以及维护管理的CSS预处理语言,可以由它们编译生成CSS。作为一个搞后端的Javer,我所了解的CSS预处理语言大致有三种LESS, SASS, Stylus。这几种预处理语言都提供了变量(variables),混合书写(mixins),函数(functions),运算(ope...原创 2017-09-16 11:16:47 · 568 阅读 · 0 评论 -
对单页面应用与Router的一些思考
昨晚鑫哥到我宿舍聊天,聊了很多,从各自公司用的技术到杭州和深圳的房价,从后端技术到前端技术,一直聊到凌晨一点多,直到鑫哥被室友“驱逐”出去。中间有一段聊到公司用到的React,提到了单页面应用和Router,觉得思路很好有必要写个笔记记下来。最开始的网页早期的网页都是一个个独立的html页面,通过a标签从这个页面跳转到另外一个页面。但是同一个网站中的两个页面很多内容都是相同的,比如页头...原创 2018-04-27 14:24:53 · 1712 阅读 · 0 评论