Teheran的博客

原创 vue-router配置方法[精品]

1.取参数this.$route.params.isaEdit;2.跳转页面方案1<router-link to="/article">文章</router-link><router-view>&

原创 【数据库入门】-业务主键

主键，又称主码（英语：primary key或unique key）。数据库表中对储存数据对象予以唯一和完整标识的数据列或属性的组合。一个数据列只能有一个主键，且主键的取值不能缺失，即不能为空值（Null）。在关系数据库设计中，业务主键是一个由以及真实存在于世界中的属性构成的键。业务主键对于逻辑主键的主要优势在于（逻辑主键在脱离数据库环境时没有任何意义）业务主键已经存在，因此没有必要去添加新的人...

原创 Google浏览器清除缓存快捷键

CTRL+SHIFT+DEL直接进入“清除浏览数据”页面，包括清除浏览历史记录、清空缓存、删除Cookie等。

原创 webpack踩得坑

一. npm run dev时报错解决方法 ：打开cmd,命令行运行 ipconfig，得到本机的ip地址。找到config文件夹下的index.js文件，打开后，将host的值改为我上一步所得到的ipv4即可。...

原创 ES6对象展开运算符

（一）let a = [1,2,3];let b = [0, ...a, 4]; // [0,1,2,3,4] let obj = { a: 1, b: 2 };let obj2 = { ...obj, c: 3 }; // { a:1, b:2, c:3 }let obj3 = { ...obj, a: 3 }; // { a:3, b:2 }（二）剩余操作符(rest o...

原创 【es6】...运算符

var arr = [1, 2, 3];var foo = function(a, b, c) { console.log(a); console.log(b); console.log(c);}foo(...arr);

原创 关于注入依赖不成功的问题

1.cmd2.d: （进入D盘）dir （查看文件夹内目录）cd + 文件名 （进入指定文件）3.安装淘宝镜像 http://npm.taobao.org/ 可以加速注入依赖$ npm install -g cnpm --registry=https://registry.npm.taobao.org如果注入依赖时遇到问题 可通过安装淘宝镜像解决...

原创 http状态码详解【精】

https://blog.csdn.net/huwei2003/article/details/70139062

原创 js函数中参数的传递

https://www.cnblogs.com/open-wang/p/5208606.html （精）https://www.cnblogs.com/chenwenhao/p/7009606.html

原创 http-server安装及运行（内置服务器）

https://blog.csdn.net/github_38696818/article/details/80265695

原创 webpack学习笔记--配置module

https://www.cnblogs.com/joyco773/p/9049693.html

原创 [es6]export 和export default的区别

export用法a-1.jsexport const name = 'tom'export function say() { console.log(name)}a-2.jsimport {name, say} from './a-1.js'// 打印nameconsole.log(name)// 调用saysay()export default 用法b-1.js...

原创 js初级算法

1.JS中判断字符串中出现次数最多的字符及出现的次数的简单实例<script type="text/javascript"> var str = 'qwertyuilo.,mnbvcsarrrrrrrrtyuiop;l,mhgfdqrtyuio;.cvxsrtyiuo'; var json = {}; //遍历str拆解其中的每一个字符将其某个字符的值及出现...

原创 标准盒子模型和IE盒子模型

标准盒子模型IE盒子模型网页中的盒子模型；我们常常要控制盒子模型的宽度width:w3c中的盒子模型的宽:包括margin+border+padding+width;width:margin*2+border*2+padding*2+width;height:margin*2+border*2+padding*2+height;iE中的盒子模型的width:也包括margin+...

原创 ES6模块化学习笔记

ES6 模块是通过export命令显式指定输出的代码，再通过import命令输入。// ES6模块import { stat, exists, readFile } from 'fs';上面代码的实质是从fs模块加载 3 个方法，其他方法不加载。这种加载称为“编译时加载”或者静态加载，即 ES6 可以在编译时就完成模块加载ES6 的模块自动采用严格模式，不管你有没有在模块头部加上"u...

