chvef66842-CSDN博客

转载浏览器窗口可视区域大小

获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法: 一、对于IE9+、Chrome、Firefox、Opera 以及 Safari： • window.innerHeight - 浏览器窗口的内部高度 • window.innerWidth - 浏览器窗口的内部宽度 ...

2017-09-15 14:33:00 80

转载 JSON对象

整理自《JavaScript 标准参考教程（alpha）》，by 阮一峰 1.JSON 格式 JSON 格式是一种用于数据交换的文本格式。符合 JavaScript 原生语法，可以由解释引擎直接处理，不用另外添加解析代码。每个 JSON 对象，就是一个值。每个 JSON 文档只能包...

2017-09-15 14:33:00 78

转载 canvas基础绘制-arc

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>arc</title></head><...

2017-09-15 14:33:00 98

转载事件处理程序

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM0级DOM2级</title></head&g...

2017-09-15 14:33:00 77

转载取消冒泡

w3c取消冒泡 e.stopPropagation(); IE取消冒泡 e.cancelBubble(); 实例： <!DOCTYPE html><html lang="en"><head> <meta charset="U...

2017-09-15 14:33:00 79

转载 CSS nth-child、first-child、last-child、nth-of-type、first-of-type和last-of-type选择器使用

以下示例主要讲解nth-child、first-child、last-child、nth-of-type、first-of-type和last-of-type使用。示例代码： <!DOCTYPE html><html lang="zh"> ...

2017-09-15 13:18:00 87

转载 js立即执行函数应用--事件绑定

js中立即执行函数的应用：应用到事件绑定上。少说多做，直接运行代码（代码中有注释）： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"...

2017-09-15 13:18:00 290

转载 html-webpack-plugin插件根据模板生成多页面

