自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

泰阳的博客

Just do it!

  • 博客(22)
  • 收藏
  • 关注

原创 微信复制富文本到UEditor时宽度百分比%转成xxpx固定宽度导致移动端无法自适应解决方案

由于从微信复制富文本内容到UEditor时,微信富文本编辑器会将width转换为固定宽度,导致UEditor上传微信的富文本内容到移动端后无法实现自适应宽度,刚开始时以为问题出在UEditor编辑器内,但后来经过测试发现坑是在微信编辑器里:如图,我将微信富文本内容复制到另一个微信的富文本上,查看html代码,发现一样会将百分比宽度转换为固定宽度,所以问题是出在微信编辑器的copy事件上。也就是...

2019-08-03 18:48:59 1368 1

原创 手写简易版Promise

// 实现一个简易版的promise//先创建三个常量用于表示状态const PENDING = 'pending'const RESOLVED = 'resolved'const REJECTED = 'rejected'function MyPromise(fn) { const that = this that.state = PENDING //一开始Pro...

2019-06-11 12:27:58 442

原创 JS异步编程(重点知识)

1.并发和并行并发和并行的区别是什么?并发是宏观概念,我分别有任务A和任务B,在一段时间内通过任务间的切换完成了这两个任务,这种情况就可以称为并发。并行是微观概念,假设cpu中存在两个核心,那么我就可以同时完成两个任务A、B,同时完成多个任务的情况就可以称为并行。2.回调函数什么是回调函数?回调函数有什么缺点?如何解决回调地狱的问题?回调函数就是一个参数,将这个函数作为参数传到另一个函...

2019-06-11 11:25:37 157

原创 ES6基础

var、let、const的区别var/let/const的区别?1.函数提升优先于变量提升,函数提升会把整个函数挪到作用域顶部,变量提升只会把声明挪到作用域顶部。2.var存在提升,我们能在声明之前使用。let、const因为存在暂时性死区的原因,不能再声明前使用3.var在全局作用域下声明变量会导致变量挂载在window上,其他两者不会4.let和const作用基本一致,但是后者...

2019-06-10 16:55:06 130

原创 JS基础知识(二)

== vs ===== 会进行类型转换,假如我们需要判断x == y是否相同,就会进行如下判断:1.首先会判断两张是否类型相同,相同的话就会比较大小了。2.类型不相同的话就会进行类型转化3.作类型转化时,会先判断是否在对比underfined和null,是的话就会返回true。4.判断两者类型是否为string和number,是的话会将字符串转化为number。5.判断其中一方是否为b...

2019-06-09 23:40:41 71

原创 JS基础知识(一)

1.原始类型在JS中存在6种原始类型,分别是:booleannullunderfinedstringnumbersymbol首先原始类型存储的都是值,是没有函数可以调用的,比如underfined.toString()。但’1’.toString()却可以使用,是因为’1’被强制转换成了String类型也就是对象类型(包装类型),所以可以调用toString函数。2.对象类...

2019-06-09 22:18:18 117

原创 NodeJS之Buffer(缓冲)

BufferBuffer用于处理二进制数据流实例类似整数数组,大小固定C++代码在V8堆外分配物理内存Bufffer是一个全局变量,因此无需使用require(‘buffer’).Buffer。...

2018-10-30 22:20:04 741

原创 NodeJS中的CommonJS规范

CommonJS每个文件是一个模块,有自己的作用域在模块内部module变量代表模块本身module.exports属性代表模块对外接口首先,我们想定义一个模块,就需要创建一个文件。其次,我们在模块内部我们使用module.exports把我们想输出的东西放到这个属性中。require规则/表示绝对路径,./表示相对于当前文件的路径支持js、json、node拓展名,如果不...

2018-10-29 10:43:58 439

原创 安全性

知识点XSS跨站请求攻击 XSRF跨站请求伪造1.XSS在向网站写东西的时候(例如写博客),可以注入脚本,如<script> 中含有攻击代码,当别人阅读时,获取他人的信息,如cookie等,然后发送到自己的服务器上。预防:前端替换关键字为转义字符,例如替换<为&lt,>替换为&gt。但主要为后端替换,效率更高。 2.XSRF通过图...

2018-09-23 15:40:27 151

原创 页面性能优化

原则:多使用内存、缓存或其他方法 减少cpu计算,减少网络请求 从哪入手:加载页面和静态资源 1.静态资源的压缩合并,减小资源的大小,减少http请求 2.静态资源缓存, 3.使用CDN让资源加载更快 4.使用SSR(服务端渲染)后端渲染,数据直接输出到HTML中 页面渲染优化 1.CSS放前面,JS放后面 2.懒加载(图片懒加载,下拉加载更多) 3.减少DOM查询,对...

2018-09-23 12:02:30 760

原创 浏览器页面加载过程

