- HTML5源码库 适应手机端的jQuery图片滑块动 12-08
- 「jquery mobile」一个很有趣的特性dat 12-08
- JavaScript编程黑科技,看看都有那些高逼格的 12-08
- 译|调整JavaScript抽象的迭代方案 12-08
- JavaScript从入门到精通】——DOM操作应用 12-08
- js中的闭包 12-08
- JavaScript当我们无法从故障中恢复 12-08
- 听说DevOps和这五种语言更配 12-08
- web前端开发学习vue.js还是angularjs 12-08
- Chrome 扩展程序的开发与发布 手把手教你开发扩 12-08
HTML5源码库 适应手机端的jQuery图片滑块动画DEMO演示
发布者: superzhang | 发布时间:2017-12-08效果图
各位朋友大家中午好!
今天给大家带来的是 适应手机端的jQuery图片滑块动画DEMO演示
大家可以按照自己的意愿进行修改!
有想获取文件版源码的请加裙581549454废话不多说,上源码!
CSS源码:/* MeyerWeb Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, cen
「jquery mobile」一个很有趣的特性data-role以及它 的属性总结
发布者: superzhang | 发布时间:2017-12-08要使用jquery mobile必须引入对应的css和js文件,如下:
这两个文件是可以在官方网站下载的,需要注意的是,必须下载最新的data-属性是HTML5新推出的很有趣的一个特性,它可以让开发人员添加任意属性到html标签中,只要添加的属性名有data-前缀
属性总结:
1、Button(data-role="button")
设置的元素为button类型
2、Checkbox(type="checkbox")
设置元素为复选框类型,只需要设置(type="checkbox"),不
JavaScript编程黑科技,看看都有那些高逼格的代码?
发布者: superzhang | 发布时间:2017-12-08Javascript是一门很吊的语言,我可能学了假的JavaScript,哈哈,大家还有什么推荐的,补充送那啥邀请码。
学习web前端的可以加我的群,每天分享对应的学习资料:680847368,欢迎初学和进阶中的小伙伴。
1.如何装逼用代码骂别人SB
(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]译|调整JavaScript抽象的迭代方案
发布者: superzhang | 发布时间:2017-12-08原文作者:Kaloyan Kosev
原文链接:https://css-tricks.com/adapting-javascript-abstractions-time/
翻译译者:小溪里
校对:华翔、小冬
即使还没有读过我的文章《在处理网络数据的 JavaScript 抽象的重要性》,你也很有可能已经意识到代码的可维护性和可扩展性很重要,这也是介绍 JavaScript 抽象的目的。
为了更加清楚的说明,我们假设在
JavaScript
中抽象是一个模块。一个模块的最初实现只是它们漫长(也许是持久的)的生命周期过程的开始。我将一个模块的生命周期分成 3 个重要阶段。
引入模块。在项目中编写该模块或复用该模块;
调整模块。随时调整模块;
移除模块。
在我先前的文章中,重心放在了第一点上。而在这篇文章中,我将把重点放在第二点上。
模块更改是我经常碰到的一个难题。与引入模块相比
JavaScript从入门到精通】——DOM操作应用
发布者: superzhang | 发布时间:2017-12-08这篇文章我们开始学习DOM的一些操作和应用。
创建、插入和删除元素
如上图所示,当我们向邮箱里拖入一个文件时,页面会自动添加标签存放文件信息,实际上这个标签并不是提前写好的,而是在文件拖拽入邮箱后使用JS生成。因此,我们可以用JS创建并插入DOM元素,同时也可以对DOM元素进行删除。
用于创建DOM元素的方法为:createElement(),在元素创建后存放在内存中,而如果想将元素插入到页面则需要用到插入DOM元素的方法:appendChild()(实际上是将元素作为子节点插入)。
如下例:
<html>
<head>
<meta charset="utf-8" />
<title>无标题文档</title>
<script>
window.onload=function ()
{
var oBtn=document.getElementById('btn1');
var oUl=document.getElementById('ul1');
oBtn.onclick=function ()
{
var oLi=d
js中的闭包
发布者: superzhang | 发布时间:2017-12-08js中为什么要使用闭包?
先介绍一下全局变量和局部变量的优缺点:
全局变量:在全局环境下声明的变量为全局变量,全局变量在任何地方都可访问,且一直保存在内存中只到应用程序退出(关闭网页或浏览器)时才被销毁。但是过多的声明全局变量容易造成全局污染,且全局变量容易被修改。
局部变量:在函数环境下声明的变量为局部变量,局部变量仅在函数内部可访问,当函数执行完毕时就会被销毁。局部变量不会造成全局污染也不容易被修改。
从上面可以看出全局变量和局部变量的优缺点刚好是相对的,闭包的出现正好结合了全局变量和局部变量的优点。闭包可使已经执行结束的函数中的局部变量仍然留在内存中,且能被重复访问使用。
闭包的定义是什么?
闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式就是在一个函数内部创建另一个函数。以一个函数为例:
示例
加粗的两行代码是内部函数(一个匿名函数)中的代码,这两行代码访问了外部函数
JavaScript当我们无法从故障中恢复
发布者: superzhang | 发布时间:2017-12-08如果到了让用户手动干预的环节,应用仍未达到用户的预期,那我们就无能为力了。正如这部分标题所暗示的,并不是所有错误都可以被恢复。后端API并不总是能正确做出响应。组件在生产环境中是会存在bug,有些bug甚至在很多年后才会被发现。
这种重大错误就像在人群中摔了个脸朝地。不断重试返回的是相同的结果,重启组件也不会有影响。此时向用户寻求输入是没意义的,或许用户不可能再重现失败的情形,或许我们根本就没有提供输入方式。
不管是哪种情况,解决的办法都是切换到快速失效模式——在异常情况下禁用组件或整个应用。如果只是禁用组件,就必须确保应用可以脱离该组件正常工作。这又回到了飞机使用一个引擎降落的例子——它是否能工作?如果不能,我们必须关闭整个应用。
这种解决方法可能乍一看有点激进。但是,这么做可以帮助支持小组排除一大部分麻烦。出错组件导致系统在运行中出现新错误的几率也会更小。可扩展的错误处理方式能提高胜算,只要不在恢复错误时自作聪明,成功的机会就更大。
既然我们已经拥
听说DevOps和这五种语言更配
发布者: superzhang | 发布时间:2017-12-08如何确保我们采用的DevOps能够成功?是否有某些语言非常适合应用于DevOps?今天,我们来看看众多编程语言中,哪个才是最适合DevOps的(顺序与排名无关)。
1. JavaScript
许多深受欢迎的流行框架和库都是用JavaScript编写的,例如Angular、React和Node。这种语言不仅提供服务器端的实现,数量庞大的社区意味着在GitHub或Stack Overflow上总会有帮助。对开发者来说,JavaScript是安全的选择。
尽管JavaScript对DevOps(所有这些库和依赖关系)来说有些复杂,但这并不意味着它们不能进行良好的协同工作。
2. Go
Golang。Google的开源编程语言,或多或少可以说是为乐DevOps研发的。Go是为了提高速度而建立,但它强调的是精益,网络高效的运行对DevOps意义重大。它比Java更简洁,而且是建立在C的基础上,某种程度上可以说是没有任何缺点的。
容器之王Docker就是用
web前端开发学习vue.js还是angularjs呢?
发布者: superzhang | 发布时间:2017-12-08web前端开发当前是一个非常热门的岗位,当然现在的前端开发已不仅仅是学会了HTML,css和JavaScript就可以玩得转的,各种各样的前端框架应该学习哪一个呢?选择vue.js还是选择angular.js呢?那么就看看vue.js与angularjs之间的区别吧!
1.vue仅仅是mvvm中的view层,只是一个如jquery般的工具库,而不是框架,而angular是mvvm框架。
2.vue的双向绑定是基于ES5 的 getter/setter来实现的,而angular而是由自己实现一套模版编译规则,需要进行所谓的“脏”检查,vue则不需要。因此,vue在性能上更高效,但是代价是对于ie9以下的浏览器无法支持。
3.在 vue 中指令和组件分得更清晰。指令只封装 DOM 操作,而组件代表一个自给自足的独立单元 —— 有自己的视图和数据逻辑。在 angular 中两者有不少相混的地方
4.在 A
Chrome 扩展程序的开发与发布 手把手教你开发扩展程序
发布者: superzhang | 发布时间:2017-12-08什么是 chrome 扩展程序
扩展程序是一些能够修改或增强 Chrome 浏览器功能的小程序。对于前端工程师而言,其最大的便利就是我们可以应用我们熟悉的 HTML、CSS 、 Javascript 等技术来制作扩展程序。
如下图所示,这些图标就是各种开发者提供的 chrome 扩展程序:
很多人会误称扩展程序为插件,这里有必要区分一下。
"扩展" 和 "插件",其实都是软件组件的一种形式,Chrome 只不过是把两种类型的组件分别给与了专有名称,一个叫 "扩展",另一个叫 "插件"。
扩展(Extension)
指的是通过调用 Chrome 提供的 Chrome API 来扩展浏览器功能的一种组件,工作在浏览器层面,使用 HTML + Javascript 语言开发。比如著名的 Adblock plus。
插件(Plug-in)
指的是通过调用 Webkit 内核 NPAPI 来扩展内核功能的
