css揭秘看后感 真是一部好书颠覆了我 以前对css3的认识 太多技巧了
前言好久没有更新博客了,最近回家休养了几天,赶上亲戚也得了直肠息肉,顺便回去看看,于是博客就落下了几天。最近在一个 QQ 群里认识了一位拥有很多前端教程和资源的朋友,粽子哥,也从他那里拿到了很多的免费资源,比如说某慕课网的 vip 全部的视频教程,我是购买了其中的三个 vip 视频话费也不过两三百,以前我是一直使用的是免费视频,但是后来慢慢地开始支持第三方培训机构的一些个视频教程,今年在这上面的花费也不少了,一看到这种免费的视频就有种抵制,亲们如果最近资金不是很紧张那么还是奉劝大家去支持下,毕竟也不是很贵。烧烟的节约下烟钱就来了。反正我是不烧烟的。废话不多说。
原由我从粽子那里推荐我看这本《css 揭秘》,我还没打开这本书的时候想这是不是 css1、css2 的内容,讲解的是不是兼容 ie 的 hack 方法 那些,我完全错了,这里面类容完全是 css3.0 的内容。圆角边框,伪元素,边框背景,投影,css3 滤镜等等。现在这本书在回家休息的几天中也看了近一半了,收货真的是非常大,我感觉只是略过了一遍,具体的我还要细读第二遍才能完全理解,里面的知识点我也在博客构建的时候用过,但是能够 ...
HTML5视频播放器组件 全平台自适应 开放下载
原创作品,版权归 laijiadayuan.com 所有,使用请保留出处.
组件信息123456789this.widgetInfo = { fileName : "lk_video", version : "1.0.0", author : "windKe", createTime : "2016 10 5", updateTime : "2016 11 2"};
版本记录2016-10-5 1.0.0 创建版本 使用原生 js 实现的 html5 移动端和 pc 端通用视频播放组件。样式可以自定义参数配置也很人性化。可以配置视频海报,
参数配置参数名
类型
默认值
可选值
说明
id
String
video
自定义
视频元素 id
ignoreSize
Boolean
false
true or false
是否忽略视频大小比例
width
Number
1280
自定义
视频宽度
height
Number
720
自 ...
开启YII2折腾 框架的正确请求姿势 主动学习还是被动学习
漫谈今天我们来折腾下 YII2.0 框架,之前开发中,以及现在的博客使用的是 thinkphp 来进行开发的,这里就不避讳了,大家也就不要在这个博客网站上找什么漏洞以及 sql 注入了。 小站经不起折腾。废话说道这里我们开始来折腾下 YII。为什么使用这个框架,因为这个框架第一个比较成熟性能也行,社区也大,中文英文文档也齐全。最主要的使用这个框架是 因为这个框架支持 resetFull API 开发。什么事 resetFUll API?简而言之就是一种 api 请求规范。具体请看阮一峰的文章 http://www.ruanyifeng.com/blog/2014/05/restful_api.html 当然这个只是个规范,你也可以按照你自己的请求规范来写,但是规范总是有它的好的方面,所以尽量按照 resetfull_api 规范来编写 api 请求地址。这样也方便于大家理解,在规范下面写东西 总会有很多好处。
学习网站:yiichina 中文社区(这个社区也比较活跃):http://yiichina.com yii 英文官网:http://www.yiiframework.com/ ...
web前端开发工程师面试题大全
web 前端开发工程师面试题大全 一、HTML 常见题目 01、Doctype 作用?严格模式与混杂模式如何区分?它们有何意义? 02、HTML5 为什么只需要写 ? 03、行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 04、页面导入样式时,使用 link 和@import 有什么区别? 05、介绍一下你对浏览器内核的理解? 06、常见的浏览器内核有哪些? 07、html5 有哪些新特性、移除了那些元素?如何处理 HTML5 新标签的浏览器兼容问题? 08、如何区分 HTML 和 HTML5? 09、简述一下你对 HTML 语义化的理解? 10、HTML5 的离线储存怎么使用,工作原理能不能解释一下? 11、浏览器是怎么对 HTML5 的离线储存资源进行管理和加载的呢? 12、请描述一下 cookies,sessionStorage 和 localStorage 的区别? 13、iframe 有那些缺点? 14、Label 的作用是什么?是怎么用的?(加 for 或 包裹) 15、HTML5 的 form 如何关闭自动完成功能? 16、如何实现浏览器内多个标签页之间的通 ...
HTML5列表音乐播放器Lmusic PC版本
原创作品,版权归 laijiadayuan.com 所有,使用请保留出处.
组件信息123456789this.widgetInfo = { fileName : "lkmusic_visualizer", version : "1.0.0", author : "windKe", createTime : "2016 10 5", updateTime : "2016 11 2"};
版本记录2016-10-5 1.0.0 创建版本
新增音乐可视化,通过配置 lkmusic.appcache 可以实现离线缓存功能,修复播放模式错乱,以及音乐播放完成以后,点击播放按钮失效的问题。 新增移动端自适应。新播放器弃用像素 px 布局,采用全新的 rem 布局,实现移动端自适应。以及其他一些 bug 修复。
参数配置参数名
类型
默认值
可选值
说明
musicList
Array
musicList.js(项目目录里面需要引入音乐播 ...
HTML5列表音乐播放器Lmusic rem自适应 (兼容所有移动设备以及现代pc浏览器脱离jquery也可独立运行)
原创作品,版权归 laijiadayuan.com 所有,使用请保留出处.
组件信息123456789this.widgetInfo = { fileName : "lkmusic_visualizer", version : "1.0.0", author : "windKe", createTime : "2016 10 5", updateTime : "2016 11 2"};
版本记录2016-10-5 1.0.0 创建版本
新增音乐可视化,通过配置 lkmusic.appcache 可以实现离线缓存功能,修复播放模式错乱,以及音乐播放完成以后,点击播放按钮失效的问题。 新增移动端自适应。新播放器弃用像素 px 布局,采用全新的 rem 布局,实现移动端自适应。以及其他一些 bug 修复。
参数配置参数名
类型
默认值
可选值
说明
musicList
Array
musicList.js(项目目录里面需要引入音乐播 ...
mui ajax 跨域问题解决方案总结
最近使用 hbuilder 来做移动端的混合应用的 app 也就是现在比较获得 html5 hybird app 使用 nativejs 可以调用原生的许多 api,比如说 弹窗窗口 警告框 原生用户提示 toast 日历组件 等等 现在我们来看看遇到的问题,由于我实在本地测试的所以本地的地址也是类似 http://localhost http://127.0.0.1这种的 首先我们来看看客户端代码怎么写(假设使用的是 runtime+项目 现在我们来调用 plus 下面的 XMLHTTPREQUEST) 首先需要保证下面两项是 1.确保手机网络畅通,能访问服务器地址(可用手机浏览器打开请求的网址) 2.确保提交的数据内容格式(XMLHttpRequest 默认提交的 content-type 为“text/plain;charset=UTF-8”)
12345678910111213141516171819mui.ajax('http://server-name/login.php',{data:{username: ...
wind 弹窗组件开放下载
原创作品,版权归 windKe 所有,使用请保留出处.
组件信息123456789this.widgetInfo = { fileName : "window", version : "1.0.0", author : "windKe", createTime : "2016 10 5", updateTime : "2016 11 2"};
版本记录2016-10-5 1.0.0 创建版本 这一版修复了连续滚动切换多页的 bug,新增了滚动后回调接口,开放了上一屏(moveDown),下一屏(moveUp),以及滚动到指定索引位置(moveTo)三个接口,内置了 swipeEvents 用来对触屏的支持。重写了样式定义,不再依赖 absolute 定位,添加了浏览器对 CSS3 支持的判断,以便于支持 Css3 的浏览器使用 css3 Translate 渲染,而不支持的浏览器使用 Jquery 的 animate 方法渲染 ...
优化 RequireJS 项目(合并与压缩)
为什么想到优化代码和合并代码最近项目中使用到了 requirejs 然后陆陆续续引入了许多的 js 文件 造成了许多不必要的网络请求。(以后会改用 webpack 和 gulp 来对项目 js 进行打包 requirejs 感觉已经有点儿过时了) 下面将演示如何合并与压缩一个基于 RequireJS 的项目。本文中将用到苦干个工具,这其中就包括 Node.js。 因此,如果你手头上还没有 Node.js 可以点击此处下载一个。
动机关于 RequireJS 已经有很多文章介绍过了。这个工具可以将你的 JavaScript 代码轻易的分割成苦干个模块(module)并且保持你的代码模块化与易维护性。这样,你将获得一些具有互相依赖关系的 JavaScript 文件。仅仅需要在你的 HTML 文档中引用一个基于 RequireJS 的脚本文件,所有必须的文件都将会被自动引用到这个页面上. 但是,在生产环境中将所有的 JavaScript 文件分离,这是一个不好的做法。这会导致很多次请求(requests),即使这个些文件都很小,也会浪费很多时间。 可以通过合并这些脚本文件,以减少请求的次数 ...
函数珂里化与函数反珂里化 currying and uncurrying
什么叫 currying?在计算机科学中,柯里化(英语:Currying),又译为卡瑞化或加里化,是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。这个技术由 Christopher Strachey 以逻辑学家哈斯凯尔·加里命名的,尽管它是 Moses Schönfinkel 和 Gottlob Frege 发明的。 这是来自维基百科的名词解释。顾名思义,柯里化其实本身是固定一个可以预期的参数,并返回一个特定的函数,处理批特定的需求。这增加了函数的适用性,但同时也降低了函数的适用范围。
场景例如现在我们需要编写一个计算器计算每个月的开销,我们都要记录今天花掉了多少钱。 或许我们会这样写:
1234567891011var monthCost =0;var cost =function(money){monthCost +=money;}cost(100);cost(200);cost(300);alert(monthCost);
使用 currying使用 currying 后逻辑更简 ...









