技术文章
文章平均质量分 57
wis2007
乐观,开朗
展开
-
对 Alert 组件使用样式
您可以设置样式属性以更改 Alert 组件的外观。如果样式属性的名称以"Color"结尾,则它是颜色样式属性,并且行为与非颜色样式属性不同。有关更多信息,请参见"使用组件"中的使用样式自定义组件的颜色和文本。 Alert 组件支持下列样式:样式主题说明themeColor光晕组件的基本配色方案。可能的值包括 "haloGr转载 2009-04-30 09:13:00 · 676 阅读 · 0 评论 -
jQuery技术解密六
2.4 解析 jQuery 选择器引擎 SizzlejQuery 从 1.3 版本开始,使用了新的选择器引擎 Sizzle(官方网址 http://sizzlejs.com) 。Sizzle 是 jQuery 作者 John Resig 开发的 DOM 选择器引擎 (Dom Selector Engine),速度号称业界第一。而且它有一个重要的特点就是 Sizzle 是完全独立于 jQuery 的,转载 2017-01-09 17:34:11 · 745 阅读 · 0 评论 -
jQuery技术解密七
2.4.5 Sizzle 构造器在 jQuery.fn.init() 构造器中,通过调用 jQuery(context).find(selector) 函数来解析并匹配 DOM 元素。jQuery.find() 函数实际上是引用 Sizzle() 函数,而 Sizzle() 函数仅是 Sizzle 引擎的构造器,它主要调用 Sizzle.find() 函数在 DOM 文档树中查找与 CSS 语法相转载 2017-01-09 17:36:02 · 257 阅读 · 0 评论 -
MUI:最接近原生APP体验的高性能前端框架
1.初体验 accordion(折叠面板):代码块激活码 maccordion 优点:代码生成块 缺点:因为展开时,需要收缩其他同类。不能满足同时展开多个。原创 2017-01-13 14:21:30 · 738 阅读 · 0 评论 -
list-style-type:定义列表样式
扩展:list-style-type:定义列表样式 disc: 点 circle: 圆圈 square: 正方形 decimal: 数字,例如1,2,3,,….,11,12,13 decimal-leading-zero: 十进制数,不足两位的补齐前导0,例如: 01, 02, 03, …, 98, 99 lower-roman: 小写罗马文字,例如: i, ii, iii, iv, v原创 2017-01-13 15:07:44 · 4202 阅读 · 0 评论 -
js易错整理
1. var k=0; for(var j=0,i=0;j<6,i<10;j++,i++) { k=i+j; } alert(k); 首先每次for循环的i和j值是相等的: 第一次:j=0,i=0, 符合条件,k=j+i=0; 第二次:j=1,i=1,符合条件,k=j+i=2; 第三次:j=2,原创 2017-03-01 16:11:00 · 804 阅读 · 0 评论 -
JavaScript中数组slice和splice的对比小结
slice是指定在一个数组中的元素创建一个新的数组,即原数组不会变. 根据规范,slice 需要两个参数,起点和终点。它会返回一个包含了从起点开始,到终点之前之间所有元素的新数组。'abc'.slice(1,2) // "b"[14, 3, 77].slice(1, 2) // [3]需要特别注意的是它并不会修改原数组。下面的代码段描述了这个行为,x 的值没有变,y 则是被截取的部分。var转载 2017-03-13 17:42:20 · 473 阅读 · 0 评论 -
数组排序
一,reverse()元素顺序翻转 二,sort如果元素是字符串类型,那么数组的可变方法sort()就非常好使:var names = ["David","Mike","Cynthia","Clayton","Bryan","Raymond"]; names.sort(); console.log(names); // Bryan,Clayton,Cynthia,Davi转载 2017-03-14 16:52:32 · 299 阅读 · 0 评论 -
浅谈Vue.js中v-for,javascript中for in 输出键值对的区别
Vue.js中v-for的使用,先看代码:<div id="test"> <template v-for="i in info"> {{i}} <!--输出wang 10--> </template></div><script> new Vue({ el:"#test", data:{ info:{原创 2017-08-03 10:39:17 · 3658 阅读 · 0 评论 -
Vue2.4.0+vue-source+express解决获取数据不成功问题
旧版本代码如下:var vm=new Vue({ el:'.book', data:{ books:[] }, ready() { this.resource=this.$resource("/books{/id}"); this.resource.get().th原创 2017-08-12 15:21:56 · 1098 阅读 · 0 评论 -
大公司里怎样开发和部署前端代码?
如何用工程手段解决前端开发和部署优化的综合问题?在我的印象中,facebook是这个领域的鼻祖,有兴趣、有梯子的同学可以去看看facebook的页面源代码,体会一下什么叫工程化。 接下来,我想从原理展开讲述,多图,较长,希望能有耐心看完。让我们返璞归真,从原始的前端开发讲起。上图是一个“可爱”的index.html页面和它的样式文件a.css,用文本编辑器写代码,无需编译,本地预览,确认OK,丢到转载 2017-08-21 11:18:25 · 515 阅读 · 0 评论 -
jQuery技术解密五
jQuery() 函数能够直接接受 HTML 字符串,并把它们转换为 DOM 结构,这是上一节中所讲解的利用 jQuery() 函数生成 DOM 元素。当然,我们也可以看到 jQuery() 函数还可以接收 DOM 元素、DOM元素集合、HTML标签或者 ID 值。下面我们就来分析 jQuery.fn.init() 构造器是如何把这些类型的参数转换为 DOM 元素的。对于 HTML 标签来说,它使用转载 2017-01-09 17:32:00 · 283 阅读 · 0 评论 -
jQuery技术解密四
2.3.4 生成 DOM 元素jQuery.fn.init() 构造函数能够构建 jQuery 对象,并把匹配的 DOM 元素存储在 jQuery 对象内部集合中。jQuery.fn.init() 构造函数可以接收单个的 DOM 元素,也可以接收 DOM 集合。如果接收的是字符串型 ID 值,则直接在文档中查找对应的 DOM 元素,并把它传递给 jQuery 对象;如果接收的是字符串型 HTML 片转载 2017-01-09 17:27:52 · 298 阅读 · 0 评论 -
改善用户体验的alert提示效果
还可以直接书写HTML代码 © 2006);" /> function sAlert(str){ var msgw,msgh,bordercolor; msgw=400;//提示窗口的宽度 msgh=100;//提示窗口的高度 bordercolor="#336699";//提示转载 2009-04-30 09:18:00 · 398 阅读 · 0 评论 -
鼠标按下图片轮播
实现效果:图片左右轮播,当鼠标按下(mousedown)时,图片轮播否则停止轮播。原创 2016-11-25 10:11:34 · 272 阅读 · 0 评论 -
Javascript特定内容的部分打印技术2
1.打印某个frame的内容(frameB) frameA中添加 2.打印某个对象中的内容,如textbox中的内容 frameA: frameB: function printotherfra原创 2009-05-21 15:39:00 · 767 阅读 · 0 评论 -
转:Javascript网页打印方法汇总1
普通打印(整页打) 打印网页内部分内容(自定义) 打印去掉/添加页眉页脚 使用外部控件/方法实现多功能打印 打印背景以上为代码控制设置“页面设置”实现打印参数设置(Window系统图文版)一、普通打印(整页打)这个不用多说,直接用引用:window.print();二、打印网页内部分内容(自定义)分三种方法实现1、用css控制引用:@media print.a {dis原创 2009-05-21 15:34:00 · 6988 阅读 · 2 评论 -
浏览器的工作原理:新式网络浏览器幕后揭秘
地址:https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/#The_browsers_we_will_talk_about转载 2016-12-12 17:45:12 · 323 阅读 · 0 评论 -
jQuery幻灯片插件Vmc Slider 实例
jquery幻灯片插件Vmc Slider应用实例原创 2016-11-25 10:39:00 · 1233 阅读 · 0 评论 -
初探微信小程序
小程序简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=20161122深入理解小程序:a.微信小程序,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。b.小程序更适合轻量级、低频、非刚需、功能单一的应用(例如,生活服务类:还款、缴费、打车、外卖、快递等。O2O类:e袋洗、瓜瓜洗车、花点时间。聊天原创 2016-12-08 11:07:29 · 328 阅读 · 0 评论 -
前端构建工具gulpjs的使用介绍及技巧
gulp相关转载 2016-12-19 14:28:44 · 207 阅读 · 0 评论 -
浏览器的工作原理:新式网络浏览器幕后揭秘
这是一篇全面介绍 WebKit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源),并花了很多时间来研读网络浏览器的源代码。她写道: 在 IE 占据 90% 市场份额的年代,我们除了把浏览器当成一个“黑箱”,什么也做不了。但是现在,开放源代码的浏览器拥有了过半的市场份额,因此,是时候转载 2016-12-19 14:55:32 · 374 阅读 · 0 评论 -
jQuery 原型技术分解一
任何复杂的技术都是从最简单的问题开始的,如果你被 jQuery 几千行庞杂结构的源代码所困惑,那么建议你阅读本节内容,我们将探索 jQuery 是如何从最简单的问题开始,并逐步实现羽翼渐丰的演变过程,从 jQuery 核心技术的还原过程来理解 jQuery 框架的搭建原理。2.2.1 起源 – 原型继承用过 JavaScript 的读者都会明白,在 JavaScript 脚本中到处都是函数,函数可转载 2017-01-06 18:11:30 · 1526 阅读 · 1 评论 -
jQuery技术解密二
2.2.6 延续 – 迭代器在 jQuery 框架中,jQuery 对象是一个很奇怪的概念,具有多重身份,所以很多初学者一听说 jQuery 对象就感觉很是不解,误以为它是 John Resig 制造的新概念。我们可以对jQuery 对象进行如下分解。第一,jQuery 对象是一个数据集合,它不是一个个体对象。因此,你无法直接使用 JavaScript 的方法来操作它。第二,jQuery 对象实际上转载 2017-01-09 17:20:13 · 364 阅读 · 0 评论 -
jQuery技术解密三
2.3 破解 jQuery 选择器接口jQuery 选择器功能强大,但是用法简单,它仅仅提供了一个接口:jQuery(),也可以简写为 $() 。用法如此简单,但又具有如此强大的处理能力,使 jQuery 必然成为众人追捧的对象。在上一节中,我们重点分析了 jQuery 框架的雏形,而对于选择器并没有深入分析,仅仅提供了一个简单的 DOM 元素选择作为演示,目的是方便读者理解该框架的架设思路和过程。转载 2017-01-09 17:24:30 · 300 阅读 · 0 评论 -
深拷贝与浅拷贝简单实现及原理
代码一:let obj1={ name:'li', skill:'web'}let o={};for(let i in obj1){ o[i]=obj1[i];}//console.log(o);o.age=20;console.log(o);console.log(obj1);输出结果: 修改o的对象,o对象改变,obj1对象没变化。由于对象obj1的值原创 2017-08-22 17:36:46 · 3830 阅读 · 1 评论