js
文章平均质量分 58
z沧笙踏歌
雁过留声,人过留名
展开
-
es6,7,8,9,10
参考文章ES6、ES7、ES8、ES9、ES10新特性一览转载 2020-08-26 16:29:50 · 135 阅读 · 0 评论 -
百度经纬度转腾讯地图经纬度
也是参照的别人的,实际开发中使用的这个函数,传入百度的经纬度,输出腾讯地图经纬度const bMapTransqqMap = (lng, lat) => { let x_pi = (3.14159265358979324 * 3000.0) / 180.0; let x = lng - 0.0065; let y = lat - 0.006; let z = Math...原创 2020-01-09 15:33:58 · 1507 阅读 · 4 评论 -
js 正则去前后空格
str.replace(/(^\s*)|(\s*$)/g, '')转载 2019-04-18 15:27:44 · 374 阅读 · 0 评论 -
em与rem的使用
学习地址:http://caibaojian.com/rem-vs-em.html总结来说:1. em单位基于使用他们的元素的字体大小。会受到任何继承的父元素字体大小影响,一般用于边距,导航间距等适配设置。2.rem 单位基于 html 元素的字体大小。当html元素没有明确设置字体大小时,就按照用户浏览器设置的字体大小来计算,默认的浏览器字体大小一般是16px. 如 html...原创 2019-04-23 13:30:48 · 130 阅读 · 0 评论 -
webSocket初体验
1. webSocket解读2. 使用webSocket客户端 服务端 界面展示参考文章:https://www.cnblogs.com/myzhibie/p/4470065.htmlhttps://www.liaoxuefeng.com/wiki/1022910821149312/11033036938240961.webSocket解读WebSocket是HT...原创 2019-08-16 15:00:54 · 146 阅读 · 0 评论 -
js高阶函数之filter
作用: 把Array的某些元素过滤掉,然后返回剩下的元素。接收一个函数。filter()把传入的函数依次作用于每个元素,然后根据返回值是true还是false决定保留还是丢弃该元素。// 去偶数var arr = [1, 2, 4, 5, 6, 9, 10, 15];var r = arr.filter(function (x) { return x % 2 !== 0;}...原创 2019-04-17 15:00:11 · 288 阅读 · 0 评论 -
根据百度地图ip接口改造的,全国的城市中心经纬度json
{ "北京市": [ "116.395645", "39.929986" ], "上海市": [ "121.487899", "31.249162" ], "天津市": [ "117.210813", "39.14393" ], "重庆市": [...原创 2019-04-16 17:00:55 · 1956 阅读 · 0 评论 -
解决滚动条位置查看的兼容问题
/* 滚动条封装*/function getScrollOffset(){ // document.body.scrollLeft+document.documentElement.scrollLeft 适配IE8及以下老版本 var x = window.pageXOffset || (document.body.scrollLeft+document.documentElement...原创 2018-03-22 16:16:36 · 894 阅读 · 0 评论 -
获取视口的大小
获取视口的三种方法:(1)window.innerHeight – 浏览器窗口的内部高度 window.innerWidth – 浏览器窗口的内部宽度 IE8及以下不支持(2)document.documentElement.clientWidth ——可见区域的宽 document.documentElement.clientHeight ——可见区...原创 2018-03-22 17:15:08 · 3256 阅读 · 0 评论 -
浏览器解析模式
1 . 历史: 由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这...转载 2018-03-22 18:51:39 · 354 阅读 · 0 评论 -
async、defer与DOMContentLoaded的执行先后关系
摘自:点击打开链接一、HTML解析过程与DOMContentLoaded触发时机我们已经知道DOMContentLoaded的触发时间为:当 HTML文档被加载和解析完成。那么我们还需要理解HTML的解析过程。此处我们先只考虑同步js的情况。1.在既没有CSS也没有JS的情况下,HTML文档的解析过程为:DOMContentLoaded事件的触发时机为:HTML解析为DOM...转载 2018-03-26 15:08:51 · 4693 阅读 · 2 评论 -
客户端js时间线
js一直是单线程执行的,浏览器为几个明显的耗时任务单独开辟线程解决耗时问题 (异步) 1、创建document对象,开始解析web页面。创建HTMLHtmlElement对象,添加到document中。这个阶段document.readyState = 'loading'。2、遇到link外部css,创建线程加载,同时继续解析文档。(并发/异步)3、遇到script外部js,并且没有设...原创 2018-03-26 15:53:20 · 517 阅读 · 0 评论 -
html5shiv.js和respond.min.js
做页面常用的东西,写这里用的时候省点去找了。。。html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的,下面是两个解决方法的cdn...转载 2018-07-03 13:32:06 · 4126 阅读 · 0 评论 -
jQuery-form.js上传文件
一般上传文件,不能像普通表单一样直接发送给服务器,可以借助插件轻松上传:jQuery-form.js基本用法html部分:<!-- 加载需要的js文件 --><script type="text/javascript" src="./js/common/jquery-2.1.4.min.js"></script><script type=...原创 2018-07-20 10:52:44 · 2245 阅读 · 0 评论 -
jq获取常用宽高
文章来源:http://blog.sina.com.cn/s/blog_51048da70101djoy.html获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 :$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档...转载 2018-09-27 10:13:42 · 1796 阅读 · 0 评论 -
js常用正则
去除字符串前面的0var a='00123';a.replace(/\b(0+)/gi,""); // 123正则:选择1-8之间的整数/^[1-8]{1}$/.test('123') // false去掉前后空格str.replace(/(^\s*)|(\s*$)/g, '')...原创 2018-10-25 09:29:27 · 2010 阅读 · 0 评论 -
适配移动端,禁止用户缩放页面
meta标签中的content属性里有一个width=device-width的值,这个值就是用来告诉浏览器,该页面将要使用设备的宽度来解析,后面的属性值则是告诉该页面: user-scalable=no 禁止用户缩放页面 initial-scale=1.0 页面初始倍数为1倍 maximum-scale=1.0 页面可放大的倍数为1倍 minimum...转载 2019-03-05 17:26:35 · 2582 阅读 · 0 评论 -
图片轮播
图片轮播需求: 1.图片每隔三秒自动切换 2.鼠标移入,轮播暂停;鼠标出来,轮播继续 3.左右切换按钮 4.点击小圆点实现切换到对应图片html结构: CSS:.banner{ width: 100%; background-color:原创 2018-02-05 18:04:32 · 204 阅读 · 0 评论