TomorrowLM-Web

基本概念标签数据 , msg也可以是js表达式，但只能包含**单个**表达式 一个表达式会产生一个值,它可以放在任何需要一个值的地方语句可以理解成一个行为.循环语句和if语句就是典型的语句需要语句的地方,你可以使用一个表达式来代替.这样的语句称之为表达式语句 v-model=”msg”建立双向绑定 1<input type="text" v-model="name"> 相当于： 1<input type="text" :value="name" @input="name = $event.target.value"> v-once指令： 执行一次性地插值，当数据改变时，插值处的内容不会更新 1<span v-once>这个将不会改变: {{ msg }}</span> 编译html元素 v-html v-text 标签属性1234567< ...

React的特点和优势 虚拟DOM之前操作dom的⽅式是通过document.getElementById()的⽅式，这样的过程实际上是先去读取html的dom结构，将结构转换成变量，再进⾏操作⽽reactjs定义了⼀套变量形式的dom模型，⼀切操作和换算直接在变量中，这样减少了操作真实dom，性能真实相当的⾼，和主流MVC框架有本质的区别，并不和dom打交道 组件系统react最核⼼的思想是将⻚⾯中任何⼀个区域或者元素都可以看做⼀个组件 component那么什么是组件呢？组件指的就是同时包含了html、css、js、image元素的聚合体使⽤react开发的核⼼就是将⻚⾯拆分成若⼲个组件，并且react⼀个组件中同时耦合了css、js、image，这种模式整个颠覆了过去的传统的⽅式 单向数据流其实reactjs的核⼼内容就是数据绑定，所谓数据绑定指的是只要将⼀些服务端的数据和前端⻚⾯绑定好，开发者只关注实现业务就⾏了 JSX 语法在vue中，我们使⽤render函数来构建组件的dom结构性能较⾼，因为省去了查找和编译模板的过程，但是在render中利⽤createElement创建 ...

网站搭建nginxhttps://juejin.cn/post/6887135998099062792 https://blog.csdn.net/Charissa2017/article/details/105886521 Nginx是一款轻量级的Web服务器，具有内存占用少，启动极快，高并发能力强的优势，采用事件驱动的异步非阻塞处理方式框架，IO性能好，时常用于服务端的反向代理和负载均衡。 正向代理与反向代理 反向代理服务器位于用户与目标服务器之间，但是对于用户而言，反向代理服务器就相当于目标服务器，即用户直接访问反向代理服务器就可以获得目标服务器的资源。同时，用户不需要知道目标服务器的地址，也无须在用户端作任何设定。反向代理服务器通常可用来作为Web加速，即使用反向代理作为Web服务器的前置机来降低网络和服务器的负载，提高访问效率 正向代理是什么东东？反向代理又是啥？ 「「正向代理」」 「「举个栗子」」 因为防火墙的原因， 直接访问谷歌是无法访问的， 这时可以借助梯子，即vpn，那么这个vpn(代理)就是代替客户端去访问服务器，然后将数据返回给客户端。服务器并不知道目标客户端 ...

webpackwebpack执⾏流程简略流程 图示流程理解分析： 读取⼊⼝⽂件； 基于 AST（抽象语法树） 分析⼊⼝⽂件，并产出依赖列表； AST （Abstract Syntax Tree）抽象语法树 在计算机科学中，或简称语法树（Syntax tree），是源代码语法结构的⼀种抽象表示。它以树状的形式表现编程语⾔的语法结构，树上的每个节点都表示源代码中的⼀种结构。 使⽤ Babel 将相关模块编译到 ES5； webpack有⼀个智能解析器（各种babel），⼏乎可以处理任何第三⽅库。⽆论它们的模块形式是CommonJS、AMD还是普通的JS⽂件；甚⾄在加载依赖的时候，允许使⽤动态表require(“、/templates/“+name+”、jade”)。以下这些⼯具底层依赖了不同的解析器⽣成AST，⽐如eslint使⽤了espree、babel使⽤了acorn 对每个依赖模块产出⼀个唯⼀的 ID，⽅便后续读取模块相关内容； 将每个依赖以及经过 Babel 编译过后的内容，存储在⼀个对象中进⾏维护； 遍历上⼀步中的对象，构建出⼀个依赖图（Dependency G ...