原创 浏览器兼容总结

1、浏览器默认的 margin 和 padding 不同。解决方案是加一个全局的{margin:0;padding: 0;}来统一。2、css3 -webkit-, -ms- 或 -moz-3、CSS hack由于不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样，以及CSS优先级对浏览器展现效果的影响，我们可以据此针对不同的浏览器情景来应用不同的CSS。 只在IE下生效 ...

原创 webpack总结

1.webpack打包开发一个模块项目的过程1. 创建模块项目2. 使用模块化进行编程3. 打包模块形成 bundle.js4. 将bundle.js集成到index.html中5. 在浏览器上运行https://blog.csdn.net/u014182411/article/details/799374882.wepack压缩在webpack.config.js 配置文件...

原创 关于css布局的一些总结

1.清除浮动的几种方式介绍外面的层在显示的时候高度几乎为0，这就是因为里面的层用了浮动，所以需要清除浮动。1、父级 div 定义 height原理：父级 div 手动定义 height，就解决了父级 div 无法自动获取到高度的问题。 简单、代码少、容易掌握 ，但只适合高度固定的布局.2、结尾处加空 div 标签 clear：both原理：在浮动元素的后面添加一个空 div 兄弟元素，...

原创 关于vue的一些知识

一.Vue的生命周期beforeCreate（创建前），在数据观测和初始化事件还未开始created（创建后），完成数据观测，属性和方法的运算，初始化事件， $el 属性还没有显示出来beforeMount（载入前），在挂载开始之前被调用，相关的render函数首次被调用。实例已完成以下的配置：编译模板，把data里面的数据和模板生成html。注意此时还没有挂载html到页面上。mount...

原创 HTTP协议详解

HTTP 超文本传输协议是一种建立在TCP上的无状态连接工作流程：1.客户端发送一个HTTP请求（说明客户端想要访问的资源和请求的动作）2.服务端收到请求后处理请求，并根据请求做出相应的动作访问服务器里的资源。3.最后通过发送HTTP响应把结果返回给客户端。其中一个请求的开始到一个响应的结束称为事务，当一个事物结束后还会在服务端添加一条日志条目。一、HTTP请求HTTP请求是客户端...

原创 AMD异步模块规范-require.js

