- 博客(70)
- 收藏
- 关注
转载 javascript实现继承的三种方式
一、原型链继承function Parent(){} function Child(){} Child.prototype = new Parent(); 通过对象child的prototype属性指向父对象parent的实例,使child对象的实例通过原型链访问到父对象构造所定义的属性、方法等。二、使用apply、call方法js中call和a...
2018-05-22 11:30:00
167
转载 ECMAScript课程
ECMAScript的语法使用 https://blog.csdn.net/m0_37452696/article/details/78370504ECMAScript 6简介说明 http://jsrun.net/tutorial/dZKKp转载于:https://www.cnblogs.com/chenguiya/p/9048299.html...
2018-05-16 21:35:00
159
转载 replace用法替换实例
实例一:待处理字符串:str="display=test name=mu display=temp"要求:把display=后的值都改成localhostJS处理方法:str.replace(/display=\w*/g,"display=localhost");原为来自:http://www.jb51.net/article/115105.htm评注:匹配...
2017-10-17 14:21:00
482
转载 node全局安装说明(create-react-app、)
1、使用 create-react-app 快速构建 React 开发环境国内使用 npm 速度很慢,你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:$ npm install -g cnpm --registry=https://registry.npm.taobao.org$ npm config set registry htt...
2017-07-17 14:48:00
343
转载 css+div解决文字溢出控制显示字数
一、一般的文字截断(适用于内联与块):Example Source Code[www.mb5u.com].text-overflow {display:block;/*内联对象需加*/width:31em;word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐...
2016-11-11 15:37:00
166
转载 jquey与javascript相通运用查找(全)
1、addClass\removeClass\classList(js)jQ:$('#div').addClass('hover')=====document.getElementById('div').classList.add('hover')jQ:$('.div').removeClass('hover')=====document.getElementsByClassNa...
2016-03-27 00:07:00
235
转载 判断
<!DOCTYPE html><html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta charset="utf-8" ><title>权益-待付款<...
2015-12-27 19:02:00
205
转载 requirejs官网
http://www.requirejs.cn/转载于:https://www.cnblogs.com/chenguiya/p/5037079.html
2015-12-10 19:35:00
508
转载 【PC端】jQuery+PHP实现浏览更多内容(jquery.more.js插件)
参数说明:'amount' : '10', //每次显示记录数 'address' : 'comments.php', //请求后台的地址 'format' : 'json', //数据传输格式 'template' : '.single_item', //html记录DIV的cla...
2015-11-04 17:28:00
275
转载 第1章 Sass简介
什么是 CSS 预处理器?定义:CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。通俗的说,“CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。CSS 预处理器为 CSS 增加一...
2015-08-06 23:16:00
281
转载 apache代理服务器为nodejs服务设置域名
本机以apache为主,其中在httpd.conf中先设置<VirtualHost *:80> ServerName nodejs.cc ServerAlias www.nodejs.cc ProxyRequests Off<Proxy *> Order deny,allow Allow fro...
2015-08-04 21:14:00
72
转载 手机分辨率
http://mobile.51cto.com/design-447378_all.htm 移动前端分享:对于移动设备页面尺寸的理解http://blog.sina.com.cn/s/blog_48b47ae40101bqs7.html 移动端屏幕尺寸整理http://s.yanghao.org/program/viewdetail.php?i...
2015-06-02 14:54:00
64
转载 javascirpt对象运用与JS变量
abcdefghijklmnopqrstuvwyzString 对象方法charAt() 方法可返回指定位置的字符。stringObject.charAt(index)(index从0开始)【http://www.w3school.com.cn/jsref/jsref_charAt.asp】indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。【http:...
2015-03-09 16:51:00
82
转载 移动端重构系列-移动端html页面优化
对于访问量大的网站来说,前端的优化是必须的,即使是优化1KB的大小对其影响也很大,下面来看看来自ISUX的米随随讲讲移动手机平台的HTML5前端优化,或许对你有帮助和启发。概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,首屏加载3秒完成或使用Loading 4. 基于联通...
2015-02-06 18:04:00
100
转载 response项目的各个写法
这个是一个响应式的页面原文可参照:http://localhost/response/seejs_index.html转载于:https://www.cnblogs.com/chenguiya/p/4274866.html
2015-02-05 15:00:00
100
转载 收藏功能的写法
如图:HTML结构中会看到(全部商品页、详情页):<a class="dp_scbtn track" href="javascript:collect({$goods.goods_id})">收藏</a>JS代码中(ajax.call)(common.js文件中):/* * * 添加商品到收藏夹 */function c...
2015-02-04 15:39:00
143
转载 浅谈文本溢出省略号代表修剪text-overflow
一、示例图片显示:HTML结构:CSS样式:注意:CSS3 text-overflow 属性规定当文本溢出包含元素时发生的事情,其中所有浏览器都支持 white-space 属性。示例2:HTML结构为:CSS样式为:示例3:HTML结构为:CSS样式为:转载于:http...
2014-10-18 10:40:00
297
转载 几种display:table-cell的应用
一、display:table-cell属性简述 display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的,但是IE6/7只能对你说sorry了,这一事实也是大大制约了display:table-cell属性在实际项目中的应用。 单元格有一些比较特别的属性,例如元素的垂直居中对齐,关...
2014-08-27 18:49:00
113
转载 -webkit-transform:scale(1.04)放大缩小效果
<p>【鼠标移动进去图片放大一倍效果:运用了-webkit-transform:scale(1.04)效果】</p>如图:鼠标移动上去的时候图片放大一倍的效果,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...
2014-07-30 15:27:00
1641
转载 制作图片边框:《CSS3 Border-image》
一个边框图片border-image转载于:https://www.cnblogs.com/chenguiya/p/3835735.html
2014-07-10 14:57:00
63
转载 控制边框颜色:《CSS3 Border-color》
CSS3中有关于Border的属性一共有三个:圆角border-radius,图片边框border-images,边框多颜色border-color,其中圆角border-radius是常用的一个属性,而且现在很多网站制作圆角效果都使用border-radius来实现;在CSS2中,我们可以把border-color同时应用到不同的边框上,也可以分别在各边上色,如:bord...
2014-07-10 14:52:00
203
转载 制作圆角:《CSS3 Border-radius》
今天我们在一起来看看CSS3中制作圆角的属性border-radius的具体用法。如今CSS3中的border-radius出现后,让我们没有那么多的烦恼了,首先制作圆角图片的时间是省了,而且其还有多个优点:其一减少网站的维护的工作量,少了对图片的更新制作,代码的替换等等;其二、提高网站的性能,少了对图片进行http的请求,网页的载入速度将变快;其三增加视觉美观性。既然border-ra...
2014-07-10 14:35:00
71
转载 JS设置cookie
cookie 与 session 是网页开发中常用的信息存储方式。Cookie是在客户端开辟的一块可存储用户信息的地方;Session是在服务器内存中开辟的一块存储用户信息的地方.JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。而cookie是运行在客户端的,所以可以用JS来设置cookie.首先需要稍微了解...
2014-07-01 16:05:00
116
转载 移动平台前端开发之WebApp代码技巧
1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /><meta content...
2014-06-30 18:18:00
185
转载 造字工房情书体MFQingShu_Noncommercial-Regular
造字工房情书体由造字工房字体设计师成瑜历时半年书写完成,其字形俊秀、遒劲有力,优雅中透出知性的气息。文从字顺,字形笔画柔美俊秀、刚柔并济,结构自然洒脱,充满活力朝气的青春气息,完美呈现了手写汉字之美,具有很强的自由应用性。适用于广告、信函或正文用字。授权从事商业经营的企业或个人可以将造字工房正版字体产品用于发布影视影像、印刷品、多媒体广告、网站等商业发布行为。字体下载...
2014-04-07 11:59:00
837
转载 Jquery中的filter()详细说明和transition的用法
filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。详细说明如果给定表示 DOM 元素集合的 jQuery 对象,.filter() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所使用的选择器会测试每个元素;所有匹配该选择器的元素都会包含在结果中。请思考下面这个拥有简单列表的页面:<ul> <li>list ite...
2014-04-01 18:12:00
185
转载 masonry插件和infinitescroll插件实现无刷新无分页完美瀑布流
地址有:http://www.17sucai.com/pins/2657.html如果你善于发现美,如果你善于观察新鲜的事物,如果你是一名有爱的前端攻城师或设计尸,那么你一定不会对下面图片中的结构感到陌生。没错,这就是现在很火的瀑布流。也称砌墙效果。就是这种不稳定结构,就是这种交错之美,震撼着每个浏览者的视神经。对于习惯了传统条条框框布局的读者来说,这种方式无疑会让他...
2014-03-31 17:32:00
190
转载 制作透明色:《CSS3 RGBA》与Opacity样式用法
前面我们一起探讨了一下CSS3 Gradient(css3 渐变),今天我们一起来探讨一下CSS3中的RGBA。RGB对于大家来说一点不陌生,他就是红色R+绿色G+蓝色B,那现在我们所说的RGBA又是什么呢?说得简单一点就是在RGB的基础上加进了一个通道Alpha。从而形成了我们今天需要讨论的RGBA。如果需要更详细的解说,大家就跟着我一起往下看吧。语法:R:红色值。正整数 | ...
2014-02-19 21:58:00
138
转载 制作动画效果:《CSS3 Animation》
-webkit-animation-name:'wobble';/*动画属性名,也就是我们前面keyframes定义的动画名*/-webkit-animation-duration: 10s;/*动画持续时间*/-webkit-animation-timing-function: ease-in-out; /*动画频率,和transition-timing-function是一样的*...
2014-02-19 21:36:00
102
转载 HTML5视频标签video
现阶段,我们要在网页中嵌入视频的最可靠最常用的办法是使用Flash,通过使用<object>和<embed>标签,就可以通过浏览器播放swf,flv等格式视频文件,但是前提是浏览器必须安装第三方插件:Adobe Flash Player。而HTML5的到来,改变了这一事实,WEB开发者只需要使用<video>标签就可以轻松加载视频文件,而不需要任何第三...
2014-02-11 15:02:00
156
转载 HTML5之结构元素
1:文档结构元素 1.1 文章语义 -- article、header和footer元素 article元素在页面中用来表示结构完整且独立的内容部分,如论坛的一个帖子,杂志或者报纸的一篇文章。 article元素是可以嵌套使用的,内层的内容在原则上需要与外层内容相关联。例如,一篇博客文章与针对该文章的评论一起可以使用嵌套art...
2014-02-10 15:27:00
134
转载 仿效淘宝左侧分类导航抽屉伸出下拉菜单效果
如图:这个效果就是跟淘宝一样类似的,不过这个是要用到jquery1.7版本的,是一个不错的效果!文件下载分享网址:http://yunpan.cn/QD67mrHiy7Gz7第二个实例:如图:从三张图片可以看出,这个是效仿淘宝分类导航的效果,当滚动条滚动到100像素后开始折叠,当鼠标移到二级栏目的时候还出现三级栏目,这个是一个不错的左侧分...
2013-12-23 15:05:00
126
转载 新蒂下午茶体基本版SentyTEA-Basic
一、目前的最新版新蒂下午茶体包含了7600+常用汉字,每个字都是手写而成,是一套充满手写感的中文字体,轻松、惬意,如同慢饮一杯下午茶。SentyTEA-Basic.ttf 这个一个新蒂下午茶体基本版字体下载:http://yunpan.cn/QIiHApufieZAM转载于:https://www.cnblogs.com/chenguiya/p/3471921.htm...
2013-12-12 20:03:00
293
转载 左导航、右导航各种效果
如图1:当滚动条滚动到400的时候,这个导航条才会淡入出现,当小于400的时候,这个导航条淡出隐藏。Javascript代码如下:$(function(){$(window).scroll(function(){ var win_top=$(document).scrollTop(); if(win_top>=400){...
2013-12-10 18:49:00
334
转载 凡客诚品精品街宽屏轮播插件与鼠标高亮显示效果
如图一:页面刷新时候的效果是这样的如图二:图片过五秒会自动轮转一次,当鼠标移动到小广告图时候,其他广告图出校灰色效果,这样效果是一个很简单的效果制作成的最后,javascript的代码分享为:$(function(){$(".mScm-right").hover(function(){},function(){$(this).find("i").css({fi...
2013-10-24 18:06:00
197
转载 MBB类似jquery.bxslider插件轮播效果
首先,如图一:当打开页面是,产品出现了淡入淡出切换轮播状态,当鼠标点击左边的小图时,就会切换出相对应的大图,当鼠标移开的时候,这个轮播就会停止自动轮播,只有人工手动才能进行切换;是一个不错的体验!如图二:当页面打开时,大广告图会五秒向左切换轮播,当鼠标点击到左右两边的上一页,下一页按钮时,大图会随着切换到下一张图片,当点击下面的小图时,才会出现小图所在的大图位置,当鼠...
2013-10-18 17:25:00
215
转载 制作动画平滑过渡效果:《CSS3 Transition》
W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。”下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法:transition:[<'transition...
2013-10-17 17:59:00
726
转载 制作变形、移位、扭曲等效果:《CSS3 transform》
今天开始我们一起来学习有关于CSS3制作动画的几个属性:变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动trans...
2013-10-07 18:25:00
199
转载 批发网加盟页面轮播Jquery jcarousellite插件效果
Jquery jcarousellite 插件的好处其中:参数说明:btnPrev string 上一个按钮的class名, 比如 btnPrev: ".prev"btnNext string 下一个按钮的class名, 比如 btnPrev: ".prev"btnGo array 自定义滚动位置,类似幻灯片效果置,有选项卡,...
2013-09-17 15:14:00
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人