摘要: 1、继承 应注意区分继承和实例化,实例化是生成一个对象,这个对象具有构造函数的属性和方法;继承指的应该是利用父类生成一个新的子类构造函数,通过这个子类构造函数实例化的对象,具有子类的属性和方法,同时也具有父类的属性和方法。 2、原型链继承 2.1、实现方法 实现原型链继承的方法是通过重写子类的原型对 阅读全文
posted @ 2019-07-24 11:43 wenxuehai 阅读(605) 评论(0) 推荐(0)
摘要: 1、构造函数 Date 对象可以通过构造函数来生成,Date 的构造函数可以放入四种不同的参数 1.1、new Date() ,返回此时的本地日期时间的date对象 1.2、new Date(毫秒数) ,返回一个通过毫秒数转变的date对象 参数里面的毫秒数是整数,表示的是从 '1970/01/01 阅读全文
posted @ 2019-07-24 11:04 wenxuehai 阅读(1687) 评论(0) 推荐(0)
摘要: 1、识别条形码 识别条形码可以使用 quaggaJS 模块来识别,而使用 quaggaJS 接口来识别条形码,有两种方法,一种是识别静态图像文件,另一种是直接在摄像头上实时识别(即不用拍照,摄像头对着条码即可识别)。但是第二种方法必须用到浏览器的 navigator.getUserMedia 接口, 阅读全文
posted @ 2019-04-20 10:31 wenxuehai 阅读(9361) 评论(0) 推荐(0)
摘要: 1、条形码的基本概念 目前世界上常用的码制有EAN条形码、UPC条形码、二五条形码、交叉二五条形码、库德巴条形码、三九条形码和128条形码等,而商品上最常使用的就是EAN商品条形码。 EAN商品条形码亦称通用商品条形码,由国际物品编码协会制定,通用于世界各地,是目前国际上使用最广泛的一种商品条形码。 阅读全文
posted @ 2019-04-19 22:51 wenxuehai 阅读(3496) 评论(0) 推荐(0)
摘要: 1、如何卸载谷歌浏览器 谷歌浏览器有安装版和免安装版,安装版的话直接用 360软件管理 卸载或者用控制面板卸载即可。免安装版的话,右键 Chrome 快捷程序,找到文件所在位置,直接全选删除即可。 可参考:http://www.xitongcheng.com/jiaocheng/dnrj_artic 阅读全文
posted @ 2019-04-18 23:15 wenxuehai 阅读(464) 评论(0) 推荐(0)
摘要: 1、手机如何访问到本地主机页面(真机访问) webpack 的配置文件中设置本地服务器的域名为 0.0.0.0,可参考下面配置: 此时,本地主机可以使用多种方式访问页面,比如:localhost:9095、ip地址:9095 手机也可以通过访问主机 ip地址+端口号 来访问页面,主机ip地址通过命令 阅读全文
posted @ 2019-04-18 23:05 wenxuehai 阅读(2926) 评论(0) 推荐(0)
该文被密码保护。 阅读全文
posted @ 2019-04-10 21:05 wenxuehai 阅读(21) 评论(0) 推荐(0)
摘要: 在nodejs中从数据库得到数据后是通过回调函数来操作数据的,如果嵌套多层将非常可怕,代码逻辑和可读性将变得非常差。有时用promise也并不能很好得解决问题,因为如果用了promise后,代码将会有非常多的then,如果需要回调的太多,代码可读性也将非常差,有时候还会遇到需要循环读取数据库的情况, 阅读全文
posted @ 2019-04-09 21:13 wenxuehai 阅读(2022) 评论(0) 推荐(0)
摘要: 1、Request header field Content-Type is not allowed by Access-Control-Allow-Headers 在跨域请求时,可能出现以上问题,该问题是因为跨域请求包含自定义的header字段,而且会发现当前台有自定义字段时,总是会在发起请求前先 阅读全文
posted @ 2019-04-07 16:38 wenxuehai 阅读(529) 评论(0) 推荐(0)
摘要: 1、setTimeout、setInterval、promise、宏任务、微任务 先执行宏任务整体 script 同步代码,然后遇到 setTimeout 或者 setInterval 即放到宏任务队列中,遇到微任务放到微任务队列中。整体 script 同步代码执行完后再执行微任务队列,执行完后再执 阅读全文
posted @ 2019-03-31 21:18 wenxuehai 阅读(310) 评论(0) 推荐(0)
摘要: 1、float属性 CSS 的 Float(浮动),会使元素向左或向右移动,由于浮动的元素会脱离文档流,所以它后面的元素会重新排列。 浮动元素之后的那些元素将会围绕它,而浮动元素之前的元素将不会受到影响。比如如果一个图像向右浮动,下面的文本流将环绕在它左边。 <div> <p>哈哈哈哈哈哈哈哈哈哈哈 阅读全文
posted @ 2019-03-31 14:48 wenxuehai 阅读(549) 评论(0) 推荐(0)
摘要: 1、为什么浏览器解析 css 选择器是从右到左的 参考:https://github.com/zwwill/blog/issues/2 2、伪元素和伪类的单冒号和双冒号 2.1、伪类(:) 伪类是用于定义元素特殊状态的。 示例: //未访问的连接 a:link{ color:black; }; // 阅读全文
posted @ 2019-03-31 11:55 wenxuehai 阅读(317) 评论(0) 推荐(0)
摘要: 1、属性百分比的基准点 1.1、基于包含块 以下的关于包含块(含块)的概念,不能简单地理解成是父元素。 如果是静态定位和相对定位,包含块一般就是其父元素。但是对于绝对定位的元素,包含块应该是离它最近的 position 不是static的父元素,比如为absolute,relative,或者 fix 阅读全文
posted @ 2019-03-26 18:10 wenxuehai 阅读(914) 评论(0) 推荐(0)
摘要: 1、px 绝对单位,页面按精确像素展示 2、em em 是相对长度单位,是相对于字体大小这个属性来计算的。参考的是父节点字体的大小,1 em 也就是父节点字体大小是多少,则1 em就是多少。如果自身定义了字体大小 font-size 则参考自身的字体大小,如果父节点和本身都没有定义字体大小,则参考浏 阅读全文
posted @ 2019-03-25 13:19 wenxuehai 阅读(290) 评论(0) 推荐(0)
摘要: 1、水平居中 1.1、行内元素直接水平居中(text-align) 只要父元素设置该属性值,所有的行内子元素都会水平居中。且该属性有继承性 2、确定宽度的块级元素实现水平居中 2.1、自动边距实现水平居中(margin) 具有宽度的块级元素设置上面属性后就会在父元素中左右居中 2.2、绝对定位和负边 阅读全文
posted @ 2019-03-11 21:32 wenxuehai 阅读(277) 评论(0) 推荐(0)
摘要: 1、事件总线(Bus)实现非父子组件通信 Vue2.0提供了Vuex进行非父子组件之间的通信,但在简单的场景下,可以使用一个空的Vue实例作为中央事件总线。 实现代码示例: <div id="app"> <c1></c1> <c2></c2> </div> var Bus = new Vue(); 阅读全文
posted @ 2019-03-11 12:22 wenxuehai 阅读(2184) 评论(0) 推荐(0)
摘要: 1、动态组件 代码示例: component 直接绑定全局组件的组件名: <body> <div id="dynamic-component-demo" class="demo"> <button v-for="tab in tabs" v-bind:key="tab" v-bind:class=" 阅读全文
posted @ 2019-03-08 20:32 wenxuehai 阅读(829) 评论(0) 推荐(0)
摘要: 1、position 属性 position属性指定一个元素(静态的,相对的,绝对或固定)的定位方法,共有4个属性值,分别是 static、fixed、relative、absolute、sticky。 1.1、static 属性值(默认定位,占据空间) static定位是 HTML 元素的默认值, 阅读全文
posted @ 2019-03-07 12:47 wenxuehai 阅读(467) 评论(0) 推荐(0)
摘要: 1、flex 布局的概念 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局,行内元素也可以通过 inline-flex 使属性值用 Flex 布局。 inline-flex 和 inline-block 一样,对设置 阅读全文
posted @ 2019-03-06 19:02 wenxuehai 阅读(25157) 评论(0) 推荐(1)
摘要: 1、盒模型的概念 CSS 盒子模型又称框模型,包含元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素 1.1、标准盒模型和 IE 盒模型 盒模型是有两种标准的,标准盒模型和 IE 盒模型 标准盒模型(box-sizing: content-bo 阅读全文
posted @ 2019-03-06 17:27 wenxuehai 阅读(358) 评论(0) 推荐(0)
摘要: 1、setTimeout() 方法 setTimeout() 方法用于在指定的毫秒数后调用函数或执行表达式。返回一个 ID(数字),可以将这个ID传递给 clearTimeout() 来取消执行。 1.1、使用 clearTimeout() 方法阻止函数的执行 在setTimeout() 里面的函数 阅读全文
posted @ 2019-03-05 00:51 wenxuehai 阅读(34424) 评论(0) 推荐(1)
摘要: 1、localStorage 概念 HTML5 web 存储:HTML5 提供了两种在客户端存储数据的新方式:localStorage 和 sessionStorage ,两者都是仅在客户端(即浏览器)中保存,不参与和服务器的通信。 早些时候,本地存储使用的是 cookie,。但是 cookie 不 阅读全文
posted @ 2019-03-04 22:50 wenxuehai 阅读(2935) 评论(0) 推荐(1)
摘要: 1、cookie基本介绍(客户端会话技术) cookie 是存储在客户端的,即浏览器,所以称之为客户端会话技术。而 session 是存储在服务器端的,所以称之为服务器端会话技术。 cookie是纯文本,没有可执行代码,是指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端(浏 阅读全文
posted @ 2019-03-04 14:57 wenxuehai 阅读(7672) 评论(0) 推荐(2)
摘要: 参考:https://www.cnblogs.com/MarcoHan/p/5295398.html、站长之家:http://www.chinaz.com/tags/Webqianduanxingnengyouhua.shtml 1、性能优化的重要性 研究表明:用户最满意的打开网页时间是2-5秒,如 阅读全文
posted @ 2019-03-04 14:00 wenxuehai 阅读(2300) 评论(0) 推荐(0)
摘要: 1、MVC开发模式 MVC将应用划分为3个部分:数据(模型)、展现层(视图)和用户交互(控制器)。换句话说,一个事件的发生是这样的过程:(1)用户和应用产生交互。(2)控制器的事件处理器被触发。(3)控制器从模型中请求数据,并将其交给视图。(4)视图将数据呈现给用户。 V层是视图层,控制界面显示,将 阅读全文
posted @ 2019-03-04 11:12 wenxuehai 阅读(1389) 评论(0) 推荐(0)
摘要: 参考:https://segmentfault.com/a/1190000006672214?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly#articleHeader14 1、XSS攻击(跨站脚本攻击) XSS(跨站脚本攻击 阅读全文
posted @ 2019-03-02 23:09 wenxuehai 阅读(2721) 评论(0) 推荐(0)
摘要: 1、有关输出的 阅读全文
posted @ 2019-03-01 22:59 wenxuehai 阅读(277) 评论(0) 推荐(0)
摘要: 1、回调地狱 在使用JavaScript时,为了实现某些逻辑经常会写出层层嵌套的回调函数,如果嵌套过多,会极大影响代码可读性和逻辑,这种情况也被成为回调地狱。比如说你要把一个函数 A 作为回调函数,但是该函数又接受一个函数 B 作为参数,甚至 B 还接受 C 作为参数使用,就这样层层嵌套,人称之为回 阅读全文
posted @ 2019-03-01 12:19 wenxuehai 阅读(13658) 评论(1) 推荐(2)
摘要: 1、URI 统一资源标识符(URI)是一个用于标识某一互联网资源名称的字符串。,该种标识允许用户对任何(包括本地和互联网)的资源通过特定的协议进行交互操作。Web上可用的每种资源 -HTML文档、图像、视频片段、程序等都可由一个通用资源标识符(Uniform Resource Identifier, 阅读全文
posted @ 2019-03-01 00:00 wenxuehai 阅读(1429) 评论(0) 推荐(0)
摘要: 1、获取节点 1.1、用 getElement 方法获取 获取元素节点时,必须等到DOM树加载完成后才能获取。两种处理方式:(1)将JS写在文档最后;(2)将代码写入window.onload函数中; 这一系列方法,也可以先选中一个DOM节点,在从选中的DOM节点的子节点里,选择需要的节点: 1.2 阅读全文
posted @ 2019-02-28 21:02 wenxuehai 阅读(741) 评论(0) 推荐(0)
摘要: TODO: 原型链 宏任务、微任务 1、关于解构赋值 ES6 内部使用严格相等运算符( ),判断一个位置是否有值。所以,只有当等号右边的数组成员严格等于undefined,默认值才会生效。 let [x, y = 'b'] = ['a', undefined]; // x='a', y='b' 2、 阅读全文
posted @ 2019-02-28 14:53 wenxuehai 阅读(317) 评论(0) 推荐(0)
摘要: 1、Vue 中 class 和 style 的绑定 在 Vue 中,可以通过数据绑定来操作元素的 class 列表和内联样式,操作 class 和 style 是用 v-bind 来绑定的。在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强,表达式结果的类型除了字 阅读全文
posted @ 2019-02-27 17:00 wenxuehai 阅读(292) 评论(0) 推荐(0)
摘要: 1、DOM事件流概念 DOM模型是一个树形结构,在DOM模型中,HTML元素是有层次的。当一个HTML元素上产生一个事件时,该事件会在DOM树中元素节点与根节点之间按特定的顺序传播,路径所经过的节点都会收到该事件,这个传播过程就是DOM事件流。 DOM事件标准定义了两种事件流,分别是捕获事件流和冒泡 阅读全文
posted @ 2019-02-27 15:05 wenxuehai 阅读(496) 评论(0) 推荐(0)
摘要: 1、新建Vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的。 通过 Vue 函数新建一个 vue 应用: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv 阅读全文
posted @ 2019-02-26 22:54 wenxuehai 阅读(678) 评论(0) 推荐(0)
摘要: 1、添加代码片段 参考:https://blog.csdn.net/qq_36370731/article/details/83014439 2、在vscode上运行Git 先打开vscode内置的Git:F1,输入Show built-in Extensions, 左侧列表中找Git,然后启用 配 阅读全文
posted @ 2019-02-22 11:16 wenxuehai 阅读(327) 评论(0) 推荐(0)
摘要: 1、版本问题 webpack的安装并不是越新越好。当使用最新版本时不使用配置文件,直接编译不生成文件甚至报错;使用3.12版本时编译文件可以成功但是不生成新文件;使用 3.5.3 版本时成功且生成新文件。所以建议使用 3.5.3 版本 而且使用最新版本时,webpack 和 webpack-cli 阅读全文
posted @ 2019-02-22 10:33 wenxuehai 阅读(1280) 评论(0) 推荐(0)
摘要: 可参考:https://segmentfault.com/a/1190000006178770#articleHeader2 1、webpack的概念 本质上,webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,webpack 从命令 阅读全文
posted @ 2019-02-21 10:00 wenxuehai 阅读(517) 评论(0) 推荐(0)
摘要: 具体请参考:https://git-scm.com/book/zh/v1/Git-%E5%88%86%E6%94%AF-%E4%BD%95%E8%B0%93%E5%88%86%E6%94%AF Git命令请参考:https://www.yiibai.com/git/git_config.html 1 阅读全文
posted @ 2019-02-20 21:56 wenxuehai 阅读(660) 评论(0) 推荐(0)
摘要: 1、注册登录 在 GitHub 上注册登录 暂时忽略不讲 2、创建新的远程仓库 在GitHub网站上创建新的仓库。不管你是先在本地创建仓库还是先在远程创建仓库,要想把代码提交到远程仓库都是要先手动创建一个远程仓库,然后再让两个仓库关联起来。 3、克隆远程仓库的两种方式及此时的关联 3.1、克隆的两种 阅读全文
posted @ 2019-02-20 13:22 wenxuehai 阅读(738) 评论(0) 推荐(0)
摘要: 1、查看提交的历史版本(git log) 我们可以使用 git log 命令来查看提交的历史版本。 默认不用任何参数的话,git log 会按提交时间列出所有的更新,最近的更新排在最上面。每个版本都有一个 SHA-1 校验和、作者的名字和电子邮件地址、提交时间,最后缩进一个段落显示提交说明。 1.1 阅读全文
posted @ 2019-02-19 15:30 wenxuehai 阅读(490) 评论(0) 推荐(1)
//右下角添加目录