js
文章平均质量分 72
weixin_43844392
这个作者很懒,什么都没留下…
展开
-
实现移动端的1px的效果
实现移动端的效果的话,有两种方法,第一种,就是用图片来做,第二种就是用伪类来做,在这用图片来做的,我们不进行讨论,我们看一下用伪类来做的效果。 使用伪类的:after 或者:before创建1px的边框,然后通过适配不同设备的像素比,然后,调整缩放的比例实现1px的效果伪类的代码如下,所示:.border-bottom{ position: relative;...原创 2019-01-02 19:58:15 · 185 阅读 · 0 评论 -
position sticky实现粘性布局的效果
首先,我们先要明白一下position的分类的属性position: static;position: relative;position: absolute;position: fixed;/* 全局值 */position: inherit;position: initial;position: unset;position: sticky;sticky 英文字面意思是粘,...转载 2019-01-02 20:41:28 · 261 阅读 · 0 评论 -
document.all页面的所有的元素的获取
all 方法最初是由 IE 浏览器拥有的,并不属于 W3C 规范范畴,他返回调用 all 方法的 HTML 标记自身内的所有子孙元素的 HTML 标记集合 。all 方法的详细说明请参见 MSDN:http://msdn.microsoft.com/en-us/library/ms537434(VS.85).aspx。通常情况下使用 document.all 方法获得文档元素内所有 H...转载 2018-11-30 09:56:41 · 1732 阅读 · 0 评论 -
本地缓存的几种技术及对比
在漫长的前端开发过程中,我们常用的几种本地缓存机制:Cookie,LocalStorge,SessionStorge1.Cookie的特点 1)cookie的大小受限制,cookie大小被限制在4KB,不能接受像大文件或邮件那样的大数据。 2)只要有请求涉及cookie,cookie就要在服务器和浏览器之间来回传送(这解释为什么本地文件不能测试cookie)。而且coo...原创 2018-12-29 15:15:47 · 3227 阅读 · 0 评论 -
js类型之隐式转化
字符串与数字之间的隐式转换通过重载,+ 运算符即能用于数字加法,也能用于字符串拼接。‘+’号和‘-’号如果 + 的其中一个操作数是字符串(或者通过以上步骤可以得到字符串), 则执行字符串拼接;否则执行数字加法。我们可以将数字和空字符串 “” 相 + 来将其转换为字符串:var a = 42; var b = a + ""; b; // "42"var a = "42"; var b = "0"; var c = 42; var d = 0; a + b; // "420"c +原创 2020-06-09 20:24:16 · 234 阅读 · 0 评论 -
前端常见跨域解决方案
什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求: js发起的ajax请求、dom和js对象的跨域操作等其实我们通常所说的跨域是狭义的,是由浏览器同源策略限制的一类请求场转载 2020-09-16 15:36:41 · 203 阅读 · 0 评论 -
js类型转化之显示转化
抽象值操作掌握字符串、数字和布尔值之间类型转换基本规则ToStringToString,它负责处理非字符串到字符串的强制类型转换基本类型值的字符串化规则为:null 转换为 “null”,undefined 转换为 “undefined”,true 转换为 “true”。注意点:极小和极大的 数字使用指数形式:// 1.07 连续乘以七个 1000 var a = 1.07 * 1000 * 1000 * 1000 * 1000 * 1000 * 1000 * 1000; // 七个1原创 2020-06-09 14:12:10 · 274 阅读 · 0 评论 -
你不知道的js 思维导图
在此说明:此图不是本人创作,有幸看到觉得写的好,就记下了,仅供学习使用,若侵权,请联系我删除。原创 2020-01-15 13:54:31 · 216 阅读 · 0 评论 -
原型链
转载 2021-05-14 15:45:28 · 124 阅读 · 0 评论 -
重新学防抖debounce和节流throttle,及react hook模式中防抖节流的实现方式和注意事项
概念理解防抖就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。说起防抖大家肯定会想到节流,着两个就跟一对双胞胎一样,让大家经常傻傻搞不清楚我们先来看一下节流的概念节流就是指连续触发事件但是在 n 秒中只执行一次函数。节流会稀释函数的执行频率我拿电梯关门举个例子吧:防抖你按了电梯关门按钮,电梯还有三秒要关闭,在你要关闭前的1.5s,按了一次开门按钮电梯将会重新将要关闭时间重置为3秒节流你按了电梯关门按钮,在电梯将要关闭的三秒内,你再怎原创 2020-09-29 19:25:52 · 1562 阅读 · 0 评论 -
webpack 学习(一)前端常用的模块化设计模式之commonJs
前端常用模块化规范commonJs 规范AMDES6 Module规范commonJs 和AMD 的区别commonJs加载模块是同步的,也就是说只有加载完成的才会执行后面的操作,由于Node主要用于服务器编程,模块文件一般都存在于本地硬盘,所以加载起来比较快,不用考虑非同步的加载方式所以一般采用commonJs加载规范。AMD规范时非同步加载模块允许指定函数回调。因为一般浏览器环境,要从服务器端加载模块,这时就必须采用非同步模式,所以一般浏览器采用AMD规范。commonJs 模块定义规原创 2020-07-31 17:37:02 · 330 阅读 · 0 评论 -
encodeURIComponent解释
在代码中看到这encodeURIComponent,没见过。记一下。定义和用法encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。语法encodeURIComponent(URIstring)参数 描述URIstring 必需。一个字符串,含有 URI 组件或其他要编码的文本。返回值URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。说明该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: -原创 2020-06-11 10:44:57 · 286 阅读 · 0 评论 -
移动端(手机端)页面自适应解决方案—rem布局
移动端(手机端)页面自适应解决方案—rem布局假设设计妹妹给我们的设计稿尺寸为750 * 1340。结合网易、淘宝移动端首页html元素上的动态font-size属性、设计稿尺寸、前端与设计之间协作流程一般分为下面两种:一、网易做法:引入:页面开头处引入下面这段代码,用于动态计算font-size (function(do...转载 2019-05-06 12:29:53 · 472 阅读 · 0 评论 -
跨域 访问总结
文章转载自https://segmentfault.com/a/1190000011145364什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、&l...转载 2019-05-04 21:18:43 · 87 阅读 · 0 评论 -
隐式转换 js
· 1.1 隐式转换介绍· 1.2 隐式转换规则· 1.3 坑一:字符串连接符与算术运算符隐式转换规则混淆· 1.4 坑二:关系运算符:会把其他数据类型转换成number之后再比较关系· 1.5 坑三:复杂数据类型在隐式转换时会先转成String,然后再转成Number运算· 1.6-坑四:逻辑非隐式转换与关系运算符隐式转换搞混淆1.1-隐式转换介绍...转载 2019-05-04 00:13:32 · 123 阅读 · 0 评论 -
常用JS对象的方法总结
String方法 描述 charAt() 返回在指定位置的字符。 charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 concat() 连接字符串。 indexOf() 检索字符串。 match() 找到一个或多个正则表达式的匹配。 replace() 替换与正则表达式匹配的子串。 search...转载 2019-04-10 17:56:37 · 82 阅读 · 0 评论 -
sort 排序的几种方式
sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串UniCode码。因为排序是按照字符串UniCode码的顺序进行排序的,所以首先应该把数组元素都转化成字符串(如有必要),以便进行比较。语法:arrayObject.sort(sortby);参数sortby 可选,用来规定排序的顺序,但必须是函数。例一:按照字母顺序排序例二:还是按照字母进行排...转载 2019-04-10 17:51:38 · 8065 阅读 · 0 评论 -
ES5 对象的扩展(Object.preventExtensions)、密封(Object.seal)和冻结(Object.freeze)
扩展对象 Object.preventExtensions Object.isExtensible 密封对象 Object.seal Object.isSealed 冻结对象 Object.freeze Object.isFrozen 1. Object.preventExtensions阻止对象扩展,让一个对象变的不可扩展,也就是永远不能再添加新...转载 2019-04-10 11:23:34 · 184 阅读 · 1 评论