1、项目目录结构为： 2、webpack.config.js配置文件为： var htmlWebpackPlugin = require('html-webpack-plugin');module.exports = { //打包入口 entr...

2017-09-15 13:18:00 63

转载 margin 负边距应用

margin-right:负值，在没有设置DOM元素宽度的前提下，DOM元素宽度变宽。 1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 4 <head> 5 <me...

2017-09-15 13:18:00 55

转载 CSS实现水平垂直居中方式

1、定位核心代码实现请看示例代码中的注释： <!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <...

2017-09-15 13:18:00 59

转载三个实用的提升网页性能技巧

1、display属性设置先将元素设为display: none（需要1次重排和重绘），然后对这个节点进行100次操作，最后再恢复显示（需要1次重排和重绘）。这样一来，你就用两次重新渲染，取代了可能高达100次的重新渲染。只在必要的时候，才将元素的display属性为可见，因为不可见的...

2017-09-15 13:18:00 139

转载移动端布局方案网易

移动端布局： rem方案：页面中的任何元素都采用rem布局，包括字体。 1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 4 <head> 5 <meta char...

2017-09-15 13:18:00 72

转载 jQuery实现页面关键词高亮

示例代码，关键位置做了注释，请查看代码： <html> <head> <title>jQuery实现页面关键词高亮</title> <style type="text/css"> ...

2017-09-15 13:18:00 91

转载 background-size IE8兼容方案

2017.7.5更新：在处理IE8兼容性问题上，对于背景图片比背景框还大的情况，还需要做一下处理： 1 /*针对IE8的hack，目的是除掉之前background*/2 background:none\9; 根据canius（...

2017-09-15 13:18:00 56

转载无障碍阅读实现方法

无障碍阅读无障碍阅读主要的实现方式有“页面放大”，“页面缩小”，“文字放大”和“文章缩小”和“重新载入”。主要的实现方式见代码： 1 var textNum = 14; 2 var zoomNum = 1; 3 var $body = $('body'); 4 /...

2017-09-15 13:18:00 194

转载五个步骤为博客园添加打赏功能

1、准备支付宝和微信收款的二维码图片（1）获取微信收款图片方法：微信--“我”--钱包--收付款--二维码收款--保存收款码（2）获取支付宝收款图片方法：支付宝--“收钱”--保存图片 2、图片上传到博客园方法：博客园--“我的博客”--管理--文件--上传文件如下图...

2017-09-15 13:18:00 96

转载提示浏览器版本低

网站网页在遇到浏览器低版本（尤其是IE浏览器）时，提示浏览器版本低（如IE8以及以下），建议用户升级浏览器以获得最好体验。以下是代码： 1 <!doctype html> 2 <html lang="en"> 3 4 <head&g...

2017-09-15 13:18:00 181

转载 jquery插件开发通用框架

2017-07-24 更新：增加单例模式。 jquery插件开发框架代码： /* * 插件编写说明： * 1、插件命名：jquery.[插件名].js，如jquery.plugin.js * 2、对象方法添加到jQuery.fn上，全局方法添加到jQuery对象本身...

2017-09-15 13:18:00 86

转载无序列表前小黑点图片替换方法

无序列表前小黑点图片替换方法：直接上代码： <!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta ...

2017-09-15 13:18:00 773

转载 jQuery停止动画finish和stop函数区别

stop()函数直接停止动画，finish()也会停止动画同时所有排队的动画的CSS属性跳转到他们的最终值。示例代码： <html> <head> <meta charset="UTF-8" /> &lt...

2017-09-15 13:18:00 82

转载 JavaScript 正则表达式通俗解释快速记忆

1、正则表达式中最重要的三个符号： 1.1 B 在正则表达式中B有3种类型的括号:1.1.1 方括号 “[“。方括号"["内是需要匹配的字符。中括号括住的内容只匹配一个单一的字符。 ^[ab]$ 1.1.2花括号"{" 花括号"{"内是指定匹配字符的数量...

2017-09-15 13:18:00 57

转载 photoshop 切片工具进行切图

1、使用切片工具切图 2、存储为web所用格式 3、选择图片格式 4、只保存切片（选择所有用户切片） 5、查看：转载于:https:...

2017-09-15 13:18:00 76

转载 serialize 序列化 +号处理

少说多做，直接运行代码，代码中有注释： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8" /> 5 <...

2017-09-15 13:17:00 92

转载基于jquery的锚点滚动插件(百度百科效果) anchorScroll.js

1、插进使用场景请打开https://baike.baidu.com/item/%E6%97%A5%E6%9C%AC%E5%8A%A8%E7%94%BB#hotspotmining，查看百度百科页面效果。 2、插件源代码（更新 2017-08-28）： jQuer...

2017-09-15 13:17:00 78

转载弹出框插件layer使用

layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。插件官方地址：http://layer.layui.com/ layer甚至兼容了包括IE6在内的所有主流浏览器。少说多做，代码演示（拷贝直...

2017-09-15 13:17:00 109

转载行内元素转为块级元素的方法

以下汇总三种行内元素转为块级元素的方法：（1）display （2）float （3）position（absolute和fixed）少说多做，运行以下代码看效果： 1 <!DOCTYPE html> 2 <html lang="zh">...

2017-09-15 13:17:00 463

转载图解avaScript中this指向(超透彻)

一个图讲清楚JavaScript中this指向：说明：严格模式下，禁止this关键字指向全局对象会报错。转载于:https://my.oschina.net/...

2017-09-15 13:17:00 103

转载 Bootstrap定制开发

Bootstrap作为目前很受欢迎的前端框架，越来越多的网站开始使用基于Bootstrap框架进行开发。 1、定制开发方法（1）Bootstrap定制开发可以使用LESS和Grunt实现定制化（2）在线实现定制化开发，地址为：http://v3.bootcss.com/customi...

2017-09-15 13:17:00 48

转载 webpack 编译ES6插件babel-loader

1、安装babel-loader 参考：http://babeljs.io/docs/setup/#installation 进入项目目录执行安装命名： npm install --save-dev babel-loader babel-core npm install --sav...

2017-09-15 13:17:00 78

转载 box-shadow IE8兼容处理

根据canisue（http://caniuse.com/#search=box-shadow），box-shadow兼容性如下图所示：测试代码： 1 <!DOCTYPE html> 2 <html> 3 4 <hea...

2017-09-15 13:17:00 70

转载 PC端模拟移动端访问字体大小限制

审查元素（F12），调整为ONI移动端，如下图所示：在字体大小小于12px时，font-size就不起作用了。在真实移动端设备上是起作用的。转载于:https://my...

2017-09-15 13:17:00 155

转载事件命名空间

（一）使用命名空间对时间进行管理，代码如下： <!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <t...

2017-09-15 13:17:00 50

转载图片预加载插件 preLoad.js

2017-09-15 13:17:00 72

转载 IE hack 汇总

1 <!doctype html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8" /> 6 <title&g...

2017-09-15 13:17:00 47

转载 html中切记ID不能重复

1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" con...

2017-09-15 13:17:00 467

转载 css 实用代码汇总

1、table 排版（防止td文字过多导致table变形） table { /*为表格设置合并边框模型*/ border-collapse: collapse; ...

2017-09-15 13:17:00 60

转载 JS Math.round()方法原理

请先测试代码： 1 <!doctype html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8" /> 6 &...

2017-09-15 13:17:00 159

转载网页中的图片查看器viewjs使用

需求分析：对于网页中的图片进行连续放大（便于用户清晰查看内容）、缩小，旋转等操作，可以使用viewjs图片查看器插件实现。 viewjs官方网址：https://github.com/fengyuanchen/viewerjs 具体使用方法请参照官网说明。下面做2个简单的示例： ...

2017-09-15 13:17:00 53

转载 tab切换插件开发

我开发的tab切换插件，基于jquery库，实现tab标签页的切换。插件的名称为jquery.tabSwitch.js。插件实现代码如下： 1 ; 2 (function ($) { 3 $.fn.tabSwitch = function (options) {...

2017-09-15 13:17:00 79

转载移动端网页宽度值（未加meta viewport标签）

移动端网页宽度值（未加meta viewport标签）: iphone:980px Galaxy（盖乐世）：980px Nexus：980px blackberry（黑莓）：980px LG：980px Nokia：980px kindle：1600px ipad：980px ...

2017-09-15 13:17:00 75

空空如也

空空如也