huangY_S的博客

原创 async,await补充

asyn await 知识补充

原创 vue中img动态路径踩坑

这样是无效的，不能直接通过变量传整个路径这样是有效的，动态拼接路径

原创 （踩坑）Vuex中，Mutations中的方法如何互相调用

理论上来说，使用this.commit('函数 ')即可调用另一个Mutations方法但是一般项目我们会使用Module来分割多个模块，那我们就要使用this.commit(’ 模块名/函数 ')的方法来调用即便是在同一个模块下,Mutations中的其中一个方法回调另一个方法时，也需要用this.commit(’ 模块名/函数 ')的方式来调用...

原创 （重读）JavaScript高级程序设计第四版 2,关于JavaScript的实现，自己的理解

JavaScript的实现完整的JavaScript包括核心 (ECMAScript)核心包括了基本语法，语句，关键字，操作符，全局对象等ESMAScript是JavaScript最核心的东西，而浏览器只是ECMAScript实现的一个宿主环境，浏览器提供了ECMAScript的实现引擎，以及提供了一套与其交互的扩展(DOM和BOM)简单来说，js本身只是一门语言，他提供了一些语法，关键字给我们使用，我们可以用它来写一些代码，比如1+1但是如果我们要将其展示在浏览器上给用户看或者实现某个脚本功

原创 （重读）JavaScript高级程序设计第四版

什么是JavaScript1995年 JavaScript诞生因为网速慢，网页越来越复杂，用户每次操作页面，请求服务器时变得很慢，体验不好网景公司和sun公司 共同开发了一款脚本语言liveScript 后来改名为JavaScript为什么叫JavaScript，网传是为了蹭java的热度做宣传后来微软发布IE3,也包含了自己的JavaScript实现这意味这市场上拥有了两个版本的JavaScript，一个是微软的IE，一个是网景的NN这意味着存在不同规范和不同语法，对开发者来说，需要写两套

原创 （踩坑，已解决）小程序表单富文本textarea 限制字符maxLength 最后一个字符只能打一个英文拼音？使用监听限制字数substring等截取字符串失效

问题如题，最后一个字符这样就不能在打拼音字母了。网上有一个解决方案，是使用截取字符的方法即不使用限制字数的maxLength字段，在watch或者input事件做监听但是这样又有一个问题！这样的话富文本又莫名其妙可以一直输入文字明明打印的是前20个字符但是富文本框的文字没有被赋值为截取的前20个字符，且可以一直输入下去然后我又给它添加一个动态的maxLength字段，当超过20字符时截取且添加一个maxlength = 20的属性，少于20个字符时，maxlength = -1，这样

原创 记录一些计算机名词

DOCTYPE 全拼document type 是一种标准，通用标记语言的文档类型声明,它的目的是告诉浏览器（解析器）应该以什么样（html或xhtml）的文档类型定义（DTD）来解析文档。回滚：回到之前的状态。原子性的：要么成功，要么失败（回滚）重定向：通过各种方法将其转到别的位置，比如网页重定向，访问该网站时会将该网站网址重定向为指定网站的网址，也就是跳转到指定网站。静态网页：没有数据库没有后端代码，无论什么时候打开都是一样的界面，可以有各种动画效果，js效果，只是没有和服务器端交互的功能。动

原创 快速强制删除vue项目中的node_modules包

原创 JSON.parse报错的小坑

除了json语法问题外，遇到的一个小坑。在对一个js对象使用JSON.parse()时会报错。也就是如果你的datatype是json的话，那么就没必要再用JSON.parse进行转换了，因为jquery已经帮你转换好了。如果还用JSON.parse进行转换的话会报错。同理，如果你url的是一个json文件的话 即使你没有设置datatype jquery会智能判断为json，所以用JSON.parse也会报错。测试过程:js：json文件(没有格式问题)报错:如果换成txt文件js

原创 HTML文档流

文档(HTML)流:文档:即页面开发者给文档布局和写入数据即“输入”文档解析并显示内容即“输出”浏览器"输出"文档的布局排版过程默认是从上到下，从左到右，这个顺序称之为"文档流"所谓脱离文档流则是脱离这种布局排版方式，其他元素在普通文档流中会忽视它document.write()方法是向你的HTML输出流插入你想要显示的内容，浏览器会按照文档流的顺序依次解析显示它们注意的是，当浏览器输出流关闭后，即已经文档已经解析输出完成后，再使用document.write方法，会覆盖掉之前的所有文档内容

原创 jquery load()方法遇到的问题

jquery load()方法可以帮我们把页面重复的文档部分，比如标题栏和底部信息部分。我们可以提取到一个模板html，然后通过load方法动态加载到每个页面。在使用的过程中遇到几个问题load方法会自动忽略掉head、body、script标签1、如果想加载head和body里面的文档内容，可以通过将内容包裹在一个div中，然后将其加载过来2、script部分我们可以通过load方法的回调函数动态创建加载进来3、不建议动态加载样式表，否则会出现页面闪现的问题，即页面刷新时，出现1秒钟没渲染样式的画

原创 用nodejs搭建一个本地服务器

1、安装好node和npm2、创建一个文件夹Server3、在命令行初始化npm ： npm init -y4、安装express包 npm i express -save5、安装forever包，可以让服务器服务一直跑起来，即使关掉命令提示符窗口也可以继续运行6、新建一个文件放置静态资源test_server7、在Server文件目录下（不是静态资源目录）创建一个js文件(server.js)，里面输入代码如下:8、最后使用forever start server.js运行即可9、既可以

原创 npm的基本使用

