- 博客(188)
- 收藏
- 关注
RSS订阅转载 执行环境、作用域链及闭包
执行环境(execution context)定义了变量或函数有权访问的其他数据，决定了他们各自的行为。每个执行环境都有一个与之关联的变量对象(variable object)，环境中定义的所有变量、形参和函数声明都保存在这个对象中。编码时无法访问这个变量对象，解析器在处理数据时会在后台使用。在Web浏览器中，全局执行环境被认为是window对象(全局执行环境所关联的对象就是window对象)，因此所有的全局变量和函数都是作为window对象的属性和方法来创建的。某执行环境中的所有代码执行完毕后，该环境被
2020-06-30 18:05:13
81
转载 获取元素的宽、高和位置
原生JS中ele.getBoundingClientRect()：获取一个元素相对于浏览器视口的的坐标（无论父元素定位与否），返回一个Object对象，该对象有6个属性：top/left/right/bottom/width/height。几乎所有浏览器都支持该方法。jQuery中没有直接的方法，需要用$(ele).offset().top-$(document).scrollTop()计算得到。注意：right是指元素右边界距窗口最左边的距离，bottom是指元素下边界距窗口最上面的距离。pageY
2020-06-30 16:53:36
405
转载 prop()、attr()和data()
设置元素属性，用attr()还是prop()？ 对于取值为true /false的属性，如 checked/selected/readonly或者disabled，使用prop()，其他属性使用 attr()。 比如：$('input:checkbox').attr('checked',fasle)只有第一次有效，后面无效，使用prop才准确。$.fn.attr()将数据直接存在元素的attribute节点上，通过F12可以在html标签中看到，数据内容只能为字符串。 ‘data-name’整个
2020-06-30 15:50:37
178
转载 浏览器兼容性--new Date
ie浏览器下new Date("2013/04")与new Date("2016-04")会报错：//将201601格式的字符串转为Date对象，月份从0开始function convertDate(dateString){ var date=new Date(); date.setFullYear(+dateString.slice(0,4),+dateString.slice(4)-1); return date;}...
2020-06-30 14:55:19
83
转载 RegExp
RegExp创建正则表达式的方式： 如果正则表达式不需要动态生成时，创建固定正则表达式对象： var reg=/正则表达式/g; 正则表达式中所有/都要换为\/ 如果正则表达式由变量或字符串动态生成时，创建可变正则表达式对象： var reg=new RegExp("正则表达式","后缀");注意：正则中需要转义的字符：* . ? + $ ^ [ ] ( ) { } | \ /，加上字符串形式（js）中所有\都要转义一次写成\\，...
2020-06-30 14:11:45
171
转载 pms前端结构
后台采用.net MVC框架，前端采用requirejs。整个系统页面布局基本不变，每个页面只改变Main_Content部分。模板页cshtml：<!DOCTYPE html><!--公用的模版页面_layout.cshtml--><head> <meta charset="utf-8"> <title>@ViewBag.Title</title> <link rel="shortcut ic
2020-06-30 13:05:48
240
转载 react生命周期
constructor(props)在创建组件实例的时候调用一次。componentWillMount()It is called before render(), therefore setting state synchronously in this method will not trigger a re-rendering.render:The render() function should be pure, meaning that it does not modify comp..
2020-06-30 11:51:32
57
转载 vue.js与angular.js的区别（个人）
刚进入实训 讲师就要发一些什么比较高大上的东西，本人才疏学浅 浅浅的分享一下angularjs 和vue.js的区别。只是简单的理解一下 大神勿喷。生实训之前学习的angular.js 只是理解了一些些小部分，angular不多说，就是操作数据用的，dom节点布置好，把数据请求过来，操作数据，渲染在页面上， 对于还没有接触的vue.js是完全陌生的，只是在网上搜索了一下，对比angular。 说到angular 不的不说它的几个特点： 1.模块化 2.语义...
2020-06-30 10:56:12
279
转载 这些效果我很喜欢，但愿对你们也有帮助
蓝色的团购APP购物商城手机模板https://www.mk2048.com/demo/demo_target_desc_h021kjbc0j.html蓝色的仿APP商品团购商城网站模板，手机团购app商城模板下载。主要页面有：购物车、物流信息、订单列表、订单详情、商家页面、产品分类、商品详情等总共11个手机页面。html5 canvas仿京东转盘抽奖插件https://www.mk2048.com/demo/demo_target_desc_h02jbhaaaa.htmlhtml5基于canvas制作京东
2020-06-30 09:56:53
65
转载 SuperSlidev2.1 轮播图片和无缝滚动
SuperSlidev2.1 轮播图片和无缝滚动使用方法点击链接：http://down.admin5.com/demo/code_pop/18/562/index.html简单使用方法如下html<div class="bd"><ul><li _src="url(images/1.jpg)" style="background:#E2025E center 0 no-repeat;"><a href="http://www.17sucai.com".
2020-06-30 08:39:52
491
转载 分享一些经典的特效效果,希望对大家有帮助
本地生活团购商城app手机模板点击》本地生活团购商城app手机模板红色实用的本地生活团购app商城模板，生活服务团购商城模板html源码下载。主要页面有：本地生活、团购专区、积分商城、分销系统、办公耗材、饰品礼品、饰品礼品、个人中心、商品详情、购物车等总共38个商城页面。店铺商家信息分类网手机版网站模板https://www.mk2048.com/demo/demo_target_desc_h020ik10jb.html企业商家信息分类网wap手机资讯网站模板，手机黄页信息分类网模板。主要页面有：个人中心、
2020-06-29 20:41:53
86
转载 Nodejs + express post get 参数获取小结
req.params.xxxxx 从path中的变量req.query.xxxxx 从get中的?xxxx=中req.body.xxxxx 从post中的变量 Post下别忘了：app.use(bodyParser.json()); // for parsing application/jsonapp.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-url...
2020-06-29 16:46:29
433
转载 利用localStorage事件来跨标签页共享sessionStorage
//干货 利用localStorage事件来跨标签页共享sessionStorage//因为cookie保存字节数量有限，很多童鞋考虑用html5 storage来保存临时数据，Sessionstorage就比较适合来保存临时数据了。//但有个问题呵：Sessionstorage:不支持跨标签页共享数据，就是说Sessionstorage只在同一个页面内有效，即使同一域名，新打开一个tab窗口，也是不能共享Sessionstorage的。//那么有没有办法呢，那是有的....//原理是运用了Eve.
2020-06-29 15:58:54
677
转载 这些例子很炫，感兴趣的童鞋可以了解一下
html5一笔连珠小游戏源码点击》html5一笔连珠小游戏源码html5基于canvas一笔连珠手机游戏源码下载。游戏介绍：用手点击每个圆珠原点来让线段进行连接，但是已经点亮的线段不可以重复连接，直到你把所有的线段都点亮即是闯关成功哦。html5维京战争手机塔防游戏源码https://www.mk2048.com/demo/demo_target_desc_h0j2a2jj2j.htmlhtml5维京战争手机游戏源代码下载，手机塔防游戏下载。游戏介绍： 1、鼠标拖动人物图标，布局位置。2、攻下对面城堡战胜对
2020-06-29 15:06:04
75
转载 meta标签使用
META标签分两大部分：HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）。★HTTP-EQUIVHTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：1、Content-Type和Content-Language （显示字符集的设定）转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com说明：设定页面使用的字符集，用以说明主页制作所使用
2020-06-29 14:09:59
153
转载 CSS
CSS的属性很多，有许多人都抱怨说要怎麼才能快速记忆CSS的属性呢.在这里我就把CSS所有的属性列在一张卡片上，大家可以像背英语单词的小卡片一样，用来记忆：CSS速记小纸片。见下图： 字体属性：(font) 大小 font-size:x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style:oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height:norma...
2020-06-29 13:02:57
163
转载 js Array操作
JS中数组的操作1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值 要说明的是，虽然第二种方法创建数组指定了长度，但实际上所有情况下数组都是变长的，也就是说即使指定了长度为5，仍然可以将...
2020-06-29 11:14:22
123
转载 HTML5之新增的元素
今天打开博客看到自己有了一个小粉丝，说实话还是蛮开心的，坚持写博客大半年了，终于迎来了自己的第一个小伙伴。总算是坚持了那么久的事情看到了结果吧。前几天参加了我们学院老师的比赛---《青年教师大赛的初赛》。我被我们老师拉去做了义工-----计时员。看了所有老师的比赛，虽然都特别好，但是让我印象深刻的还是一个HTMl5+CSS3的课程。看到那种炫酷的效果，我瞬间都被吸引住了。所以忙完了手头上的作业，就从别人那里要到了HTML5的教程，开始了我的学习HTML5之路。虽然看了6节课了，还是没有学到老师演示的那种效
2020-06-29 10:25:11
460
转载 对前端特效感兴趣的同学可以留意下这些例子，有点意思
html5 canvas跟随鼠标螺旋动画特效https://www.mk2048.com/demo/demo_target_desc_h0j01ikb2j.htmlhtml5螺旋光标动画，跟随鼠标移动螺旋动画代码。股票基金比较选择页面wap模板https://www.mk2048.com/demo/demo_target_desc_h0j0k2ijib.html一个静态的股票基金手机页面模板，基金比较选择对比页面wap模板下载。html5 3D旋转的图片立方体代码https://www.mk2048.com
2020-06-29 09:27:54
113
转载 CSS3 Gradient线性渐变
废话小说，看代码<!DOCTYPE html > <html > <head> <meta charset="utf-8"> <title>标题</title> <script type="text/javascript" src="../js/jquery-1.4.min.js"></script><style type="text/css"> textarea{display: block
2020-06-29 08:31:21
75
转载 CSS3 background-size
参考：http://www.w3school.com.cn/cssref/pr_background-size.asp定义和用法 background-size 属性规定背景图像的尺寸默认值： auto继承性： no版本： CSS3JavaScript 语法： object.style.backgroundSize="60px 80px"语法background-size: length|percentage|cover|contain;length 设置背景..
2020-06-28 18:43:11
61
转载 CSS3 transition
transition属性定义及使用说明transition属性是一个速记属性有四个属性：transition-property, transition-duration, transition-timing-function, and transition-delay。语法transition:property duration timing-function delay;默认值 ：all 0 ease 0transition-property 指定CSS属性的name...
2020-06-28 17:47:53
244
转载 CSS3 box-sizing
参考： http://www.w3school.com.cn/cssref/pr_box-sizing.asp定义和用法默认值： content-box继承性： no版本： CSS3JavaScript 语法： object.style.boxSizing="border-box"语法box-sizing: content-box|border-box|inherit;content-box （border和padding不计算入width之内）这是由 CSS2.1 规定的宽度..
2020-06-28 16:58:51
48
转载 transform图形变化
<!DOCTYPE HTML> <head> <meta charset = "utf-8"> <title>canvas</title> <style type="text/css"> #canvas{border:1px solid #eee ; display:block; background-color: #B36666; margin: 20px auto; } </style></head><
2020-06-28 16:04:13
186
转载 贝塞尔二次、三次曲线
//贝塞尔二次曲线的实例：http://tinyurl.com/html5quadratic//贝塞尔3次曲线的实例：http://tinyurl.com/html5bezier<!DOCTYPE HTML> <head> <meta charset = "utf-8"> <title>starGirl</title> <style type="text/css"> #canvas{border:1px solid #eee ; d
2020-06-28 14:52:33
210
转载 偏移：translate ，旋转：rotate，缩放 scale，不知道什么东东：lineCap 实例
<!DOCTYPE HTML> <head> <meta charset = "utf-8"> <title>canvas</title> <style type="text/css"> #canvas{border:1px solid #eee ; display:block; background-color: #B36666; margin: 20px auto; } </style></head><
2020-06-28 13:56:37
202
转载 css:overflow属性妙用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .d1{ background-color: red; overflow: hidden; /*ie比较低版本的浏览器中,加上 zoom:1;*/ zoom:1; } .d1_1{ b
2020-06-28 13:05:19
137
转载 这些例子很炫，感兴趣的童鞋可以了解一下
html5九宫格布局的网格菜单代码https://www.mk2048.com/demo/demo_target_desc_h01bibaaaa.html今天我们想和大家分享一个九宫格菜单动画。这个想法的灵感来自于视频中的效果，html5全屏展开网格布局菜单，点击全屏背景切换显示代码。大气的手机社交软件app官网模板https://www.mk2048.com/demo/demo_target_desc_h01bjchj0j.html粉色大气的手机app软件官网html5模板，社交app软件介绍单页动画模板
2020-06-28 10:46:00
93
转载 Vue.js 插件开发
Vue.js 的插件应当有一个公开方法 install 。这个方法的第一个参数是 Vue 构造器 , 第二个参数是一个可选的选项对象:MyPlugin.install = function (Vue, options) { Vue.myGlobalMethod = function () { // 1. 添加全局方法或属性，如: vue-custom-element // 逻辑... } Vue.directive('my-directive', { // 2. 添加全局资源：指令...
2020-06-28 09:58:21
83
转载 我很喜欢研究这些比较酷的效果
h5特工卡尔施射击类手机游戏源码https://www.mk2048.com/demo/demo_target_desc_h01hh1a1jb.html特工卡尔施终极平衡挑战html5游戏，终极平衡挑战手机在线游戏源码。 游戏介绍：一款有趣的闯关类小游戏，游戏中的特工卡尔施接到上级任务，命他潜入一个仓库中去窃取机密文件，但这个仓库内危险重重，他能顺利的完成任务吗？奢侈品牌服装鞋子箱包手机商城模板点击》奢侈品牌服装鞋子箱包手机商城模板黑色实用的奢侈品购物商城手机模板，品牌服装鞋子箱包商城模板html源码下载。
2020-06-28 08:42:37
62
转载 CSS3 animation
animation浏览器支持Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。Safari 和 Chrome 支持替代的 -webkit-animation 属性。注释：Internet Explorer 9 以及更早的版本不支持 animation 属性。定义和用法animation-name 指定要绑定到选择器的关键帧的名称 ，为 @Keyframes创建的动画名animation-duratio...
2020-06-27 20:03:56
87
转载 （生产）js-base64 - 转码
参考：https://github.com/dankogai/js-base64安装$ npm install --save js-base64使用var Base64 = require('js-base64').Base64;Base64.encode('dankogai'); // ZGFua29nYWk=Base64.encode('小飼弾'); // 5bCP6aO85by+Base64.encodeURI('小飼弾'); // 5bCP6aO85by-Base64.de
2020-06-27 19:15:40
176
1
转载 better-scroll 遇到的问题 3 （transition-group 相关）
今天在使用vue动画 transition-group 和 better-scroll 的时候，出现了下拉列表不能滚动的问题。问题描述：我写了一个scroll的基础组件，组件接受一个data参数，监听data数据发生变化，就延迟20毫秒，调用scroll 的refresh 方法，从新计算高度，在一般情况下，是没有问题的。 后面，客户说，当给列表添加，或者删除歌曲的时候，太过于生硬，想要些平滑的效果，所以我就使用了transition-group 给列表的添加动画，结果就出现了添加歌曲的时候，下拉不到.
2020-06-27 17:19:14
179
转载 better-scroll 遇到的问题 2
问题的描述： 在歌曲列表页面使用了scroll插件，搜索了很多歌曲，页面出现滚动，选择播放一首歌曲，弹出播放器，将播放器最小化，页面回到歌曲列表，并且页面的底部出播放歌曲的信息（在没有播放歌曲的时候是没有的），在这样的情况下，歌曲列表不能下拉到最后的一首歌，因为被当前播放的歌曲信息挡住了问题的原因： 当播放器最小化的时候，这时会在页面底部显示一个小播放器，小播放器是通过绝对定位到底部的，它的zindex比歌曲列表的高，所以挡住了歌曲列表，只要让整个歌曲列表往上移动...
2020-06-27 16:08:55
101
转载 vue-样式问题
问题：今天在用vue开发单页面应用的时候，遇到一个问题，在A页面，直接刷新，页面的布局样式之类的是没有问题的，不过在B页面跳转到A页面，那么A页面有一些样式就不是预期的效果。发现解决问题：用调试工具查看样式，发现有些样式在A页面是没有定义的，是在B页面定义的，原来是B页面的样式，style 标签没有添加scoped，如果没有添加该属性，那么定义的样式就是全局样式，在别的页面都会有效，在B页面添加该属性，问题解决。总结：之所以出现这些问题，是由于写代码的时候，没有一个很好的规范，又或者代码规..
2020-06-27 15:13:10
188
转载 angular2-搭建环境
npm 模块将被下载安装到【全局目录】中。【全局目录】通过 npm config set prefix "目录路径" 来设置。通过 npm config get prefix 来获取当前设置的目录搭建环境：安装nodejs安装淘宝镜像： npm install -g cnpm --registry=https://registry.npm.taobao.org安装typescript npm install -g typescript安装 angular/cil （可能过程会...
2020-06-27 14:16:48
86
转载 json,json对象以及js对象字面量的区别
从定义看：json：一种数据交换格式json对象：js的一个内置对象，拥有JSON.stringify（）和JSON.parse()两个方法js对象字面量：封闭在花括号对({})中的一个对象的零个或多个”属性名:值”列表，是js声明对象的一种方式从构造看：json：若干组键值对，需满足以下两个要求1.键一定要用双引号，值如果是字符串也要用双引号2.值只包括，数字，布尔，数组，null，对象，字符串js对象字面量：若干组键值对 1.键引号可有可无，可单引号可双引号 2.值可以是任何类型
2020-06-27 13:06:02
215
转载 一些个人感觉很不错的特效
html5纸飞机与水管迷宫手机小游戏代码https://www.mk2048.com/demo/demo_target_desc_h00121j0ab.htmlhtml5纸飞机穿越下水管小游戏源码。游戏介绍：一开始比较简单，不过随着时间推移，飞机的速度会越来越快。千万不要碰到墙壁哟！哎，我也只能悲催的到60米就...html5纸牌算21点小游戏源代码点击》html5纸牌算21点小游戏源代码html5娱乐21点是一款纸牌小游戏源码。游戏介绍：使手中的牌的点数之和不超过21点且尽量大，J,Q,K为十点。html
2020-06-27 11:21:53
123
转载 js中树结构根据条件查找节点返回节点路径的一些思路
今天在项目中遇到一个问题，需要根据数据库中记录的树结构节点id获取该记录所在目录节点的路径。 大致想法，首先定义变量保存当前路径，然后递归遍历该树节点，在遍历的过程中将遍历到的节点加入到当前路径中，找到该节点后终止递归，最后返回路径即可。 问题，怎样保存当前判断节点的路径以及未找到节点时对路径的处理方法。 现附上代码：var getPathById = function (id, catalog, callback) { //定义变量保存当前结果路径 var tempp
2020-06-27 10:07:03
1304
转载 BOM
BOMwindow对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>BOM</title></head><body><script type="text/javascript"> //1 如何获得window对象 //windo
2020-06-27 08:53:04
64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人