![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
紫苏薄荷
生活就像一片海洋,水深得很。
展开
-
CSS - BFC相关问题的演示
BFCBFC产生的一系列问题一直是初学者感到困惑的地方,本文就不对BFC进行阐述了,相关的文章和书籍解释得都很详细。我把常见的几种情况做了一个汇总演示,点击按钮即可看到结果,你也可以打开开发者工具查看样式的改变情况。演示地址http://cyanzll.gitee.io/bfcdemo/...原创 2020-06-20 16:00:11 · 130 阅读 · 0 评论 -
JS基础拾遗 - RegExp 类型及其使用
RegExp类型这里只介绍常用的属性和方法定义// 字面量var pattern = / 模式 /标志;// 或 构造函数var pattern = new RegExp ("模式", "标志";)标志:g: 全局匹配,不会匹配到第一个就停止;i: 匹配时忽略模式和正则表达式的大小写m: 多行模式,到达一行文本末尾时仍查找下一行两种定义方式的区别:第二种方式,传入的模式是字符串的形式,这个字符串中所有的元字符必须双重转义:[外链图片转存失败,源站可能有防盗链机制,建议将图片保原创 2020-06-18 14:15:30 · 228 阅读 · 0 评论 -
JS基础拾遗 - 实现拷贝和深拷贝
对象的浅拷贝Object.assign(target, source)Object.assign() 是 ES6 新增的方法,它把可枚举属性的值从一个/多个源对象复制到目标对象,然后返回目标对象。这个描述需要注意:源对象可能不止一个,且对源对象不产生任何副作用。Demo1:Object.assign() 执行的是浅拷贝,对于引用类型的属性,仅仅是复制它的引用值。"use strict";var obj = { a: "myname", b: 13, c: { name: "原创 2020-06-18 14:14:10 · 114 阅读 · 0 评论 -
JS基础拾遗 - 栈内存和堆内存
基本数据类型和引用数据类型要准确把握JS中基本数据类型(number, string, null, undefined, boolean)和引用类型(Object)的区别,就要对栈内存和堆内存的区别有一定理解。栈内存:按值存放,空间大小确定,系统自动释放,可以直接访问,存取快;堆内存:大小不定,不会自动释放,存取较慢;基本数据类型的值存储于栈内存中,而引用数据类型的值则存储于堆内存;基本数据类型和栈内存(Stack)按值存放由于栈内存是按值存放的,因此赋值操作都会开辟一个新的内存空间,比如原创 2020-06-18 00:08:08 · 189 阅读 · 0 评论 -
JS基础拾遗 - 3 - 操作符
二元 + 操作符在字符串处理上的区别++、-- 和 一元 + - 在遇到字符串时,都是调用Number()进行转型,结果很可能是 NaN。 只有二元 + 操作符才可以实现字符串拼接。可以说:字符串拼接是二元 + 操作符独有的。&& 和 ||逻辑非(!)操作符返回值肯定是布尔值,但 && 和 || 则不一定(重要):如果有一个操作数不是对象,它们不一定返回布尔值。求值的过程,会自动调用 Boolean() 进行转型&& :如果有一个操作数是 n原创 2020-06-16 15:59:08 · 103 阅读 · 0 评论 -
JS基础拾遗 - 2 - 变量
变量类型6种基本类型变量(简单类型变量)numberstringbooleanundefinednullsymbol (ES6 新增)一种引用类型变量 (复杂类型变量)objecttypeof 操作符typeof 操作符返回的值是字符串(完全小写)typeof 操作符的返回值typeof null === “object”历史遗留问题,可以认为是一个老bugtypeof ()=>{} === “function”可以借此区分 function 和其他对象typeof原创 2020-06-16 10:47:45 · 122 阅读 · 0 评论 -
JS基础拾遗 - HTML 中的 script 元素
属性src可选,值为外部执行文件路径;如果通过src引入了外部脚本,标签之间就不应该包含js代码,即使包含了也会被忽略;src属性可以直接加载和解析外部的代码,这是JSONP实现的基础。引入外部脚本的好处:提高可维护性可以缓存,减少脚本下载的次数,加快页面加载速度type可选,如果不指定该属性,默认值为 text/javascript只对外部文件有效的属性deferdefer = “defer”脚本延迟到HTML文档完全解析后才执行;补充事件:DOMContentLoa原创 2020-06-15 12:07:28 · 180 阅读 · 0 评论 -
JavaScript基础 - 手写节流和防抖函数
节流和防抖,都是为了降低请求频率,减少不必要的损耗。原则:既要实现节流和防抖的功能,还要保证不对事件处理函数本身的执行上下文产生影响。防抖 (debounce)短时间大量触发同一事件,只执行一次函数,实现延迟执行。具体实现:每次触发一个事件(比如点击按钮),都重新开始计时(重新设置计时器),直到xx毫秒内没有下一次操作,才执行这个事件的处理程序。v0:function debounce(fn) { return function() { setTimeout(() =原创 2020-06-10 18:51:21 · 487 阅读 · 0 评论 -
记录一次React跨域问题的解决
前两天同学做了一个登陆功能的API,放置在他的服务器上。我想在本地对接一下,就涉及到跨域问题。跨域(Cross Origin)跨域问题源自Web的跨源安全策略(同源策略)。默认情况下XHR对象只能访问同源的资源,这里的“同源”包括:协议(Protocol)相同端口(Port)相同主机(Host)相同协议 主机 端口http://store.company.com:81/这样的策略可以保证安全性,但给开发者造成了一定麻烦。解决该问题的根本方法是CORS(跨院资源原创 2020-06-02 15:29:30 · 1160 阅读 · 0 评论