- 博客(23)
- 资源 (2)
- 收藏
- 关注
原创 前端开发中封装的一些常见方法
金额格式化在开发中涉及到的金额,需要对其进行金额格式化,如123456.23需要转化为123,456.23,就需要我们封装方法了:我们需要对每一项数字的位置进行判断,此时用字符串比较方便,又数组和字符串的结构相似,数组的一些方法比较灵活,故使用数组的方法进行处理。主要利用了数组的reverse()方法和reduce(fn,data)方法,reverse()方法主要是对数组进行倒序排列,从后往前进行处理;reduce(fn,data)方法的参数有两个:fn为一个函数,它有四个参数res,item,i
2021-04-08 19:18:56
1004
原创 前端开发中遇到的ios兼容性问题及解决
前端开发中遇到的ios兼容性问题及解决日期的兼容性事件兼容性日期的兼容性iOS下new Date('2020-03-11 00:00:00')不生效,可以使用new Date(2020,03,11,0,0,0')替代,也可以对日期进行date.replace(/-/g, '/')处理。/** * 在保险期为1年的规则下,获取终保日期的值 * @param {起保日期} start_date */const getEndDate = (start_date) => { if
2021-04-08 18:43:41
936
原创 JavaScript数组展平的实现方式
JavaScript数组展平的实现方式已知数组const arr = [1, 2, 3, [4, 5, [5, 6], 7, 8], 9, [10, 11, [12]]];将其展平为[1, 2, 3, 4, 5, 5, 6, 7, 8, 9, 10, 11, 12]可以使用的方式:1. const newArr = arr.toString().split(",").map(item=>Number(item));//注意这里需要将字符串转换为数字类型的,保证不改变数据类型c
2021-04-08 17:55:51
320
原创 通信类
1.什么是同源策略及限制源:协议 + 域名 + 端口同源策略:限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互;这是一个用于隔离潜在恶意文件的关键的安全机制cookie、localStorage、sessionStorage和indexDB无法读取 DOM无法获得 Ajax请求不能发送2.前端后如何通信Ajax:同源下的通信方式 WebSocket:不受同源...
2019-05-05 02:19:37
165
原创 前端框架原理
框架原理虚拟DOM vue React 对比1.vdomvdom使vue和react的核心,先讲哪个都绕不开它vdom比较独立,使用也比较简单vdom是什么?为何会存在vdom?virtual dom,虚拟DOM DOM的操作非常昂贵,JS的运行效率高 尽量减少DOM的操作,而不是推倒重来 用JS模拟DOM结构 DOM的变化的对比,放在JS层来做(图灵完备语言)...
2019-05-05 02:17:50
2383
原创 JS高级
1.ES6常用语法ES6模块化的使用和编译环境ES6的开发环境已经普及使用浏览器环境支持却不好(需要开发环境编译代码)关于JS众多的模块化标准没有模块化 AMD成为标准,require.js 前端打包工具,使得nodejs模块化可以被使用 ES6出现,想统一现在的模块化标准 1.模块化基本语法//util1.jsexport default{ a:1...
2019-05-04 20:35:07
159
原创 开发环境
1.IDEwebstormsublimevscodeatom插件!!!!!!2.Git(代码版本管理,多人协作开发)1.常用Git命令# Git中每个文件都有三种状态:committed、staged、modified# 我们获取的Git仓库中的所有文件都是committed状态,# 如果你在本地修改了文件a,a的状态就变成modified的;如果使用git ...
2019-05-04 15:06:01
431
原创 JS Web API
JS基础知识:ECMA 262标准JS-Web-API:W3C标准W3C标准中关于JS的规定有:DOM操作、BOM操作、事件绑定、ajax请求(包括http协议)、存储页面弹框是window.alert(123),浏览器需要做:定义一个window全局变量,对象类型 给它定义一个alert属性,属性值是一个函数获取元素document.getElementById(id),...
2019-05-04 01:14:40
263
原创 JS基础篇
1.变量类型和计算值类型和引用类型值类型有string、number、boolean、undefined、null引用类型:对象、数组、函数// 值类型 a把自己的值复制一份给b,a修改了自己存储的100,而b的不改变,还是100var a = 100;var b = a;a = 200;//100 console.log(b);// 引用类型 a把自己...
2019-05-03 20:53:12
132
原创 JavaScript面试题目
1.使用数组的lengthlength=0清空数组(arr=[]效率更高)var arr1 = arr2 = [1,2,3];arr1.length = 0;console.log(arr2);[]arr1.length = 1;console.log(arr2);//[undefined]缩减数组var arr = [1,2,3,4,5,6,7,8,9,10];...
2019-05-03 16:10:52
1201
原创 JavaScript严格模式
严格模式"use strict"//下面的代码都是严格模式下的//如果use strict不在第一行,整个脚本以普通模式运行(function(){ //函数中使用严格模式,也必须放在第一行 "use strict";})()严格模式和普通模式的区别1.严格模式下变量必须先声明后使用,否则报错"use strict";var x = 1; //...
2019-05-03 13:35:56
303
原创 错误监控
前端错误的分类即时运行错误:代码错误资源加载错误错误的捕获方式即时运行错误:代码错误捕获1.try...catch(e){console.log();}2.window.onerror = function(e){console.log(e)}window.addEventListener("error",function(){},false);资源加载错误(win...
2019-05-03 12:53:28
223
原创 页面性能
题目:提升页面性能的方法有哪些?1.代码合并、压缩,减少HTTP请求如CSS的雪碧图,Base64编码的图片,webpack的代码压缩2.非核心代码的异步加载动态创建script、script标签的defer属性和async属性3.利用浏览器缓存强缓存(expires和max-age,sessionStorage、localStorage、IndexedDB )、协商缓存(...
2019-05-03 11:40:00
234
原创 JS运行机制
1.如何理解JS的单线程输出结果为:1,2,3JS是从上到下执行的JS是单线程的,即在同一时间只能做一件事情遇到同步程序,直接执行;遇到异步程序,先挂起,等同步程序执行完毕后再执行2.什么是任务队列同步队列:优先级最高异步队列:遇到异步队列先挂起,等同步队列执行完后,再选择执行异步队列的某个setTimeout中的时间间隔如果小于4mss,也按4ms计算...
2019-05-03 09:26:45
142
原创 渲染机制
1.什么是DOCTYPE及作用DTD(document type definition,文档类型定义)是一系列的语法规则,用来定义XML或(X)HTML的文件类型,浏览器会使用它来判断文档类型,决定使用何种协议来解析,以及切换浏览器模式。DOCTYPE是用来声明文档类型的DTD规范的,一个主要的用途是文件的合法性验证如果文件代码不合法,那么浏览器解析时便会出一些差错HTML5的...
2019-05-02 23:36:06
191
原创 安全类
前端安全涉及几种分类:1.CSRF1.基本概念和缩写CSRF即Cross-site request forgery称为跨站请求伪造2.攻击原理要点:1.网站的某个接口存在漏洞2.用户在网站A确实登录过,只有登录过,服务端会返回cookie,而cookie是在每个请求自动携带的,sowangzhanB会引诱用户点击链接访问网站A的某个接口,帮用户恶意做一些事情3....
2019-05-02 19:43:39
129
原创 面向对象、类与继承
1.类与实例1.类的声明1.构造函数声明function Animal(name,age){ this.name = name; this.age = 20;}//给构造函数的原型添加方法,在原型上添加可以进行数据共享、节省内存空间Animal.prototype.say = function(){ console.log("我叫"+this.name...
2019-04-29 04:49:13
130
原创 原型链
1.创建对象有几种方法1.字面量var obj = {name:"zhangsan"}obj.age = 202.构造函数创建对象//自定义构造函数function Animal(name,age){ this.name = name; this.age = age;}//使用new关键字创建对象var animal = new Animal("d...
2019-04-29 03:37:25
75
原创 HTTP协议类
1.HTTP协议的主要特点1.简单快速每个资源都是固定的,所以http处理起来很方便,要想访问某个资源,直接输入URL即可。2.灵活每个http头部都会有数据类型,通过一个http请求可以完成不同数据类型的传输3.无连接服务端与客户端发动请求与响应结束后,连接就会断开,不会保持连接4.无状态客户端第一次向服务端请求数据,http帮我们建立连接,传输数据,任务完...
2019-04-29 03:09:27
84
原创 DOM事件类
1.DOM事件的级别事件级别 DOM标准定义的级别DOM0 elem.onclick = function(){}DOM1 没有事件级别的制定DOM2 elem.addEventListener("click",function(){},false)IE中,elem.attachEvent("onclick",function(){})DOM3 el...
2019-04-29 02:16:59
99
原创 CSS盒模型
1.标准模式下的盒模型宽度和高度都是设定的css中的width和height的值2.IE模式下的盒模型宽度 = 设定的css中的width值 + padding-left+ padding-right + border-left +border-right高度 = 设定的css中的height值 + padding-top+padding-bottom + border-...
2019-04-29 01:38:01
100
转载 JavaScript中的call方法
一、方法的定义call方法:语法:fun.call([obj[,arg1[, arg2[, [,.argN]]]]])变量说明:fun是一个方法,obj是要调用的对象,arg1,arg2...是这个方法的参数定义:调用一个对象的一个方法,以另一个对象替换当前对象。说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的...
2017-08-18 11:44:02
239
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人