1.从输入url到得到html的详细过程浏览器根据DNS服务器得到域名的IP地址 向这个IP的机器发送http请求 服务器收到、处理并返回请求 浏览器得到返回的内容2.window.onload和DOMContentLoaded的区别window.addEventListener('load',function(){ // 页面全部资源加载完才会执行,包括图片、视频等}...

2018-09-18 23:47:45 2978

原创 cookie,sessionStorage,localStorage的区别

cookie1、本来是用于客户端和服务端通信 ,但是它有本地存储的功能,于是就被借用了。2、使用document.cookie = ...获取和修改即可,但实际上用起来很麻烦缺点:存储量太小,只要4KB。因为要携带cookie到服务端去通信 所有http请求都带着,会影响获取资源的效率 API简单,需要封装document.cookie = ...才能用sessionStot...

2018-09-07 21:35:19 197

原创 Ajax相关

 一、手动写一个原生ajax :手动编写一个ajax,不依赖第三方库 跨域的几种实现方式var xhr = new XMLHttpRequest()xhr.open("GET", "./api", false)xhr.onreadystatechange = function () { //注意,这里是异步执行 if (xhr.readyState == 4) {...

2018-09-07 13:58:40 135

原创 DOM本质

DOM就是Document+Object+Model(文档对象模型)。DOM可以理解为:浏览器把拿到的HTML代码,结构化为一个浏览器可识别并且js可操作的一个模型而已。 

2018-09-05 22:23:12 780

原创 JS-Web-API

W3C标准中关于JS的规定有:DOM操作 BOM操作 事件绑定 ajax请求(包括http协议) 存储但W3C 标准没有规定任何与JS基础相关的东西,不管什么变量类型、原型、作用域闭包和异步,只管定义用于浏览器中JS操作页面的API和全局变量。总结:常说的JS(浏览器执行的JS)包含两部分:1、JS基础知识(ECMA-262标准),包含诸如变量类型和计算、原型和原型链、作用域...

2018-09-05 21:11:13 112

原创 日期和和数组API

怎样获取2018-9-05格式的日期 获取随机数,要求是长度一致的字符串格式数组APIforEach 遍历所有元素 every判断所以元素是否都符合条件 some 判断是否有至少一个元素符合条件 sort 排序 map 对元素重新组装,生成新数组 filter 过滤符合条件的元素// 数组的forEach方法var arr = [1, 2, 3];// 遍历数组的所有元素...

2018-09-05 20:43:34 116

原创 异步

1.同步与异步的区别是什么?同步会阻塞代码的执行,而异步不会 alert是同步,setTimeout是异步2、前端使用异步的场景有哪些?定时任务:setTimeout、setInterval 网络请求:ajax请求、动态img加载 事件绑定...

2018-09-05 12:27:55 167

原创 作用域和闭包

题目:说一下对变量提升的理解 说明this几种不同的使用场景 创建10个<a>标签,点击的时候弹出来对应的序号 如何理解作用域 实际开发中闭包的应用知识点:1、执行上下文2、this3、作用域 4、作用域链 5、闭包一、执行上下文范围:一段script内或一个函数 全局:变量定义、函数声明 ——范围在一段<script>标签内。在...

2018-09-01 23:43:33 200

原创 原型与原型链

题目:如何准确判断一个变量是数组类型 写一个原型链继承的例子 描述 new 一个对象的过程 zepto(或其他框架)源码中如何使用原型链知识点:1.构造函数 2.构造函数扩展 3.原型规则和示例 4.原型链 5.instanceof1、构造函数:2、构造函数扩展:var a = {} 其实是var a = new Object() 的语法糖var b = [] 其实...

2018-09-01 16:50:01 288

原创 JS之变量类型和计算

题目:JS中使用typeof能得到哪些类型 何时使用===何时使用== JS中有哪些内置函数 JS中按照存储方式分为哪些类型,并描述其特点 如何理解JSON1.JS中使用typeof能得到几种类型?需要特别注意的一点是:typeof能把值类型给详细地区分出来,但是对于引用类型区分度不够细,它只能把引用类型区分为object或function。第八行是一个引用类型,是一个空对象...

2018-09-01 12:34:57 168

原创 原型,原型链,对象,构造函数之间的联系。

一、首先说一下什么是对象?ES把对象定义为:“无序属性的集合,其属性可以包含基本值,对象和函数”。严格来讲,这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。正因为这样,我们可以把ES的对象想象成散列表:无非就是一组名值对,其中值可以是数据或函数。二、什么是构造函数?ES中的构造函数可以用来创建特定类型的对象,用来在创建对象时初始化对象...

2018-08-19 21:45:44 3060

原创 CSS盒模型

可以把一个元素看成是一个盒子,它由几部分组成:元素内容,内边距,边框,外边距所组成,但在计算元素的宽/高上与IE怪异盒模型存在很大区别。1.基于CSS标准定义的宽度和高度,对应于元素的内容框,在定义的内容框宽高之外绘制内边距和边框。2.基于IE怪异盒模型定义的宽度和高度,就决定了元素的边框盒,即为元素在设置内边距和边框是在已设定好的宽度和高度之内进行绘制,CSS中设定的宽度和高度减去内边距...

2018-08-18 11:29:44 134

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除