正则 —— replace前言在项目中，需要对富文本字符串进行处理，给所有的img标签的src属性加上统一域名 所以采用正则来实现 replace方法使用就是字符串.replace（）；如下： 12345var str = 'this is tom';var strReg = str.replace(/tom/g,'jack');console.log(strReg);//this is jack意思就是在字符串str中全局搜索tom这个字符，并将他换成jack`； 其中$符号的使用，$...

Read More

前言有时候在vue中，也需要通过获取dom去实现一些操作，比如控制滚动条这个时候就需要ref与$refs来帮忙了 如何使用1.首先在html里写ref 12345678<Table ref="getTable" :custom-row="pointMark" :columns="column" :data-source="tableData" :pagination="false" :scroll="{ y: 200 }"> 2.再js里通过$...

Read More

前言从数组中查找你需要的数据，是一个非常常见的需求，那么如何快速的查找你所需要的目标数据呢？ 这篇文章将为你详细的讲解线性查找与二分法查找，并用 javascript 将其实现希望对各位有所帮助 线性查找线性查找是一种在数组中查找数据的算法，从数据的头部开始按顺序往下查找即为线性查找 图解实例如图所示，我们查找的数字 6 在数组中的位置 从数组的最左边开始查找，将其与 6 进行比较，如果结果一致，查找便结束，不一致则向右检查下一个数字。 此处不一致，所以向右继续和下一个数字进行比较...

Read More

通常我们在路由中传递数据给另一个页面用如下方法：一、params (不会显示在地址栏)123this.$router.push({ name : 'detail' , params : { id: id } })<router-link :to="{name:'detail',params:{name:1}}"> xxx </router-link> 接收参数 1this.$route...

Read More

什么是 slot插槽也就是 slot， 是组件的一块 HTML 模板，用于决定将所携带的内容，插入到指定的某个位置，从而使模块分块，具有模块化的特质和更大的重要性，这块模板显示不显示、以及怎样显示是有父组件来决定的，但是插槽显示的位置却由子组件自身决定，slot 写在组件 template 的什么位置，父组件传过来的模板将来就显示在什么位置。 slot 的分类默认插槽123456789// 父组件<template> <div> 我是父组件 <s...

Read More

js面向对象开发什么是对象“无序属性的集合，其属性可以包括基本值、对象或者函数”，对象是一组没有特定顺序的的值。对象的没个属性或方法都有一个俄名字，每个名字都映射到一个值。 什么是面向对象编程？面向对象编程的基本思路完全不同。其背后的思想是：你将所需要做的功能抽象成一个“对象”，然后一遍遍地调用这个对象来完成你想要的功能。 每次调用对象时，你必须创建对象，确保对象的存在，然后为了使用对象所带的功能你需要设置它的属性，这些功能称为“方法（methods）”。 面向对象的特点 封装 对于一些...

Read More

offsetLeft与style.left的区别offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offsetLeft是相同的，区别在于： style.left 返回的是字符串，如28px，offsetLeft返回的是数...

Read More

前言做项目中经常会遇到三条横线的菜单按钮，一般都是点击按钮出现菜单栏，再次点击关闭菜单栏，直接显示X号就显得很生硬，这里使用CSS3动画将这个过渡过程变得非线性感，更讨好眼球。例子里用的是hover更直接明显，在项目里可以用class来控制 如何写代码如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263...

Read More

什么是FecthFetch是一种HTTP数据请求的方式，是XMLHttpRequest的一种替代方案。Fetch不是ajax的进一步封装，它们是两个东西。Fetch函数就是原生js，没有使用XMLHttpRequest对象。 XMLHttpRequest 是一个设计粗糙的API，配置和调用方式非常混乱，而且基于事件的异步模型写起来也没有现代的 Promise，generator/yield，async/await 友好。 Fetch 的出现就是为了解决 XHR 的问题，它实现了 Promi...

Read More

常见场景 何时需要使用到mixin呢? 通常遇到有两个非常相似的组件，他们的基本功能是一样的，但他们之间又存在着足够的差异性，此时的你就像是来到了一个分岔路口：我是把它拆分成两个不同的组件呢？还是使用一个组件，然后通过props传值？对于实现功能来说，这两者都可以做到，但是不够完美。拆成两个组件的写法，遇到功能变动就要在两个文件中去修改，无疑是增加了更新的风险，违反DRY原则。而一个组件，太多的props传值会使得简单的逻辑变得复杂，后期维护时使用组件必须理解一大段上下文，降低了工作...

Read More