Not Souls-优快云博客

原创面试题1

面试题11.new关键字的作用2.什么是跨域，怎么解决3.前端开发的优化问题4.什么是闭包（closure），为什么要用它？5.一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？6.修改this指向的方法，它们有什么区别7.数组添加元素的方法8.h5操作自定义属性9.前端的兼容性问题1.new关键字的作用1.创建一个空对象2.将this指向这个对象3.完成赋值4.返回这个对象2.什么是跨域，怎么解决跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览

2020-08-26 18:51:35 444

原创 vue的基础用法（4）

vue的基础用法（4）过滤器的使用vue组件的介绍模板的抽取过滤器的使用是在不改变原始数据的情况下修改数据的显示形式过滤器可以是串联使用的当数据发生改变的时候过滤器就会重新计算过滤器使用的时候使用"|"连接叫做管道符<div id="app"> <input type="text" v-model="msg"> <h2>{{msg}}</h2> <h2>{{msg| a

2020-08-25 19:59:23 141

原创 vue的基础用法（3）

vue的基础用法（3）计算属性中的get和set生命周期钩子三级目录计算属性中的get和set在vue的计算属性中，所定义的都是属性，可以直接调用正常情况下，计算属性中的每一个属性对应的都是一个对象，对象中包括了set方法与get方法computed:{ fullNname:{ set:function(newValue){ console.log(newValue) } get:function(){

2020-08-25 19:18:02 237

原创 vue的基础用法（2）

vue的基础用法（2）v-if v-showv-forv-once,v-pre自定义指令&钩子函数计算属性v-if v-showv-if 指令用于条件性地渲染一块内容，如果想切换多个元素呢？此时可以把一个template元素当做不可见的包裹元素，并在上面使用v-if。最终的渲染结果将不包含 template 元素。<h1 v-if="awesome">Vue is awesome!</h1> <!-- 也可以用 v-else 添加一个“else 块”： -

2020-08-19 19:12:28 230

原创 vue的初级用法

vue的初级用法vue的基本介绍常用指令插值表达式v-cloakv-textv-htmlv-bindv-onvue的基本介绍new Vue({ el : "选择器", data : {} })el：用来标记使用vue来管理的dom对象一般是选择器但是不能使用html和body 要是用普通的标签el 里面可以是任意的选择器除了body 和html 但是建议给id选择器在el里面被命中的选择器他的子代以及后代选择器

2020-08-19 18:55:00 194

原创 node.js express模块的介绍与简单使用

node.js express模块的介绍与简单使用Express安装简单的运用Express是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架，为 Web 和移动应用程序提供一组强大的功能。安装首先假定你已经安装了 Node.js，接下来为你的应用创建一个目录，然后进入此目录并将其作为当前工作目录。通过 npm init -y命令进行初始化为你的应用创建一个 package.json 文件。欲了解 package.json 是如何起作用的，请参考 Specifics of np

2020-08-11 20:25:54 299

原创初学vue 一些入门基础

初学vue 一些入门基础v-if 和v-showv-if 和v-showv-if：v-if 指令用于条件性地渲染一块内容，如果想切换多个元素呢？此时可以把一个template元素当做不可见的包裹元素，并在上面使用v-if。最终的渲染结果将不包含 template 元素。v-showv-show 另一个用于根据条件展示元素的指令。区别：v-if 是真实的条件渲染，因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做

2020-08-11 20:25:40 112

原创 nodejs中mysql和mongodb的使用

nodejs中mysql和mongodb的使用Node.js 连接 MySQL安装驱动连接数据库数据库操作( CURD )查询数据插入数据更新数据删除数据Node.js 连接 MongoDB安装驱动创建数据库创建集合数据库操作( CURD )插入单条数据插入多条数据查询数据修改数据修改多条数据删除数据删除多条数据Node.js 连接 MySQL安装驱动npm i mysql连接数据库在以下实例中根据你的实际配置修改数据库用户名、及密码及数据库名：var mysql = require

2020-08-05 18:40:17 586

原创 nodejs的使用

nodejs的使用nodejs创建应用NPM 使用介绍使用 npm 命令安装模块全局安装与本地安装卸载模块更新模块搜索模块创建模块NPM 常用命令REPL 命令nodejs创建应用Node.js 应用是由哪几部分组成的：1.引入 required 模块：我们可以使用 require 指令来载入 Node.js 模块。var http = require("http");2.创建服务器：服务器可以监听客户端的请求，类似于 Apache 、Nginx 等 HTTP 服务器。var http = r

2020-08-05 18:29:24 373

原创 node的模块

node的模块node的模块化模块的缓存抽取mysql模块并操作数据库node的模块化const moduleA = require("./moduleA");const moduleB = require("./moduleB");// console.log(moduleA);// // console.log(name);// console.log(moduleA.age);// moduleA.jump();// moduleA.sayHi();console.log

2020-07-28 20:25:36 107

原创 NPM的使用方法

NPM的使用方法NPM 使用介绍在nodejs中安装npm模块的方法卸载模块更新模块导入mysql数据库NPM 使用介绍NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输

2020-07-28 20:18:53 436

原创关于node.js的介绍

nodejs的介绍认识nodejs学习nodejs的意义什么是nodejs?服务器端的js和浏览器端的js有什么区别?nodejs的执行方法创建 Node.js 应用步骤一、引入 required 模块步骤二、创建服务器读取js（readFile）及参数写入js（writeFile）及参数执行js绝对路径设置setHeader请求头拼接path片段的方法url.parse()方法认识nodejs学习nodejs的意义了解浏览器端和服务器端的交互过程可以缩短开发周期出现bug 可以快速定位是

2020-07-28 20:09:32 380

原创函数处理和方法

函数处理和方法1.使用Promise解决异步编程调用promise的than方法2.使用Promise封装ajax3.then和catch1.Promise.prototype.then()方法2.Promise.prototype.catch()方法4.Promise的方法all方法race 方法5.async和awaitasync关键字await关键字6.extends关键字7.generator和yield表达式1.什么是generator函数?2.generator语法3.generator函数的特

2020-07-21 20:09:34 415

原创 ES6的Map基本用法

ES6的Map基本用法ES6的Map基本用法1.has() 查2.delete() 删3.clear() 清空4.map集合转换成数组5.map集合的遍历6.和结构赋值进行结合7.fotEach 遍历ES6的Map基本用法使用方法var map = new Map();map的循环arr.forEach(([key, value]) => { console.log(key); console.log(value); map.set(key, value); }) c

2020-07-21 19:49:36 1878

原创 ES6的Set的基本用法

ES6的Set的基本用法1.增 add(数据)2.查:has(数据)3.删：delete(数据)4.清空 clear()5.size属性6.set集合的遍历7.forEach方法8.filter方法回调函数数组去重交集，并集，差集素数1.增 add(数据) 添加一个数据到集合的末尾如果这个数字原本就存在，那就不进行任何操作 var $add = new Set(); $add.add(1); $add.add(2); $add.add(5);

2020-07-21 19:33:46 947

原创 Symbol的使用方法

SymbolSymbol的描述和写法ES6新增的方法 Object.getSymbol的描述和写法Symbol 是ES6新引入的一种基本数据类型表示的是独一无二的值他是js里面第六种基本数据类型基本数据类型 : string number boolean undefined null typeof 的返回值 string number boolean undefined object functionSymbol函数生成的数据是独一无二的即便参数一样那么表示的值也不一

2020-07-21 19:24:50 3609

原创函数（this指向）

函数中的this指向ES5中函数的this指向ES6中函数的this指向总结ES5中函数的this指向1.普通函数的this:this就是谁调用 this就指向谁 this是在调用的时候确定的function f1(){ console.log(111); console.log(this); } f1(); window.f1();2.对象里面的方法它里面的this 指向当前这个对象var obj = { a: "小熙"

2020-07-21 19:19:41 194

原创函数的拓展（箭头函数）

函数的拓展给参数设置默认值函数拓展的应用箭头函数给参数设置默认值ES6里面默认给参数设置默认值1.为了防止报错我们不用再特地在函数内部处理参数2.设置了默认值即使所有的参数都不传我们的程序也不会报错注意点:参数是在函数的局部作用域内设置的局部变量默认是在函数内部声明过的所以不要再使用let在函数内部声明 function count(m = 20, n = 30) { // let n = 80; console.log(m + n); } count();

2020-07-21 19:16:01 208

原创模板字符串标记及字符串中的api

模板字符串标记及字符串中的api模板字符串标记字符串中的api1.indexof2.includes()模板字符串标记用法：标记名`模板字符串`var text = myTag`邓哥喜欢${love1}，邓哥也喜欢${love2}。`;//相当于text = myTag(["邓哥喜欢", "，邓哥也喜欢", "。"], "秋葵", "香菜")//每一位的的字符串都会合并作为数组//每一位的表达式都会作为剩余参数储存起来字符串中的api1.indexof是查找字符串中是否包含某一个字

2020-07-15 18:56:30 216

原创 ES6的对象和类

ES6的对象和类对象的扩展1.对象属性的扩展2.对象的新增的apiclass关键字的基本使用1.传统的构造函数的问题 :2.类的用法3.ES6中的类的本质4.类的特点对象的扩展1.对象属性的扩展1.对象属性的简单赋值方式可以将变量名直接放进对象中, 解析的时候将变量名解析为属性名变量值解析为属性值2.对象方法的简单赋值可以省略function关键字var name = "喻文波"; var gender = "男"; var p = { //原来

2020-07-15 18:48:47 143

原创 ES6中的模板引擎

ES6中的模板引擎模板引擎模板引擎的介绍模板引擎的使用步骤模板引擎使用的注意点:模板引擎的简写方式模板引擎的语法和输出语法1.输出2.原文输出3.条件输出4.循环输出模板引擎模板引擎的介绍页面渲染使用字符串拼接会存在问题 : 字符的恒定性字符串拼接的时候容易出错模板引擎不用拼接字符串直接使用静态页面里面的html里面的结构生成模板需要渲染的时候直接调用模板引擎的实现方式有很多，最简单的是“置换型”模板引擎，这类模板引擎只是将指定模板内容（字符串）中的特定标记（子字符串）替换一下便生成了最

2020-07-15 18:47:46 536

原创 jQuery中的Dom操作

jQuery中的Dom操作1.查找节点通过jQuery选择器来完成2.创建节点创建元素节点：var newTd = $("<td></td>") 创建文本节点：var newTd = $("<td>文本内容</td>")3.添加节点jquery添加节点的方法appendChild 添加子元素insertBefore 在元素之前插入子元素after：用法；兄弟元素1.after(兄弟元素2) 把元素2作为兄弟插入到元素1的后面

2020-05-17 21:22:55 180

原创 jQuery选择器

jQuery选择器1.基本选择器：所有选择器 *标签选择器标签名ID选择器 #id类选择器 .className群组选择器（并集选择器） .one,.two 多个选择器使用都好分隔，取并集复合选择器（交集选择器） .one.two 多个选择器组合使用，取交集2.层次选择器：后代选择器 .one .two两个选择器使用空格隔开，表示可以获取当前元素的子代以及孙子代等等后代元素。子代选择器 .one>.two两个选择器使用>隔开，表示只能

2020-05-17 21:14:45 134

原创 jQuery的动画效果

jQuery的动画效果一、show()方法和hide()方法1.show()与hide()show()：根据hide()方法记住的display属性值来显示元素。hide() : 将该元素的display样式改为 “none”，用来隐藏元素2.参数让元素动起来：单纯的调用show()和hide()相当于css(“display”,“none/block/inline”),不会有任何动画。如果希望调用元素慢慢显示/消失，则可以为show()/hide()方法指定一个速度参数.参数：slow,n

2020-05-17 21:11:19 232

原创 DOM节点获取的几种方式

DOM 是一个树形结构，操作一个DOM节点，实际上就是这几个操作：更新、删除、添加、遍历在操作DOM节点之前，需要通过各种方式先拿到这个DOM节点，常用的方法有：一、通过元素类型的方法来操作：document.getElementById();//id名，在实际开发中较少使用，选择器中多用class id一般只用在顶级层存在不能太过依赖iddocument.getElementsByT...

2020-03-17 19:55:19 420

原创 This对象

1、函数也是对象函数的创建==>底层都是new关键字创建函数函数声明：function sum(a,b) {console.log(a + b);}函数表达式：var sum = function sum(a,b) {console.log(a + b);}new关键字创建函数：// 语法：var 变量名 = new Function (‘形参1’，‘形参2’，…，‘函...

2020-03-17 19:43:43 115

原创初级CSS的一些内容

边框属性作用：给元素加上一个边框第一种：border-top, border-bottom, border-left, boder-right,三个属性，粗细，线型，颜色第二种：border ：粗细线型颜色透明颜色：trantransparent轮廓作用：绘制与元素周围的一条线，位于外边框外属性：粗细线型颜色outline-width: 20px; ...

2019-12-16 22:17:22 100

原创初级CSS（CSS的介绍和使用）

CSS的作用1、以统一的方式实现样式的定义2、提高页面样式的可重用性和可维护性3、实现了内容（HTML）和表示（CSS）的分离HTML和CSS之间有什么关系？ HTML：构建网页的结构 CSS ：构建HTML元素的样式CSS的使用1.内联样式将样式声明在元素的style属性中 <p style="color;red（样式声明）">1</p> 样式声...

2019-12-11 22:40:14 126

原创进入HTML（2）

进入HTML(2)列表1.作用：它默认显示方式是从上到下的显示数据2.列表的组成：它是有列表类型和列表项3.列表的分类：①有序列表ol<ol><li></li></ol>②无序列表ul（可为非成对标签）<ul><li></li></ul>③自定义列表<dl>类型 &lt...

2019-12-09 23:02:36 145

原创进入HTML

进入HTMLHTML的快速入门H,T,M,L：hyperText Markup Language 是一个超文本链接语言超文本：hyperText具有特殊功能的文本标记：Markup 规范了超文本的组成形式Html是网页的设计语言，由HTML语言编写的文件，以.html和.htm结尾的（后缀），是由浏览器运行的文本标记我们在HTML语言中会见到很多的文本文档，当然在我们HTML中也...

2019-12-05 21:25:25 417

NewSouls的博客