http://caibaojian.com/es6/ ES6let和constlet和const。其中，let完全可以取代var，因为两者语义相同，而且let没有副作用。在let和const之间，建议优先使用const，尤其是在全局环境，不应该设置变量，只应设置常量。同时JavaScript 编译器会对const进行优化，所以多使用const，有利于提高程序的运行效率 作用域作用域定义了变量的可见性或可访问性。大白话来说，就是一个变量能不能被访问或引用，是由它的作用域决定的。 全局作用域（Global Scope） 在代码中任何地方都能访问到的对象拥有全局作用域，一般来说以下几种情形拥有全局作用域： （1）最外层函数和在最外层函数外面定义的变量拥有全局作用域 （2）所有末定义直接赋值的变量自动声明为拥有全局作用域 （3）所有window对象的属性拥有全局作用域 局部作用域（Local Scope） 函数作⽤域：函数体中的局部变量只在函数执行时生成，函数执行完毕时局部变量即刻销毁 块级作⽤域：ES6引⼊了 let 和 const 关键字,和 var 关键字不同，在⼤括号中使⽤ ...

上午的考试为62道选择题，总分75分，通过分数通常为45分。纵观下面的考点分布，根据考试用书的章节，将各章节考点的分数占比从高到低排序： “第6章 网络互连与互联网”，占比高达20%。 “第8章 网络安全”，占比12%。 “第9章 网络操作系统与应用服务器配置”，占比12%。 “第12章 网络规划和设计”，占比10%。 “第13章 计算机基础知识”，占比10%。 “第2章 数据通信基础”，占比8%。 “第4章 局域网与城域网”，占比8%。 “第10章 组网技术”，占比8%。 “第3章 广域通信网”，占比5%。 校验码 常识概念增量备份是备份的一个类型，是指在一次全备份或上一次增量备份后，以后每次的备份只需备份与前一次相比增加或者被修改的数据，能节约备份时间。 在局域网应用中，由于数据通信量的快速增长，交换机带宽往往不够用，于是出现了将多条物理链路当作一条逻辑链路使用的链路聚合技术，这时网络通信由聚合到逻辑链路中的所有物理链路共同承担。 单位存储单位 位（bit） 字节（Byte） 字、字长 定义：CPU一次能处理的二进制就是一个字；CPU一次能处理的二进制的位数就是字 ...

1234567891011slug: 前端总结title: 总结description: 关于一些实战常用的html,css,es5的总结keywords: 浏览器,网络,html,css,scss,es5,jq,正则category: 前端tags: [浏览器,网络,html,css,scss,es5,jq,正则]author: limingdate: 25-September-2020sticky: 3swiper_index: 3swiper_desc: 关于一些实战常用的html,css,es5的总结！经验 开发规范后端123456//message提示{ code:'', data:{}, message:''} 参数类型：json对象，application/x-www-form-urlencoded 常用值定义： 状态(0开启，1关闭) table表格传参格式定义，页数，页码 校验方式：后端校验，前端message展示。 错误码规范 增删改查code码，获 ...

Hybridwebview嵌入在原生应用中 ，实现前端的混合式开发，大多数 Hybrid App 混合式开发框架都是基于WebView模式进行二次开发的。 webview就是原生应用中的浏览器引擎。 运行在webview中的JS代码有能力调用原生的系统API，没有传统浏览器沙箱的限制。沙箱的存在是因为，你永远不能完全信任加载的web内容，所以不能允许它调用原生的系统API。而在webview中开发人员通常可以完全控制加载的内容，恶意代码进入并在设备上造成混乱的可能性很低。 Android容器 在安卓客户端中，webView容器与手机自带的浏览器内核一致，多为android-chrome。不存在兼容性和性能问题。 RN容器 在react-native开发中，从rn 0.37版本开始官方引入了组件，在安卓中调用原生浏览器，在IOS中默认调用的是UIWebView容器。从IOS12开始，苹果正式弃用UIWebView，统一采用WKWebView。 通信前端通知客户端在H5页面里触发链接跳转，App Webview检测到链接跳转再进行拦截，因此可以通过URL上携带参数来告知App下一 ...

常见的数据可视化库 D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难) ECharts.js 百度出品的一个开源 Javascript 数据可视化库 Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司所使用 AntV 蚂蚁金服全新一代数据可视化解决方案 等等 Highcharts 和 Echarts 就像是 Office 和 WPS 的关系 自适应https://mp.weixin.qq.com/s/iybivItaK5fAU2yPX1OrJQ 图形:canvashttps://www.w3school.com.cn/tags/html_ref_canvas.asp canvas元素<canvas> 是 HTML5 新增的，一个可以使用脚本(通常为 JavaScript) 在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。 <canvas> 看起来和 <img> 标签一样，只是 <canvas> 只 ...