- 博客(21)
- 收藏
- 关注
RSS订阅原创 js判断页面是首次加载还是刷新
1：利用window.name属性在页面刷新时不会重置判断（在改属性空置的情况下可使用）if(window.name == ""){ console.log("首次被加载")； window.name = "isReload"; //在首次进入页面时我们可以给window.name设置一个固定值}else if(window.name == "isReload"){ console.lo...
2019-05-28 10:37:37
495
原创 JavaScript高级程序设计（第3版）非扫描版
前端学习js的红皮书文档：JavaScript高级程序设计（第3版）非扫?..文档：JavaScript高级程序设计（第3版）非扫?..链接：http://note.youdao.com/noteshare?id=517ca238c5a831dafd25d155f514be46&sub=1F27DD3238D149CAA9055716095F661A...
2019-05-27 15:11:43
334
原创 console打印样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-05-27 11:05:54
277
原创 元素垂直水平居中布局
水平居中水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素）使用inline-block和text-align实现.parnen{ text-align:center;}.child{ display:inline-block;...
2019-05-24 15:41:26
270
原创 vue-router的两种模式（hash和history）及区别
为什么要有hash 和history？对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变试图的同时不会向后端发出请求。为了达到这一目的，浏览器当前提供了一下两种支持：1：hash - 即地址栏URL中的 # 符号（此hash不是密码学里的散列运算）比如这个URL：http：//www....
2019-05-23 11:28:14
12103
原创 点击切换div 的隐藏与显示
点击切换div 的隐藏与显示适合做切换按钮<!DOCTYPE html><html><head> <meta charset="utf-8"></head><body> <button type="button" id="showHidden">点击切换div的隐藏与显示<...
2019-05-22 09:19:15
3292
原创 url传参参数编码的解码问题
JS中encodeURIComponent（URL）编码与decodeURIComponent（URL）解码详解（1）encodeURIComponent（url）函数定义和用法encodeURIComponent() 函数可把字符串作为URI组件进行编码语法encodeURIComponent（参数URIstring）参数 描述URIstring 必需。一个字符串，含有 ...
2019-05-18 09:54:23
2942
原创 如何加快HTML页面加载速度
一：页面减肥a：页面的肥瘦是影响加载速度最重要的因素b:删除不必要的空格、注释c:将inline的script和css移到外部文件d:可以使用HTML Tidy来给HTML减肥，还可以使用一些压缩工具来给JavaScript减肥二：减少文件数量a:减少页面上引用的文件数量可以减少HTTP连接数b:许多JavaScript、css文件可以合并最好合并三：减少域名查询a:DNS查询和...
2019-05-17 17:40:27
1163
原创 JavaScript 运行机制详解
一：为什么JavaScript是单线程JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率！JavaScript的单线程，与它的用途有关。作为浏览器脚本语言。JavaScript的主要用途是与用户互动，以及操作DOM。这就决定了它只能是单线程，否则会带来很复杂的同步问题。比如。假定JavaScrip...
2019-05-17 16:27:58
155
原创 js_______&&与||的区别
&&称之为“与”，也可以叫“逻辑与”可以有两层应用，第一可以当判断，第二可以当一个取值在判断的时候，会比较&&前后的值，一般都是用在if语句里面。if(0 && 1){ console.log('此代码不会执行')}if（1 && -1）{ console.log('此代码会执行')}这可以总结为：如果两个值都...
2019-05-17 14:35:01
180
原创 map/reduce的概念
《MapReduce: Simplified Data Processing on Large Cluster 》翻译MapReduce是一种编程模型和一种用来处理和产生大数据集的相关实现。用户定义map函数来处理key/value键值对来产生一系列的中间的key/value键值对。还要定义一个reduce函数用来合并有着相同中间key值的中间value。许多现实世界中的任务都可以用这种模型来表...
2019-05-17 14:05:15
2217
原创 js图片懒加载的第二种方式
这种方式是图片按照顺序一张一张的加载直到所有图片都加载完成html同样的要让图片进行懒加载，路径引用就得用 data-src <ul> <li><img data-src="http://tle.haiguidjk.com/static/index/image/home_page/01.jpg" /></li>...
2019-05-16 17:22:05
149
原创 js读取excel的值
简单的一个demo示例<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js">&l...
2019-05-16 15:18:13
2569
原创 图片的懒加载
图片懒加载网页上图片点到哪里图片就加载到哪里，不用一次性加载完成html主要页面直接引入js文件，src改成data-src就可以直接进行图片的懒加载<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...
2019-05-15 11:51:09
106
原创 解构赋值
详解解构赋值什么是解构赋值？传统做法var array = ['hello', 'JavaScript', 'ES6'];var x = array[0];var y = array[1];var z = array[2];ES6中，使用解构赋值，可以直接对多个变量同时赋值// 如果浏览器支持解构赋值就不会报错:var [x, y, z] = ['hello', 'JavaSc...
2019-05-14 16:09:27
345
原创 JS中 let 和var的区别
JS中let和var 的区别简单介绍letvar的常见变量提升ES6可以用let定义块级作用域变量let配合for循环的独特应用let没有变量提升与暂时性死区let变量不能重复声明简单介绍letlet是ES6中新增命令，用来声明局部的变量。用法类似var，但是所声明的变量，只会在let命令所在的代码块内有效，而且有暂时性死区的约束。var的常见变量提升var a = 99; ...
2019-05-14 15:25:03
2354
原创 CSS3 Flexbox 弹性盒与 css3 阴影效果的演示
CSS3 Flexbox 演示CSS3 Flexbox 弹性盒与 css3 阴影效果的演示https://www.html.cn/demo/flexbox-playground/
2019-05-14 14:45:38
252
原创 移动端轮播
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Swiper中文网基础演示(www.swiper.com.cn)</title> <meta nam...
2019-05-10 15:14:36
320
原创 点击显示和隐藏
<html> <head> <meta charset="UTF-8" /> <meta charset="gb2312"> <title>隐藏和显示</title> <style type="text/css"> #thediv { width:200px; h...
2019-05-10 15:09:05
256
原创 tab切换选项卡
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> * { padding: 0; margi...
2019-05-10 11:43:00
204
原创 js读取excel解析成json数据的方法
js读取excel解析成json数据的方法方法一方法二个人总结方法二是比较好用的，数据直接用打印出来就能看的到了方法一<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src="http:...
2019-05-10 10:35:04
3930
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人