JSon.徐徐东升-CSDN博客

原创 Less和Sass的区别

首先，sass和less都是css的预编译处理语言，他们引入了mixins，参数，嵌套规则，运算，颜色，名字空间，作用域，JavaScript赋值等加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用，但是他们两者有什么不同呢？1.编译环境不同less是通过js编译是在客户端处理sass是通过ruby 是在服务器端处理2.变量符不一样less是用@sass是用$3.sass支持条件语句，可以使用if else for循环等但是less不支持4.Lee没有输出

2021-05-27 16:26:58 93

原创覆盖式修改

例如：obj={a:1,b:2}要求：把a的值改为100做法：obj={a:100,b=2}

2021-04-26 15:10:34 86

原创 vue中注册全局自定义组件

出发思想:主要是把子组件导入main.js 并挂载到vue原型属性component上面，在父组件中可以直接是使用挂载时起的名字。父组件<template> <div class="mobelboxright"> <mi-list :mobellist="mobellist"></mi-list> //1调用原型上的标签 </div></template> <script>

2021-04-25 17:26:50 234

原创设计模式之一—策略模式

java开发中的23种设计模式—策略模式一、定义1.1 设计模式1.2 策略（Strategy）模式二、举例2.1 引入三、使用步骤3.1 优化-策略模式四、优缺点一、定义1.1 设计模式设计模式：软件设计的一个专业术语。对某一类常见问题（23）有最优解决的方案，提炼成一个固定的套路—称之为一种设计模式。1.2 策略（Strategy）模式策略模式：该模式定义了一系列算法，并将每个算法封装起来，使它们可以相互替换，且算法的变化不会影响使用算法的客户。策略模式属于对象行为模式，

2021-04-25 17:04:51 54

原创 Js数组includes()

Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。该方法属于 ES7 ，但 Babel 转码器已经支持。[1, 2, 3].includes(2); // true [1, 2, 3].includes(4); // false [1, 2, NaN].includes(NaN); // true该方法的第二个参数表示搜索的起始位置，默认为 0 。如果第二个参数为负数，则表示倒数的位置，如果这时它大于数组长度（

2021-04-21 19:57:15 563

原创 map和filter使用方法与区别

对于map和filter有时候傻傻分不清楚，不管jquery，只说js中的两个方法，map()和filter()都是对调用他们的数组进行遍历。首先熟悉一下他们的使用方法：arr.map(function (item,index,array){……})arr.filter(function (item,index,array){……})都是将函数写在方法的括号里，参数也一样参数：item：当前处理的元素；index:当前处理元素的索引；array:调用map方法的数组，也就是arr下面是一个简单

2021-04-21 19:52:28 203

原创正则补充

1.字符串.replace：字符串的方法：replace() 方法可以实现替换字符串操作，用来替换的参数可以是一个字符串或是一个正则表达式。var str = 'andy和red';var newStr = str.replace('andy', 'baby');console.log(newStr)//baby和red// 等同于此处的andy可以写在正则表达式内var newStr2 = str.replace(/andy/, 'baby');console.log(newStr2)

2021-04-20 16:06:59 56

原创虚拟DOM的理解及实现步骤

一：理解虚拟dom：Virtual DOM是一棵以JavaScript对象作为基础的树，每一个节点称为VNode，用对象属性来描述节点，实际上它是一层对真实DOM的抽象，最终可以通过渲染操作使这棵树映射到真实环境上，简单来说Virtual DOM就是一个Js对象，用以描述整个文档。二：实现步骤：1.生成虚拟dom树2.将内存中的虚拟dom树渲染成真实的dom树3.修改data数据4.修改之后生成新的虚拟dom树5.用新的虚拟dom树与旧的虚拟dom树进行比较6.对比二者的差异，重新渲染真实的

2021-04-20 15:52:59 473

原创路由之间的跳转方式有哪些声明式_详解vue 路由跳转四种方式 (带参数)

1. router-link不带参数//name,path都行, 建议用name// 注意：router-link中链接如果是’/‘开始就是从根路由开始，如果开始不带’/’，则从当前路由开始。2.带参数// params传参数 (类似post)// 路由配置 path: “/home/:id” 或者 path: “/home:id”// 不配置path ,第一次可请求,刷新页面id会消失// 配置path,刷新页面id会保留// html 取参 $route.params.

2021-04-20 15:45:38 235

xwj822的博客