前序最近刚要接触sass，需要安装它，网上查了一下，发现大家是用npm来下载它，那npm是什么东西呢，我就顺便学习了一下。npm这个npm简单来说就是一个包管理工具。一般情况下我们在开发过程中需要用到一些第三方包，比如jquery，bootstrap,webpack等等，我们需要引入cdn或者去官网下载到本地引用。如果我们需要的工具多了，那么包之间的依赖关系就会变得复杂，这时候就需要一个工具，来将这些包统一放到一起，方便我们使用，这时候npm就出现了npm的安装安装nodejs，里面自带了npm

原创 Promise用法

起因:回调地狱，在回调中嵌套回调,写起来很复杂有大佬创造了Promise（承诺、期约），让异步操作更加优雅Promise的使用Promise是一个构造函数，用new关键字实例化一个Promise对象语法:new Promise((resolve,reject)=>{ resolve() || reject() }):Promise.resolve() || Promise.reject()1、 Promise接受一个函数作为参数2、 在参数函数中接受两个函数参数: resolve:成功

原创 组合继承和寄生式组合继承

组合继承(伪经典继承)组合继承综合了原型链和盗用构造函数，解决了原型内引用值共享的问题，以及子类在实例化时不能给父类构造函数传参的问题。缺点：调用了两次父类构造函数影响效率，而且子类的原型对象上也拥有了不必要也用不上的属性，即父类构造函数的实例属性。这样的话子类的实例对象如果删除某个属性，这个属性仍然可以访问到，因为它可能存在于子类的原型对象上解决：不通过调用父类构造函数给子类原型对象赋值的方式建立继承关系，而是通过寄生式继承继承父类原型，然后将返回的实例对象赋值给子类原型寄生式组合继承

原创 CSS动画基本知识点总结（一）

过渡transition：原理：当指定元素存在属性变换时，增加过渡效果。（比如给hover事件）最少2个值：1、要添加的CSS属性过渡效果，2、指定效果的持续事件transition(简写): ①该元素身上的过渡效果CSS ②过渡时间 ③过渡效果的时间曲线 ④过渡效果何时开始关键帧@keyframes@keyframes 规则是创建动画@keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式（关键帧）①需要规定一个关键帧名称@keyframes name②

原创 弹性布局flex知识点和常用点

弹性容器属性：justify-content:弹性元素们在主轴上的对齐方式align-items:弹性元素们在侧轴上的对齐方式align-self:用于单独设置自身在侧轴的对齐方式。flex-wrap:决定弹性元素溢出容器时的换行方式align-content:用于修改换行后（设置了flex-wrap），在多行情况下，行与行之间的对齐方式。弹性子元素属性：order:规定了弹性子元素的排列。从小到大排列，可以通过改变个别元素order的大小来改变其在容器中的排列情况。align-self:用

原创 记录一些CSS属性

text-overflowtext-overflow 属性规定当文本溢出包含元素时发生的事情常用：text-overflow:ellipsis（显示省略符号来代表被修剪的文本。）必须配合以下两个属性使用white-space:nowrap 强制不换行overflow:hidden 溢出部分隐藏white-space，word-wrap，word-break如何处理元素中的空白,自动换行以及换行符：(一般情况下元素内的“单词”超过元素宽度边界时候会自动换行）white-spacewhite

原创 关于mouseover,mouseout 和 mouseenter,mouseleave

mouseover和mouseenter区别mouseover一直以来，只认为是光标移入元素的触碰事件，和离开元素的事件。特地做了个测试，才发现没那么单纯。当鼠标进入元素时候触发事件。进入子元素时，又触发了一次事件鼠标离开子元素回到事件元素的时候又触发一次。也就是说当鼠标移入元素或其子元素都会触发事件，支持冒泡。mouseenter而mouseenter事件则不支持冒泡，当鼠标进入元素的时候触发（不包含子元素）mouseout和mouseleave区别mouseout当

原创 初识BOM

Window对象控制新窗口window.open(url，name,设置属性（不能有空格），浏览器历史记录)window.moveto（x,y） 移动到x,ywindow.moveby（x,y）相对当前位置移动x,ywindow.resizeto(x,y) 调整窗口大小到。window.resizeby(x,y)相对调整窗口大小，正值放大，负值缩小。（缩放和移动窗口：只允许缩放和移动通过window.open()创建的窗口，并且窗口只能有一个tab）window.focus() 把焦点给予.

原创 关于函数的理解

关于函数的理解函数的参数都是按值传递。也就是说实参只是把值给到函数的形参，并不是将自身引用给他，只是将值复制给他。向参数传递引用类型的值时(多个值构成的对象或者数组)，会把这个值在内存的地址复制给一个局部变量，双方同时指向一个对象内存(引用类型值并不是持有这个值，而是指向这个值)，所以这个局部变量在函数内的变化会反应到函数外部。当这个函数内部的局部变量，重新赋予或指向别的值时。他将不再与函数外部的值相关联，他的改动也不会影响到外部值``匿名函数匿名函数语法:(function (){})()

原创 var，let以及const

JavaScript高级程序设计笔记（一）重点部分声明提升：使用var声明的变量会自动提升到作用域顶部，但是值不会提升let声明的作用域是块作用域，var是函数作用域，let不允许在同一作用域多次声明，var却可以多次声明。这也是let的优点，可以避免变量被多次声明 覆盖。**let和var的另一个区别，就是let声明的变量不会在作用域中提升****const：用const声明变量的同时必须同时初始化变量，并且不能修改const声明的变量，不能重新赋值，也不允许重复声明同一个变量，cons