js
文章平均质量分 60
蓝色云岩
星空之下,尘埃之上
展开
-
【react高级指引】
1、代码分割1、出现原因1、随着应用变大,或者集合了第三方的库,代码包体积会变大。加载时间也会变长2、为了避免大体积的代码包,前期应该对代码包分割2、实现3、webpack可以提供这个功能4、可以创建多个包,并在运行时动态加载5、可以懒加载用户需要的代码3、import1、webpack解析到的时候会自动代码分割2、需要确定babel能够动态解析import,而不是转换3、需要babel的插件:@babel/plugin-syntax-dynamic-import4、懒加载cons原创 2021-01-26 18:24:17 · 101 阅读 · 0 评论 -
webpack
自动将代码打包发送到浏览器端,用新的模块替换旧的模块,实现局部更新而不是整体刷新,可以保存应用的状态,提高开发效率。webpack-dev-serverwebpack模块1、是离散功能块2、作用:接触面更小,检验调试更容易,使得每个模块都有明确的任务和作用3、模块化的语句:es2015的import,commonjs的require语句,amd的define和require语句,csscommonjs是什么:1、是js模块化规范流行:2、得益于nodejs采用这种规范,通过npm发布的很原创 2021-01-25 18:49:05 · 676 阅读 · 0 评论 -
react
react的特点1、单向数据流:父组件向子组件传递消息,子组件不可以更改数据,就是props只读2、批处理虚拟dom的刷新 ,所以连续改变数据会识别不出来,在一个时间循环中两次数据变化会被合并3、如果同步更新组件,耗时太大,会卡顿,fiber会分片,将大任务分解为小任务4、render做了什么:创建元素(babel转换js语法),元素和容器传进去render,创建组件实例,批量插入或者更新优点1、jsx可读性好2、xjsx1、用js描述ui2、属性值:1. 引号加字符串。2.表达式加大括原创 2021-01-25 00:48:38 · 81 阅读 · 0 评论 -
redux
子传父事件原创 2021-01-24 22:24:29 · 51 阅读 · 0 评论 -
react基础
生命周期函数组件挂载部分组建渲染之前:componentWillMount。会在构造函数和state初始化后,执行。之后是组件挂载,render解析组建渲染之后:componentDidMount数据更新部分组件可否更新:shouldComponentUpdate,返回true和false,参数nextpropos父组件传递给子组件的值,nextstate是数据更新之后的状态,更新之前执行:componentWillUpdate,返回true,会执行,接着render会渲染更新原创 2021-01-24 00:31:25 · 576 阅读 · 4 评论 -
webpack
创建过程nodejs使得js可以在除了浏览器的环境下运行nvm是nodejs的管理工具,因为nodejs版本更新过于快速,不同版本可能会遗鸥2问题,npm,如果我们在项目中需要一些别人写好的库,需要用npm加上名称来引用以及删除npx,到项目的nodemoudle文件夹中寻找依赖,1、安装npm和cnpm,注意mac安装的时候可能需要权限级别,输入电脑密码2、npx create-react-app demo13、cd demo14、npm start环境介绍nodemoudles依赖包原创 2021-01-23 21:32:54 · 85 阅读 · 0 评论 -
2021-01-02
Created with Raphaël 2.2.0import导入freeTask()接口操作列添加释放任务按钮状态为COMMITED/REJECTED/PROCESSING/REPROCESSING?显示释放任务按钮点击按钮触发事件调用接口,传入任务类型和id释放任务不显示按钮yesno...原创 2021-01-02 19:36:40 · 201 阅读 · 1 评论 -
2020-12-30
1、对象不可以插入html2、大括号里面写js表达式,不能写语句3、有返回值的就是表达式,比如函数调用,一个函数也是表达式,值就是4、函数体本身。5、将数组加工为标签数组使用map遍历的时候,每个标签必须有唯一的key模块化:一个js文件就是一个文件,向外提供功能组件比模块高一个等级模块只是js,组件是所有功能的集合,包括js,css,html,复用代码,提高效率当应用的js都是模块或者组件来编写,就是模块化和组件化的项目,接下来还有工程化面向组件编程谷歌应用商店安装react-原创 2020-12-30 00:21:03 · 56 阅读 · 0 评论 -
2020-12-26
1、熟悉业务流程1.1、业务背景:1.1.1、公司两大战略:AI和出海。 使用机器翻译流水线,翻译中国的漫画小说到国外, 训练AI算法,使得 产品走向世界1.1.2、第二代翻译流水线2、熟悉人员分工...原创 2020-12-26 11:56:36 · 72 阅读 · 0 评论 -
wend
标注管理平台功能概述:管理翻译兼职人员信息以及翻译任务用户管理任务管理【任务集管理】【任务管理】任务统计【术语标注】【译后修订】【审校任务】【术语干预】页面组件:用户管理:1.1. 对应页面组件:/user/index.vue1.2. 实现功能:1.2.1. 新增用户:1.2.2. 定义按钮,绑定函数handlecreate()//按钮,属性包括类名,样式,触发函数<el-button class="filter-item" styl原创 2020-12-23 16:43:48 · 255 阅读 · 0 评论 -
【BOM】思维导图
原创 2020-12-14 08:16:57 · 212 阅读 · 0 评论 -
【字符串】方法总结-
原创 2020-12-14 08:16:21 · 103 阅读 · 0 评论 -
【正则表达式】思维导图-知识总结-常用方法
原创 2020-12-14 08:15:36 · 149 阅读 · 0 评论 -
ES6对象+类class
对象属性和方法、字面量+new Object、操作属性点语法或者中括号、对象转换valueOf和toString、解构赋值:数组/参数/对象、/属性管理:添加删除:delete、检测:hasownproperty-in-、设置原型:setprototype、对象合并:assign(对象、合并对象)、对象拷贝:浅拷贝:引用-同时修改(assign、点语法)、深拷贝:创建新的值(forof添加相关代码)工厂函数:将相同的操作封装到一起,不需要new,需要return函数对象:函数.toString()原创 2020-12-13 19:17:31 · 206 阅读 · 0 评论 -
【前端面试题】异步编程+时间轮询+严格模式+全局函数+object方法+
1、 说明⼀下 setTimeout 、 Promise 、 Async/Await 的区别首先、都与异步有关同步进入主线程、异步进入event table注册函数、指定的事情完成时,eventtable会将事情移入event queue、主线程中同步的任务执行完毕会去队列中执行,这就是***事件轮询***setTimeout属于宏任务,宏任务还包括整体代码、settimeout、setintervalpromise本身属于宏任务、但是then里面属于微任务、执行settimeout时候,会将里面原创 2020-12-13 18:06:16 · 184 阅读 · 0 评论 -
promise
js单线程,将任务放在各个模块,从任务队列里面轮询查找任务new Image对象,Image对象是DOM的内置对象,含有时间onload和onerror表示加载成功或者加载失败以上函数的后两个参数是函数参数,表示加载失败成功的回调函数使用回调函数处理异步...原创 2020-12-13 15:35:15 · 59 阅读 · 0 评论 -
【瀑布流】
原创 2020-12-13 10:43:11 · 103 阅读 · 0 评论 -
【小白刷题】前端笔试面试题目集合
解析:static:元素默认属性,设置static取消从父元素继承得定位,元素属于标准流,fixed:将元素固定在视窗不随着滑动而滑动,relative:相对于自己定位,元素原来得空间保持不变,absolute:相对于除static定位得第一个父元素定位,原来的位置改变解析:域名协议端口号一个不同,就是不同的域、cors跨域资源共享:使用自定义的http头部,附加一个包含请求页面的信息,以遍服务器判断是否响应、document.domain设置为相同的值,页面可以互相访问对方的js对象、.原创 2020-12-11 21:23:07 · 444 阅读 · 0 评论 -
canvas
三角原创 2020-12-11 15:10:41 · 62 阅读 · 0 评论 -
HTML5-本地存储
什么是本地存储1、浏览器请求数据不一定全是服务器来存储,一些和用户登陆,状态相关,的比如用户关闭了一个网页,这些信息存储在客户端cookie1、存储的太少2、随着http传回服务器3、比如免登陆web storge1、5m2、使用键值对3、IE8开始兼容会话存储session storsge 页面关闭就消失...原创 2020-12-11 13:35:00 · 86 阅读 · 0 评论 -
http传输+三次握手+状态码+cookie
HTTP传输协议传输协议: 前后端交互的方式 四个步骤。1:建立连接。2:前端发送请求。3:后端响应请求。5:断开连接 一次传输一个任务,任务可以详细 单工通信,不允许前后端同时发送 前后端只能交互字符串,四个步骤 建立连接:基于tcpip的三次握手:是浏览器和服务器之间,保证通道的连接。第一次:前端问后端在不在,第二次后端说前端我在,第三次前端会后端说好的。第四次,后端和前端说发送消息吧, 三次握手只能保证当前是连接的,以后无法保证 发送请求:前端发给后端,报文形式发出。..原创 2020-12-09 21:20:26 · 439 阅读 · 0 评论 -
map
对象做键名*map参数foreach的参数是-value,key,map顺序不可以错原创 2020-12-09 15:15:37 · 65 阅读 · 0 评论 -
【es6】set和map数据结构解析
setset本身是一个构造函数,用来生成set数据结构就像array本身是一个构造函数,用来生成数组数据结构set里面的值不可以重复set用法 初始化,=>set可以接收数组作为参数初始化,将数组中重复着的值去掉var items = new Set([1, 2, 3, 4, 5, 5, 5, 5]); items.size // 5进而引申出数组去重的方法,[...new set([1,2,33,3,3,4,])=>set也可以接收对象作为参数function原创 2020-12-09 11:18:21 · 144 阅读 · 0 评论 -
【es6】块级作用域和函数声明
块级作用域和函数es6明确规定,可以在块级作用域中声明,即使在严格模式下也不会报错//首先在全局作用域中声明f函数function f() { console.log('I am outside!'); }(function () { if (false) { // 重复声明一次函数f //在es5中执行时,下面的函数定义会被提升到if外面,因为if不是块级作用域 //在es6执行时,if是块级作用域,里面声明的函数f对外面没有影响,if false 里面不会执行,变量原创 2020-12-09 09:26:44 · 380 阅读 · 0 评论 -
【js数据类型】脑图
原创 2020-12-08 20:40:33 · 85 阅读 · 0 评论 -
【js运算符】脑图
原创 2020-12-08 20:39:41 · 50 阅读 · 0 评论 -
【js函数基础】脑图
原创 2020-12-08 20:38:50 · 113 阅读 · 0 评论 -
【js变量】脑图
原创 2020-12-08 20:38:07 · 68 阅读 · 0 评论 -
【JS-DOM】脑图
原创 2020-12-08 20:26:22 · 120 阅读 · 0 评论 -
JS数组注意点
unshift()是在头部添加,shift()在头部删除delete a[0] 删除某一个元素3. 数组属性:1、 constructor执行数组对象的构造函数,2、length返回数组元素个数,3、prototype构造函数具有的属性,可用来添加属性和函数4. splice的功能:删除:splice(开始下标,删除元素个数);插入:splice(开始下标,0(表示不删除),插入的项)替换:splice(开始下标,删除的项数,插入的项)直接操作原数组slice的功能从当前.原创 2020-12-08 20:18:46 · 102 阅读 · 0 评论 -
【js-MAP]map函数原理解释
map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。 let num1 = []; num1 = num.map((val)=>{ val+=1; return val; }) console.log(num1); map不改变原数组 map返回数组元素操作后的值,就是一定有返回值 map遍历一次产生一个返回值并举了个例子:var array1 = [1原创 2020-12-08 20:18:13 · 1335 阅读 · 0 评论 -
JS-数组详细知识点思维导图
原创 2020-12-08 18:02:07 · 283 阅读 · 0 评论 -
闭包常见问题
1、闭包的定义闭包就是一个函数,一个可以读取外部函数变量的函数就成为闭包2、闭包的特点1、闭包内部可以访问外部函数的变量2、延长外部函数变量的生存周期,因为当外部函数执行完毕之后,闭包可能会继续使用函数内部的变量,垃圾回收无法回收该函数内部的变量3、保护私有变量,是的私有变量只能被闭包访问,不能被外部随意访问,3、垃圾回收举例var num = 6;function outer() { var num = 1; function inner() { var n = 2; aler原创 2020-12-08 17:50:07 · 682 阅读 · 0 评论 -
作用域原理揭秘,你真的了解作用域吗
首先,啥是作用域,作用域就是一个变量可被访问的范围,也就是说,你定义了一个变量,我在哪里可以访问到它,哪里就是它的作用域然后,es6新加了let和const 我们先不讨论,因为这俩的作用域很好判断,我们讨论var,也就是这个坑最多,面试经常问的东西我们要明确,var是没有块级作用域的!var scope="global";function t(){ console.log(scope); var scope="local" console.log(scope);}猜猜输原创 2020-12-08 13:56:28 · 470 阅读 · 0 评论 -
ES6的类具体解析
为啥要在es6里面引入类===> 我们知道,es6之前,js是没有类这个东西的,创建对象就使用构造函数就完了,===>构造函数还是把一个普通函数包装一下(函数名首字母大写,使用new关键字)就成了一个构造函数不想创建对象了,它还做普通函数使,太草率了吧===>于是乎,为了弄一个专门创建对象的家伙,类(class)就来了(没错,绝对使抄袭java的类)格式啥的不要太类似!class student{ constructor(name){ this.na原创 2020-12-07 21:36:48 · 104 阅读 · 0 评论 -
【javascript】监听函数中的this指向
1、注意this指向问题,在addeventlistener监听事件中,this不再是原来的this,而是事件源Enlarge.prototype.move = function(){ let that = this //解决办法1、提前用that保存this this.show.addEventListener('mouseover',function(){ console.log(this); //使用that that.enla原创 2020-12-07 20:38:30 · 795 阅读 · 0 评论 -
【ECMAscript-引用类型】预定义引用类型
引用类型就是类,引用类型的值就是对象,但是js里面没有类这个概念没有参数,括号也是可以省略的var o = new Object;预定义对象1、object所有对象均继承这一个对象object的属性constructor,是一个指针,指向创建该对象的函数,也就是这个对象的构造函数,对于object的constructor指向原始的object()方法prototype,指向object的原型总结一下:我们需要牢记两点:①__proto__和constructor..原创 2020-12-07 14:01:58 · 94 阅读 · 0 评论 -
【ECMAscript】Number
无论是整数还是浮点数都是number类型表示浮点数格式必须要小数点后面加上数字,不能省略小数点和小数点后面的数字表示八进制加上前置0,表示16进制加上前置0x浮点数计算前以字符串的形式存储特殊number值,number.MAX_VALUE和number.MIN_VALUE表示最大最小数字NAN表示非数字,一般将字符串转化数字失败时会返回nan,nan和任何数据都不相等,判断是不是nan时,使用isNaN(“aa”)返回true,isNaN(“22”)返回false...原创 2020-12-07 13:29:30 · 84 阅读 · 0 评论 -
【ECMAscript】NULL
null的类型和值都是nullnull和undefine的值时相等的,因为undefine也是从null派生出来的alert(null == undefined); //输出 "true"但是null和undefine的含义不同,null表示尚未存在的对象,undefine表示未的初始化的...原创 2020-12-07 10:57:22 · 95 阅读 · 0 评论 -
ECMAscript-undefine类型
1、未赋值的变量值自动赋值为undefine,用typeof检测的时候,未定义和未赋值的变量都返回undefine2、当函数没有返回值时,返回的值也是undefinefunction testFunc() {}alert(testFunc() == undefined); //输出 "true"...原创 2020-12-07 10:53:34 · 126 阅读 · 0 评论