笔记
ZHANGJIN9546
这个作者很懒,什么都没留下…
展开
-
深入理解Event Loop(事件循环)、宏任务,微任务
前言众所周知,JavaScript 是一门单线程语言,虽然在 html5 中提出了 Web-Worker ,但这并未改变 JavaScript 是单线程这一核心。可看HTML规范中的这段话:To coordinate events, user interaction, scripts, rendering, networking, and so forth, user agents must use event loops as described in this section. There are原创 2020-12-09 18:55:11 · 343 阅读 · 0 评论 -
vue-cli3配置proxy解决跨域(涉及内容什么是跨域,跨域的原理,跨域的解决。axios的封装,axios请求的封装,封装函数在组件中的具体使用,添加请求拦截器,添加响应拦截器)
跨域问题是前端开发中较常见的问题,因为javascript的浏览器会支持同源策略,如果域名、协议、端口任意不同就会产生跨域,如果非同源,那么在请求数据时,浏览器会在控制台中报一个异常,提示拒绝访问,错误信息如下:Access to XMLHttpRequest at ‘http://baidu.cn/api/b1/auth/login’ from origin ‘http://localhost:...原创 2020-01-06 11:22:09 · 971 阅读 · 1 评论 -
react元素渲染
一,元素的渲染首先我们在一个 HTML 页面中添加一个 id=“example” 的div<div id="example"></div>在此 div 中的所有内容都将由 React DOM 来管理,所以我们将其称为 “根” DOM 节点。我们用 React 开发应用时一般只会定义一个根节点。但如果你是在一个已有的项目当中引入 React 的话,你可能会需要在不同的...原创 2020-01-02 17:48:21 · 226 阅读 · 0 评论 -
如何实现在使用element-ui中table的组件时可以实现编辑和增删改查功能(1.使用失去焦点事件,调用后端接口进行input框的查重。2.使用element UI 的row-click)
element前端ui组件挺美观的,我们也使用了他们的table组件,但是默认没有提供行编辑功能,我们可以通过将table的每个单元格换成input框来巧妙实现。默认每个单元格就是一个template数据填充,不可编辑;我们可以在template里面包裹一个input框来实现单元格可编辑;等每一个单元格都可编辑的时候,我们可以在每一行后面加一个按钮来控制只可编辑当前行。先来看一下原始不可编辑的写...原创 2020-01-02 17:40:54 · 1002 阅读 · 0 评论 -
element中this.$message 失效问题解决方法(使用全局调用,重新定义this)
这两天写项目的时候发现了这个问题。问题再现:在Model框中操作数据,在使用this.$message进行消息提示时发现,提示框失效。本人解决方案(具体原因我没有找出来,写这个出来也是为了让大佬指点指点) // 保存修改数据 handleSaveMu(row) { let srcColumnSqc = row.srcColumnSqc; ...原创 2020-01-02 16:58:19 · 10095 阅读 · 3 评论 -
Model-Ant Design- 打开弹出框,编辑form表单时,model框会出现抖动是什么原因
这两天写项目的时候发现了这个问题。项目再现:当时做的是一个弹框形式的form表单,运用的是Ant Design中的Model+Form组件。问题再现:当我操作input框时,Model框会出现抖动。当把窗口缩小时,该情况就不会出现。本人解决方案(具体原因我没有找出来,写这个出来也是为了让大佬指点指点).ant-modal-body{ width:99%; ...原创 2019-12-25 15:42:33 · 1981 阅读 · 0 评论 -
JavaScript兼容问题总结
01、获取滚动条滚动的距离var sTop = document.documentElement.scrollTop || document.body.scrollTop002、获取非行间样式IE: currentStyle[attr]标准: getComputedStyle[attr]003、获取事件对象var e = e || event;004获取键盘信息e.keyCo...原创 2019-06-28 17:30:25 · 194 阅读 · 0 评论 -
http状态码有那些,分别代表什么意思
http状态码有那些,分别代表什么意思1(信息类):表示接收到请求并且继续处理**100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本2(响应成功):表示动作被成功接收、理解和接受**200——表明该请求被成功地完成,所请求的资源发送回客户端201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请...原创 2019-07-13 11:29:51 · 828 阅读 · 0 评论 -
Html5中本地存储概念是什么,有什么优点,与cookie有什么区别?
html5中web storage包括了两种存储方式:sessionstorage和localstorage。sessionstorage用于本地存储一个会话(session)中的数据,这些数据只在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionstorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localstorage用于持久化的本地存储,除非主动删除数...原创 2019-07-13 11:21:24 · 828 阅读 · 0 评论 -
原型对象、原型链知识点总结
1、扩展几个面向对象术语OOA 面向对象分析OOD 面向对象设计OOP 面向对象编程2、对象创建的几种方式字面量方式创建对象(类似json格式)上面创建对象的方式有一个共同的特点 : 一次只能创建一个对象缺点 : 多个同类的对象在创建时,代码会重复编写4、工厂模式 (设计模式的一种)了解可以通过函数调用的方式创建对象工厂模式创建对象的过程 :优点 :解决了多个同...原创 2019-06-27 20:09:28 · 455 阅读 · 0 评论 -
利用 NodeJS 实现静态服务器
一、什么是服务器服务器,也称伺服器,是提供计算服务的设备,由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力常见的HTTP服务器软件:Apache、Nginx、IISnode服务器:如果我们使用PHP来写后端的代码时,需要Apache或者Nginx的HTTP服务器来处理客户端的请求响应。不过对Node.js来说,概念完全不一样了。使用Node.js时...原创 2019-07-08 21:14:04 · 492 阅读 · 0 评论 -
cookie 会话跟踪技术
cookie 会话跟踪技术1、cookie就是会话跟踪技术会话 : 从浏览器打开(网站打开) 到浏览器关闭的这样一个过程称为一次会话会话跟踪技术 : 在打开浏览器操作cookie后,再次打开其他页面,这个cookie数据在几个浏览器中是 数据共享的 cookie数据存储在浏览器上,也就是存储在计算机的硬盘上 而不是内存中 , cookie的数据也可以理解成一个全局变量2、cookie的操...原创 2019-06-27 17:45:27 · 1716 阅读 · 0 评论 -
关于闭包的详解,以及为什么要用它
关于闭包的详解,以及为什么要用它闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量,利用闭包可以冲破作用域链,将函数内部的变量和方法传递到外部。闭包的特性:1、函数内再嵌套函数2、内部函数可以引用外层的参数和变量3、参数和变量不会被垃圾回收机制回收例如://li节点的onclick事件能正确的弹出当前被...原创 2019-07-13 14:03:46 · 213 阅读 · 0 评论 -
jquery相关知识点总结
1、jquery概念是js的一个类库 (对js中某些功能的封装)用jq实现的功能一定能用js实现 反过来 不一定,js实现的功能jq不一定能实现。2、jquery好处a、代码简洁 b、兼容性好 c、最少的代码做多的事情 d、性能支持比较好e、节约学习成本 f、让DOM操作变的简单jQuery框架支持链式写法jQuery框架实现了跨浏览器的兼容包括IE低版...原创 2019-06-29 22:44:01 · 521 阅读 · 0 评论 -
VUE前端框架介绍(基础)
一、设计模式(MVC/MVP/MVVM)的区别1、Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式MVVM框架。设计模式(MVC/MVP/MVVM)的对比(1)MVC (Model View Controller ):a、视图(View):用户界面。b、控制器(Controller):业务逻辑c、模型(Model):数据保存MVC特点...原创 2019-07-16 22:26:21 · 2068 阅读 · 1 评论 -
VUE数据驱动和双向绑定
1、安装VUE(1)、CDN引入:对于制作原型或学习,你可以这样使用最新版本:<script src="https://cdn.jsdelivr.net/npm/vue"></script>对于生产环境,我们推荐链接到一个明确的版本号和构建文件,以避免新版本造成的不可预期的破坏:<script src="https://cdn.jsdelivr.net/n...原创 2019-07-16 22:37:34 · 398 阅读 · 0 评论 -
Vue基础(Vue中使用css样式、模板语法、常用指令、事件处理)
1、在Vue中使用CSS样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS样式</title> <style> /*v-cloak:解决加载闪烁时出现的Vue标签或者指令(一...原创 2019-07-16 22:49:09 · 1353 阅读 · 0 评论 -
Vue中表单控件(实现多选/反选、删除、单选功能)
Vue中表单控件(实现多选/反选、删除、单选功能) <html lang="en"><head> <meta charset="UTF-8"> <title>全选/反选</title> <style> /*v-cloak:解决加载闪烁时出现的Vue标签或者指令(一般出现在cdn引...原创 2019-07-16 23:03:21 · 1169 阅读 · 0 评论 -
Vue基础(父子组件传值、兄弟组件传值、ref的使用、slot插槽)
组件Vue.component(’组件名称’,’组件’)组件包括:templatedatamethods生命周期钩子函数computedwatch…….1、父组件给子组件传值:<ChildComponent title="我是子组件"></ChildComponent>子组件用props接受:第一种方式:props:[‘title’] //数组...原创 2019-07-17 12:06:40 · 1275 阅读 · 0 评论 -
面向对象、构造函数知识点总结
1 、面向对象什么是对象 : 对象是一个整体用来描述一个事物的所有信息对象 都有属性和方法(特性)什么是面向对象 : oop 是一种编程思想,体现的是生活逻辑面向过程与面向对象的区别面向过程:就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候一个一个依次调用就可以了。面向对象:是把构成问题事务分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描叙...原创 2019-06-21 09:06:42 · 308 阅读 · 0 评论 -
git、模块化开发知识点总结
gitgit 分布式版本管理控制工具git优点:适合分布式开发,强调个体公共服务器压力和数据量都不会太大速度快,灵活可以离线工作svn优点 :管理方便,逻辑明确集中式管理更能保证安全性适合开发人数不多的项目开发三个概念:版本库 : 在初始化git版本库之后会生成一个隐藏的文件 .git ,可以将该文件理解为git的版本库 repository工作区 : 项目目录暂存...原创 2019-07-01 19:27:27 · 517 阅读 · 0 评论 -
gulp的安装与使用、sass的正确使用总结
gulp的安装步骤 window下哪个命令能够进入命令行窗口 :cmd1、先安装nodejs2、全局安装gulp 打开cmd命令行窗口安装命令 : npm install -g gulp@3.9.1 gulp的全局安装检查gulp是否安装成功 : gulp -v3、局部安装 在项目目录中安装gulp在该项目目录下进行局部安装gulp 命令是 :进入到项目目...原创 2019-07-01 19:16:58 · 975 阅读 · 0 评论 -
node 、搭环境的具体流程相关知识点总结
1、什么是nodea、概念Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 的包管理器 npm,成为世界上最大的开放源代码的生态系统。什么是npm?npm是一个node的包管理工具 ,也是一个网站 ,还是一条命令b、安装安装nodenpm是和Nodejs一起并存的,只要安装了Nodejs,npm也安装好了,安装好Nodejs...原创 2019-07-01 17:49:25 · 246 阅读 · 0 评论 -
JS程序结构总结
1、短路问题 (扩展)当true 遇到 || ,|| 后面的表达式不执行当 false 遇到 &&,&&后面的 表达式不执行2、运算符的优先级() 单目++ – ! 算术 关系 逻辑 条件 赋值赋值运算符是所有运算符中最低的变量 = 表达式 将表达式的值赋值给变量3、类型转换自动转换:在进行算术运算或关系运算,纯数字字符串会自动转...原创 2019-06-17 17:18:31 · 355 阅读 · 0 评论 -
js基础
1、什么JavaScript? 客户端 : 由浏览器直接运行js是一门客户端的具有安全性的一门脚本语言js功能:实现页面上常见的动态特效2、js的历史背景(了解)Netscape公司的布兰登•艾奇开始着手计划将1995年2月发布的LiveScript同时在浏览器和服务器中使用。为了赶在发布日期前完成LiveScript的开发,Netscape与Sun公司成立了一个开发联盟。而此...原创 2019-06-17 17:02:38 · 777 阅读 · 0 评论 -
前端与数据库结合运用详解
1、mysql数据库(了解)什么是数据库 : 存放数据的仓库数据库语言 : mysql sqlServer oracle ---->关系型数据库,非关系型数库:mongoDB数据库中存放的数据都是被结构化的数据数据库中的数据是存放到一张表中的一个数据库中可以存放多张数据表一张表由多行和多列组成 ,列标题叫做 字段2、数据库的创建create database 数据库...原创 2019-06-21 12:30:22 · 19699 阅读 · 0 评论 -
PHP使用原理及方法
1、php服务器语言:通过 apache服务器解析执行的, 文件扩展名 :.php服务器文件xxx.php必须要放到服务器目录下执行 : 服务器目录 www服务器解析的文件 及 文件所在的目录 不允许出现中文、特殊符号等服务器目录(www)下文件的运行 :http://127.0.0.1/目录名称/子目录/文件名.扩展名http协议默认的端口号: 802、php分解符&...原创 2019-06-21 11:27:54 · 355 阅读 · 0 评论 -
js实现页面各种运动效果总结
匀速运动:解决速度问题 : 速度在函数体内部完成var speed = target-obj.offsetLeft > 0 ? 正值 : 负值缓冲运动:解决速度问题 让运动的物体达到目标值var speed = (target - obj.offsetLeft)/10; //速度随着时间变化而变化 speed = speed > 0 ? Math.ceil( sp...原创 2019-06-21 08:10:46 · 478 阅读 · 0 评论 -
js中正则用法相关总结、界面拖拽效果的实现
1、正则表达式对象什么是正则 : 正则的规则用于规范用户输入数据的合法性正则表达式的组成 :普通字符 和 特殊字符组成特殊字符 :具有特定的含义正则表达式的定义 :正则表达式对象 RegExp var reg = /正则表达式/修饰符; 特殊字符 :单字符 :^ 正则开始$ 正则结束| 表示或者 一般与 () 连用. 表示任意一个字符\ 表示转义把正则...原创 2019-06-21 07:55:29 · 286 阅读 · 0 评论 -
ES6(ECMAScript)中几个实用特性详解
ES6 ECMAScriptGenerator 函数:关键字 let 、const 和 varconst 定义常量的关键字(如果变量的值不发生变化,也可以用于定义变量)const PI = 3.14; 常量定义注意 : 常量一旦被定义,值就不会发生变化(值不可以被改变)块级作用域 :letlet 定义变量的关键字let使用时需要注意几点:(和var的区别)a 、le...原创 2019-06-20 09:27:02 · 244 阅读 · 0 评论 -
js中事件流、事件冒泡、事件监听、事件委托相关问题总结
1、事件流当触发某个事件时 从子元素到父元素或者从父元素到子元素的触发过程 成为 事件流事件流有两种模式 :事件冒泡 从子元素向父元素触发事件捕获 从父元素向子元素触发//实测2、事件冒泡(重要)当触发某个事件时,同样的事件会向父元素触发,这种现象就叫做事件冒泡阻止事件冒泡 :e.stopPropagation ? e.stopPropagation() : e.ca...原创 2019-06-20 08:32:58 · 297 阅读 · 0 评论 -
js循环结构总结
绪论:循环五要素a、循环变量b、循环变量初始值c、循环变量终值(循环条件)d、循环变量增值(步长)e、循环体**1、循环结构while**控制语句 : while( 表达式 ){ 循环体; }执行逻辑 : 先判断表达式是否成立,如果成立就执行循环体,直到表达式不成立 退出循环2、do…while控制语句 :do{ 循环体}while( 表达式 ...原创 2019-06-17 17:28:21 · 553 阅读 · 0 评论 -
js函数知识点总结
1、函数什么是函数 : 函数就是一个工具函数就用来代表某个功能的一段代码块,一个函数就是一个功能 、工具一般反复使用的功能写到一个函数中2、函数定义方式1 :function 函数名(){ 函数名自定义 注意命名规范 函数体}可以在函数定义前或定义后调用方式2 :var 函数名 = function(){ 先定义 后调用}3、函数调用fn() ,其中f...原创 2019-06-17 17:39:01 · 560 阅读 · 0 评论 -
js函数的变量、事件和操作总结
1、变量作用域作用域 : 作用范围全局变量:在函数体外部定义的变量,范围是整个程序局部变量:在函数体内部使用var明确定义的变量,范围是变量所在的函数(函数体)函数调用完成后,局部变量会自动销毁。所有的形式参数都是局部变量作用域链 : 在函数体内部的变量,会自动的向上查找,如果在函数体内部找到了,就返回,说明此时操作的是局部变量。如果在函数体内部没有找到,继续向函数体外部查找 ,如果找到...原创 2019-06-17 19:10:27 · 459 阅读 · 0 评论 -
ajax请求数据和跨域、 jquery插件、SVN知识点总结
ajax请求数据和跨域1、ajax的异步请求之 load 加载公共的html文件load()方法是异步(局部)的,加载的信息中如果需要事件响应,必须通过回调函数来实现(或者委托),也就是说所有load加载的数据中的事件都要写在回调函数中load()方法如果想要请求不同结构的内容,可以把这些内容写到一个文件中,请求数据时,在url后加一个请求容器的选择器名称即可(这里选择器建议使用基本选择器)...原创 2019-07-01 17:33:11 · 197 阅读 · 0 评论 -
jquery动画、事件绑定、事件委托知识点总结
jquery的动画基本动画 :show() 没有参数 等价 css:display:block可以有三个参数第一个参数 :动画执行的时间第二个参数 : 动画执行方式 linear swing第三个参数 :动画完成后的回调函数hide() 隐藏 等价 css:display:nonetoggle() 切换 显示 / 隐藏上拉/下拉 :slideDown...原创 2019-07-01 15:45:40 · 268 阅读 · 0 评论 -
DOM 文档对象模型总结
1、DOM 文档对象模型dom结构的组成 : 有各种节点组成节点类型 nodeType : nodeType属性区分各种节点类型元素节点 1 元素节点 : html标签文本节点 3 文本节点 : 标签的内容 或这 空白 或者 注释 属性节点 2 属性节点 : 标签的属性节点关系(查找页面元素的属性) :父节点 :parentNode孩子节点 : chil...原创 2019-06-17 22:25:14 · 389 阅读 · 0 评论 -
通过cookie、PHP、localstorage实现登录注册功能
1.cookie实现简单的登录注册注册功能:<body> 用户名:<input type="text" id="uname" /></br> 密 码:<input type="text" id="upwde" /></br> <input type="button" value="注册" id="reg">&...原创 2019-06-25 17:47:05 · 1692 阅读 · 0 评论 -
BOM (Browser Object Model )浏览器对象模型总结
1、BOM : Browser Object Model 浏览器对象模型2、window对象window对象的所有属性和方法都是全局的window对象的所有属性和方法在使用时都可以省略 window.所有的全局变量都是window对象的属性所有的全局函数都是window对象的方法方法和函数 区别:方法属于函数 函数包含方法window对象的方法(都是全局方法):三个对话...原创 2019-06-17 21:35:13 · 397 阅读 · 0 评论 -
js数学对象、时间对象相关问题总结
1、数学对象数学对象不需要定义 方法都是静态方法 String.fromCharCodeMath.min() 最小值Math.min(0, 450, 35, 10, -8, -300, -78); // 返回 -300Math.max() 最大值Math.max(0, 450, 35, 10, -8, -300, -78); // 返回 450Math.min.apply(...原创 2019-06-17 20:56:33 · 417 阅读 · 0 评论