main,js是文件入口defind( [ ] ,function(data){ //数组中是所依赖的文件 data是文件中返回的方法函数})

原创 event.stopPropatation()阻止继续冒泡

原创 第三章第五节

function a(){ var _aee = []; //私有数组 在a函数外面不能改变_aee数组 return function(i){ if(_aee.indexOf(i) != -1){//有了 console.log(false) }else{ _aee.push(i) console.log(true) } }}var b = ...

原创 创建10个<a>标签，点击时弹出对应的序号

利用闭包 for(var i=0;i&lt;10;i++){ (function(i){ var a = document.createElement("a"); a.innerHTML = i + '&lt;br&gt;'; a.addEventListener('click',function(){ alert(i) }) document.body.appen...

原创 [Jq] jqury操作元素节点的方法（创建、选择、插入节点）

创建节点注意：Jquery创建元素节点、属性节点、文本节点都使用$(html)1.创建元素节点： $("&lt;li&gt;&lt;/li&gt;");2.创建属性节点： $("&lt;li id='test'&gt;&lt;/li&gt;");3.创建文本节点： $("hello world !");4.下面是创建三者的结合： $("&lt;

原创 [经] Object.defineProperty()

JS提供了一个内部数据结构，用来描述对象的属性，控制对象的行为，这个内部数据结构成为“属性描述对象”，对象中的每个属性都有自己对应的属性描述对象。属性描述对象提供6个元属性。Object.defineProperties() 方法直接在一个对象上定义新的属性或修改现有属性，并返回该对象。语法 ： Object.defineProperty ( obj , prop , descripto...

原创 [ES6] 字符串、正则、数值、函数、数组、对象的扩展

一.字符串字符串可以被for…of循环遍历。// for(let item of &quot;pengchb&quot;){// console.log(item)// }

原创 [ES6] 变量的解构和赋值

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。1.数组的解构赋值以前，为变量赋值，只能直接指定值。let a = 1;let b = 2;let c = 3;ES6 允许写成下面这样。let [a, b, c] = [1, 2, 3];如果解构不成功，变量的值就等于undefined。let [foo] = [];let [bar, foo]...

原创 [ES6] let和const变量声明

1.let命令1.1块级作用域它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。在代码块之外调用这两个变量，结果let声明的变量报错给两个例子var a = [];for (var i = 0; i &amp;amp;amp;lt; 10; i++) { a[i] = function () { console.log(i); };}a[6](); // 10...

原创 vue之this.$route.query和this.$route.params接收参数

A页面传递参数peng=0registerInfoThis.$router.push(&amp;quot;/hrhi/psninfo/dynamic/&amp;quot; + data.row.pk_psndoc + '?funcode=60070psninfo&amp;amp;amp;peng=0');运行后，传递的参数在地址栏中有显示B页面接收参数created() { this.penga = this.$route....

原创 跨域请求解决方案

浏览器安全的基石是“同源政策”1.含义A 网页设置的 Cookie，B 网页不能打开，除非这两个网页“同源”。不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以a.com下的js脚本采用ajax读取b.com里面的文件数据是会报错的。所谓“同源”指的是”三个相同协议相同域名相同端口相同举例来说，http://www.example.com/dir/page.html这...

原创 AJAX异步通信和XMLHttpRequest 对象

AJAX指的是 JavaScript 的异步通信AJAX 包括以下几个步骤1.创建 XMLHttpRequest 实例2.发出 HTTP 请求3.接收服务器传回的数据4.更新网页数据概括起来,AJAX 通过原生的XMLHttpRequest对象发出 HTTP 请求，得到服务器返回的数据后，再进行处理。详细步骤：var xhr = new XMLHttpRequest();X...

原创 浏览器模型

关于重流和重绘的优化技巧读取 DOM 或者写入 DOM，尽量写在一起，不要混杂。不要读取一个 DOM 节点，然后立刻写入，接着再读取一个 DOM 节点。缓存 DOM 信息。不要一项一项地改变样式，而是使用 CSS class 一次性改变样式。使用documentFragment操作 DOM动画使用absolute定位或fixed定位，这样可以减少对其他元素的影响。只在必要时才显示隐藏元...

转载 Promise异步操作原理

https://segmentfault.com/a/1190000009478377

转载 Promise异步操作用法

https://www.cnblogs.com/whybxy/p/7645578.html

原创 css子元素如何撑开父级元素

当子级元素宽度不固定时设置父级元素的 display: inline-block; 即可撑开父级元素。

原创 js事件和事件委托详解

js和html之间的交互是通过事件来实现的。ie9、Firefox、Opera、Safari、Chrome已经全部实现了“Dom2级事件”。一.事件流1.事件冒泡（IE）IE的事件流叫事件冒泡，事件开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，逐级向上传播到最不具体的最外层的节点（Document文档）。2.事件捕获（Netscape）另一种事件流叫事件捕获，是由最不具体的最外...

原创 js事件循环(原理解析)

https://www.cnblogs.com/xiaohuochai/p/8527618.html#anchor5

转载 js回调函数（深度解析）

https://www.cnblogs.com/gaosheng-221/p/6045483.html

原创 JS异步操作解决方案

一.概述单线程模型单线程模型指的是，JavaScript 只在一个线程上运行。也就是说，JavaScript 同时只能执行一个任务，其他任务都必须在后面排队等待。注意，JavaScript 只在一个线程上运行，不代表 JavaScript 引擎只有一个线程。事实上，JavaScript 引擎有多个线程，单个脚本只能在一个线程上运行（称为主线程），其他线程都是在后台配合。JavaScript 语...