- 博客(24)
- 收藏
- 关注
RSS订阅原创 window.location.href、document.location.href、window.open的区别
一、比较常用的JS跳转页面和打开新窗口的方法1、替换当前页 （重新定位当前页）window.location.href = "https://www.xxx.com"; // 跳转到新的域名window.location.href = `/dashboard#/setting?type=1&userId=123`; // 在当前域名下跳转到新的子页面window.location.href = "https://www.xxx.com"; // 跳转到新的域名window.locatio
2020-12-09 16:36:41
8108
原创 浏览器与JS运行机制
layout: 浏览器与JS运行机制title: 浏览器与JS运行机制date: 2020-12-01 14:46:32tags: js browser一、JavaScript预解析JavaScript代码运行分为两个阶段：(1) 预解析所有函数定义提前，函数体提升(当然不包括如var box = function() {} )形参声明并赋值变量声明(不赋值)(2) 执行按照js运行机制从，从上到下执行二、进程与线程进程是cpu资源分配的最小单位（是能够拥有资源和独立运.
2020-12-02 17:26:32
570
原创 JS-链表与算法题解析
@JS-链表数据结构-Linked list一、什么是链表[维基百科] 链表（Linked list）是一种常见的基础数据结构，是一种线性表，但是并不会按线性的顺序存储数据，而是在每一个节点里存到下一个节点的指针(Pointer)。二、链表分类链表常用的有 3 类： 单链表、双向链表、循环链表。一般来说，说到链表，就要提下数组，一般链表都是和数组进行对比。三、链表设计说到链表，就要提下数组，一般链表都是和数组进行对比。在很多编程语言中，数组的长度时固定的，所以数组中的增加和删除比较麻烦
2020-12-02 11:28:05
649
原创 1-失焦事件覆盖了点击事件，2-主动校验rules中的某一项
1、在element-ui中，当 input失焦事件 与 按钮的点击事件同时触发时，由于失焦事件级别优先，造成点击事件没有触发。解决方法：使用原生的鼠标事件@mousedown.native="submitForm"，该事件级别优先于失焦事件，因此优先触发。2、当用户需要对表单中某一项触发校验时，可以通过 this.$refs.ruleForm.validateFiled('age...
2019-05-10 11:36:18
1156
原创 HTTP协议简单总结
1、HTTP协议的主要特点简单快速： 每个uri(统一资源标识符)是固定的，因此处理简单 灵活： 通过1个HTTP协议可以完成不同数据类型的传输 无连接： 连接一次就会断掉，不会保持连接 无状态： 服务端不会保存之前连接的状态，无缓存2、HTTP报文请求报文 请求行： 包含HTTP方法、页面地址、HTTP协议以及版本 请求头： key/value值告诉服务端所请求的内容 ...
2018-09-20 17:38:00
244
原创 DOM事件相关
目录：DOM事件基本概念： DOM事件的级别 DOM事件模型： 冒泡 和 捕获 DOM事件流 DOM事件捕获的基本流程 Event对象的常见应用 自定义事件1、DOM事件级别（或DOM标准的事件级别）DOM0 : element.onclick = function () { } DOM2 : element.addEventListener ( 'click' , fun...
2018-09-20 14:10:40
240
原创 假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px，中间自适应
解决方案：<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>test1</title> <style media="
2018-09-20 09:24:27
1281
原创 CSS盒模型
1、盒模型基本概念： 标准模型 + IE模型标准模型的width和height不包含border和padding：IE模型的width和height包含border和padding： 2、标准模型 和 IE模型的区别标准模型的width和height不包含border和paddingIE模型的width和height包含border和padding3、CSS...
2018-09-20 09:13:22
242
原创 CSS文本超过两行用省略号代替(兼容所有浏览器)
CSS文本超过两行用省略号代替1、常规写法(只兼容Chrome内核浏览器)2、可以兼容所有浏览器的方式1、常规写法(只兼容Chrome内核浏览器)完整代码供参考：&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html lang=&amp;amp;quot;en&amp;amp;quot; dir=&amp;amp;quot
2018-09-18 14:44:55
63405
5
原创 UEditor上传图片后，展示的顺序与选择时顺序不一致(多图上传)
UEditor多图上传时，由于后台上传接口返回的时间不同，会造成显示上传后的图片与选择时的图片顺序不一致的问题。 举个栗子： 多图上传时，先后选择了a.png和b.png，其中a.png大小为900k，b.png大小为5k，当上传成功后点击确认按钮， 发现b.png在a.png前面。即选择的时候顺序为 a.png 、b.png，而上传成功后显示的顺序为b.png 、 a.png ，因为a.pn...
2018-09-13 16:36:47
4855
6
原创 JavaScript中replace与replaceall方法
replace： replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。 replace(oldSubStr, newSubStr)let str1 = 'aannkkaayyrr'let str2 = str1.replace('aa', 'x')// str2 = 'xnnkkaayyrr'replaceAll replace(...
2018-09-13 15:42:41
9793
2
原创 ES6常用的语法总结
1、let 和 const 相同点：不存在变量提升，不能重复声明，在当前块内有效 。 不同点：let可以重复赋值，const不能再赋值。 (关于const：const声明时必须初始化赋值，不能重复赋值的意思是声明变量指向的那个内存地址所保存的数据不得改动。简单数据类型(数字、字符串、布尔值)的值就保存在变量指向的那个内存地址，因此值不可改变，而复杂数据类型(主要是对象和数组)保存的只是一个指...
2018-09-13 14:38:16
272
原创 Vue.js之组件异步加载
当项目中组件特别多的时候，通过webpack打包的组件非常多，如果在访问其中某一个路由对应的组件时，加载了所有组件的文件，对于性能的消耗是非常浪费的。 此时，我们就需要使用组件异步加载，即进入对应的组件时，只加载核心组件、代码和对应的组件代码。 通过vue-router和webpack实现 需要插件支持： babel-plugin-syntax-dynamic-importimport ...
2018-09-08 16:06:51
1174
原创 Vue.js路由route导航守卫
导航守卫：即在路由发生改变时通过跳转或取消的方式来守卫导航； 注意：参数或查询的改变并不会触发进入/离开的导航守卫； 导航守卫的方式：全局守卫、单个路由守卫、组件守卫。 route.js:import Vue from 'vue'import VueRouter from 'vue-router'const login = () => { import(/* ...
2018-09-08 15:34:49
751
原创 vue.js设置路由跳转时动画效果
app.vue : <template> <div> <router-link :to="/login">Login in </router-link> <router-link :to="/homePage">to HomePage</router-link&
2018-09-08 11:44:12
3759
原创 vue.js之rouer配置项简介
router.js :import Router from 'vue-router'import routers from './routers'export default () => { return new Router({ routers, // mode默认值为'hash',改为'history'后可去掉路由上的# ...
2018-09-08 11:10:46
373
原创 vue.js路由mode配置之去掉url上默认的#
比如 ： http://localhost:8080/#/login 路由中间默认带有 # 如果需要去掉#，只需将mode的默认值’hash’改为’history’即可。router.js :import Router from 'vue-router'import routers from './routers'export default () =&amp;amp;gt; { ...
2018-09-08 10:16:52
3569
原创 vue.js插槽Slot的用法与具名插槽、作用域插槽的使用
1、基本用法 插槽指允许将自定义的组件像普通标签一样插入内容import Vue from 'vue'// 定义组件componentOne const compoentOne = { template: ` <div :style="style1"> <slot></slot> // 定义插槽 ...
2018-09-07 15:53:55
2787
原创 vue.js之定义组件和子父组件数据传递及函数的相互调用
import Vue from 'vue'// 定义一个名称为componentOne的组件const componentOne = { // props 用来接收父项所传递过来的数据，该数据是挂载在本组件上，可以直接用this.调用 props: { active: { type: Boolean, // 定义父项传递数据的类型 ...
2018-09-07 09:17:34
907
原创 Vue.js原生指令
Vue.js原生指令目录：v-text v-html 1、v-text给标签绑定需要显示的内容new Vue({ el: '#id', template: `&amp;lt;div v-text=&quot;'value:'+val&quot;&amp;gt;&amp;lt;/div&amp;gt;`, data: { val: '123'
2018-09-06 20:24:38
423
原创 Vue.js之computed和watch的使用与区别
VUE之computed和watch应用与区别目录：computedwatchcomputed计算结果并返回，只有当被计算的值发生改变时才会触发 (即：计算属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算)new Vue({ el: '#id', template: `<div> <span>Name:...
2018-09-06 17:54:06
19816
6
原创 CSS3背景图像属性
CSS3背景图像属性目录：CSS3背景图像区域CSS3背景图像定位CSS3背景图像大小CSS3多重背景图像CSS3背景属性整合1、CSS3背景图像区域background-clip属性 指定背景绘制区域 语法： background-clip: border-box | padding-box | content-box 即： 从 边框/...
2018-09-05 17:44:14
537
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人