shenhaiyang7436的博客

转载 Access denied for user 'ODBC'@'localhost' (using password: NO) 的解决方法

https://www.cnblogs.com/cx-code/p/9287274.html

原创 封装原生ajax(兼容)

/*function ajax({type,url,data,dataType,...}) * url: 请求地址(必须) String * type: 请求类型(可选) String get(默认) | post * data: 请求携带参数(可选) Object * dataType: 服务器端返回值类型(可选) String json(默认)||text * contentType: 发送...

原创 数组和字符串的排序

字符串比较 string.localeCompare(that) 如果 string 比 that 字符串小，结果为负数，如果相等结果为0，类似于 array.sort() 比较函数的约定： // n = ['AAA', 'A', 'aa', 'a', 'Aa', 'aaa']; n.sort(function (a, b) { return a.localeCompare(b); }); /...

原创 避免重复运算的记忆函数

函数可以将先前操作的结果记录在某个对象里，从而避免无谓的重复计算。这种优化被称为记忆（memoization）。 以递归函数计算斐波那契数列（一个 Fibonacci 数字为前两个数字之和，最前面的两个数字为0和1）为例： var fibonacci = function (n) { return n < 2 ? n : fibonacci(n - 1) + fibonacci(n - ...

原创 浏览器的重绘（repaint）与重排（reflow）

浏览器下载完成页面中的所有组件——HTML标记、JavaScript、CSS、图片——之后会解析并生成两个内部数据结构： DOM树：表示页面结构 渲染树：表示DOM节点如何展示 DOM树中的每一个需要显示的节点在渲染树中至少存在一个对应的节点（隐藏的DOM元素在渲染树中没有对应的节点）。 渲染树的节点被称为“帧”或“盒”，符合CSS模型的定义，理解页面元素为一个具有padding，margin...

原创 高性能 JavaScript —— 天生就慢的DOM操作

天生就慢 文档对象模型（DOM）是一个独立语言的，用于操作 XML 和 HTML 文档的程序接口（API）。在浏览器中，主要用于和 HTML 文档打交道，同样也用在 Web 程序中获取 XML 文档，并使用 DOM API 来访问文档中的数据。 浏览器通常会将 DOM 和 JavaScript 独立实现，比如在 IE 中，JavaScript 的实现名为 JScript，位于 jscript.cl...

原创 高性能JavaScript——script标签的阻塞特性

JavaScript 在浏览器中的性能，可以认为是开发者所面临的最严重的可用性问题。这个问题因为 JavaScript 的阻塞特性而变得复杂，也就是说浏览器在执行 JavaScript 时不能同时做任何事情。多数浏览器使用单一进程来处理用户界面（UI）刷新和 JavaScript ，所以只能同一时刻做一件事。 简单的说，就是 <scritp>标签每次出现，都会让页面等待脚本的解析和执行...

原创 vue 组件间通讯的6种方式

一、props / $emit 父组件通过 props 将数据传给子组件，子组件通过 $emit ，将数据按照 events 的形式发送给父组件。 二、$emit / $on 这种方法通过一个空的 Vue 实例作为中央事件总线（事件中心），用它来触发事件和监听事件,巧妙而轻量地实现了任何组件间的通信，包括父子、兄弟、跨级。当我们的项目比较大时，可以选择更好的状态管理解决方案vuex。 实现方法： ...

原创 Object.prototype 上的 valueOf() 和 toString()

一、valueOf() 当一个操作符被用于一个对象时就会调用 valueOf() 方法。 valueOf() 默认返回对象实例本身。 原始封装类型重写了 valueOf() 以使得它对 String 返回一个字符串，对 Boolean 返回一个布尔，对 Number 返回一个数字。 类似的，Date 对象的 valueOf() 方法返回一个 epoch 时间，单位是毫秒（正如 Date.proto...

原创 面向对象精要——继承

一、原型对象链和 Object.prototype JS 内建的继承方法被称为原型对象链（对象继承其原型对象，而原型对象继承它的原型对象，以此类推），又可称为对象继承。 当访问一个对象的属性时，JS引擎会执行一个搜索过程，如果在对象实例上发现该属性（自有属性），该属性值就会被使用，否则会搜索 [[Prototype]]，如果仍然没有发现，则搜索该原型对象上的 [[Prototype]] 直到继承链...

原创 面向对象精要——构造函数和原型对象( Prototype )

一、构造函数 构造函数就是用 new 创建对象时调用的函数。使用构造函数的好处在于所有用同一个构造函数创建的对象都有同样的属性和方法。 function Person(name) { this.name = name; this.sayName = function() { console.log(this.name); } }; //构造函数首字母大写 //创建对象 var perso...

原创 面向对象精要——对象及其属性

一、定义属性 使用 Object 构造函数或者使用对象的字面形式： var person1 = { name: "Tom" }; var person2 = new Object(); person2.name = "Jerry"; 对象的属性可以任意修改，当一个属性第一次被添加给对象时，JS 在对象上调用一个名为 [[Put]] 的内部方法，该方法会在对象上创建一个新的节点来保存属性。 调用...

原创 面向对象精要——函数

函数其实就是对象。 使函数不同于其他对象的决定性特点是函数存在一个被称为 [[Call]] 的内部属性，[[Call]] 属性是函数独有的，表明该对象可以被 执行。ECMAScript 定义 typeof 操作符对任何有该属性的队形返回 “function”。 内部属性都用双重中括号标注，内部属性无法通过代码访问而是定义了代码执行时的行为。 函数声明和表达式 函数具有两种字面形式。 第一种是函数声...

原创 面向对象精要——类型

原创 nodejs中mysql的常用语句

命令 语义 select 提取数据 update 更新数据 delete 删除数据 insert into 插入数据 create database 创建数据库 alter database 修改数据库 create table 创建表 alter table 修改表 drop table 删除表 create index 创建索引（搜索键） ...

原创 webpack4+ 基础配置

引入post-css 性能优化 package.json { &amp;quot;name&amp;quot;: &amp;quot;demo&amp;quot;, &amp;quot;version&amp;quot;: &amp;quot;1.0.0&amp;quot;, &amp;quot;description&amp;quot;: &amp;quot;&amp;quot;, &a