一个专注于WEB开发的技术的个人博客

在接下来的一段时间学习看云上购买的一本Web开发实战书籍，来提升自己的软实力。本部分为css实战部分。 表单input主要添加了过渡下border和验证提示 创建模版1234567891011<div class="input-field"> <input id="last-name" type="text" place ...

在接下来的一段时间学习看云上购买的一本Web开发实战书籍，来提升自己的软实力。本部分为css实战部分。进度条 进度条创建进度条12345678910 <div class="fan-progress fan-striped fan-active"> <div class="fan-progress-bar" style=" ...

http缓存整理缓存过程当一个用户发送一个静态资源请求通过下面几步获取资源： 当第一次发送请求时，http返回200的状态码。 在没有关闭缓存请求的时候，则返回header中返回包含last-Modified以及Etag和Expires的字段，然后将文件保存在Cache目录下。 后续请求该文件时，先本地查找该资源。如果本地缓存存在该资源，但不知道是否过期，则发送一个http请求到服务器，然后服务 ...

在接下来的一段时间学习看云上购买的一本Web开发实战书籍，来提升自己的软实力。本部分为css实战部分。 单选复选Switchswitch组件是常用组件，默认的单选复选框都很丑，是这里使用CSS3美化switch。 本问重点将一下整体思路（以单选为例） 创建模版1234567891011121314<label class="fan-check-radio fan-check- ...

在接下来的一段时间学习看云上购买的一本Web开发实战书籍，来提升自己的软实力。本部分为css实战部分。 水中倒影要实现倒影，有两种方式：box-reflect方式和transform方式。 box-reflect效果 box-reflect方式（存在兼容性）属性介绍box-reflect: <direction> <offset>? <mask-box-ima ...

在接下来的一段时间学习看云上购买的一本Web开发实战书籍，来提升自己的软实力。本部分为css实战部分。 白光划过效果创建模板我们要放置一张图片，用一个div包裹起来： 123<div class="highlight-box"> <img src="./img/demo.png" width="296" heigh ...

今天完成后台界面中引入iconfont图标和添加全屏功能screenfull如有不正确的地方，请大家提出来，我会更正，共同进步，谢谢。 引入iconfont图标，这是阿里的开源产品，个人感觉不错，其中symbol方式应该会成为未来的主流方式（不支持ie8） 进入iconfont后，创建项目，把自己喜欢的图标都放到项目中去，点击下载这里我们只需要iconfont.js文件 在main.js中引入 ...

从8月25到8月29共5个晚上和小部分周末时间撸完了Ramda官方文档，继续在事件中继续学习。Rmda中共分为List、Relation、Object、Function、Math、Type、Logic、String共8大类。 Stringtest定义：检测字符串是否匹配给定的正则表达式。 ``` R.test(/^x/, 'xyz'); // true ``` ma ...

继续函数式编程的学习。 它提供了一系列以函数式、声明式和数据不变性方式工作的函数。在这个系列中，我们了解了蕴含在 Ramda API 背后的一些指导原则： 数据最后：几乎所有的函数都将数据参数作为最后一个参数。 柯里化：Ramda 几乎所有的函数都是自动柯里化的。也即，可以使用函数必需参数的子集来调用函数，这会返回一个接受剩余参数的新函数。当所有参数都传入后，原始函数才被调用。 章节总结入门： ...

继续函数式编程的学习。 数据不变性和数组读取数组元素nth -- 类型于对象prop slice -- 类似于对象pick contains -- 类似于对象的has 12345const numbers = [10, 20, 30, 40, 50, 60]R.nth(3, numbers) // => 40 (0-based indexing)R.nth(-2, numbers) // ...