weixin_45306532的博客

转载 使用vue脚手架工具搭建vue-webpack项目和项目上线

对于Vue.js来说，如果你想要快速开始，那么只需要在你的html中引入一个1.安装node环境可以使用自带的终端cmd命令行工具；windows下推荐安装git bash，可以使用linux命令；第一步检测是否安装node；没有安装node的同学请到官网下载安装 https://nodejs.org/en/download/安装成功后在命令行查看node版本，如果有说明安装成功。2.安装vue脚手架工具vue-cli大家在安装node的时候，会自动安装npm；可以先行查看npm版本；使用

原创 js栈的理解

它是一种特殊的列表，是一种高效的数据结构，因为数据只能在栈顶删除或者增加，操作很快，栈的使用遍布程序语言实现方方面面，从表达或求值到处理函数调用。 栈内元素只能通过列表的一端访问(栈顶)，先进后出（FIFO），插入元素被称为进栈/入栈，从栈内删除元素被称为出栈。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210321094550501.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,.

原创 js前端列表代码实现

转载 vue-router做路由拦截时陷入死循环

vue-router做路由拦截时陷入死循环需要提前了解的api1：router.beforeEach( to , from ,next) ;to: Route: 即将要进入的目标 路由对象from: Route: 当前导航正要离开的路由next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。next(): 进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是 confirmed (确认的)。next(false): 中断当

原创 弹性布局优缺点

一、Flex 布局是什么Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。css3引入的flex布局优缺点：优点在于其容易上手，根据flex规则很容易达到某个布局效果。缺点是：浏览器兼容性比较差，只能兼容到ie9及以上。css3引入的flex布局介绍：弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inl

转载 EventLoop的理解

一次弄懂Event Loop（彻底解决此类面试问题）mr.zmr.z奔跑的程序猿可能存在事实错误726 人赞同了该文章转载：一次弄懂Event Loop（彻底解决此类面试问题）作者：光光同学出处：掘金文章为转载，不喜勿喷，都是前端狗，相煎何太急前言Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。为啥要弄懂Event Loop是要增加自己技术的深度，也就是懂得JavaScript的运行机制

转载 .sync理解以及使用

.sync修饰符一个组件上只能定义一个v-model，如果其他prop也要实现双向绑定的效果该怎么办呢？ 简单的方法是子组件向父组件发送一个事件，父组件监听该事件，然后更新prop。具体如下：// info.vue组件定义了一个value 属性， 和一个valueChanged事件<input @input=“onInput” :value=“value”/>父组件index.vue 上述写法太麻烦了，通过.sync可以简化上面代码，只需要修两个地方：组件内触发的

转载 前端基础算法理解以及使用

前端基础–算法排序js本身数组的sort方法，可以满足日常很多需求。基本会写快速排序就够了基本排序算法基本排序的思想都很类似，基本都是一组嵌套的for循环，外循环便利数组的每一项，内循环用于比较1.冒泡排序冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法。 它重复地走访过要排序的元素列，依次比较两个相邻的元素，如果顺序（如从大到小、首字母从Z到A）错误就把他们交换过来。 走访元素的工作是重复地进行直到没有相邻元素需要交换，也就是说该元素列已经排序完成。复制代码fun

转载 ...的理解

概念展开语法（Spread syntax），可以在函数调用数组构造时，将数组表达式或者 string 在语法层面展开；还可以在构造字面量对象时, 将对象表达式按 key-value 的方式展开。示例function sum(x, y, z) {return x + y + z;}const numbers = [1, 2, 3];console.log(sum(…numbers));// expected output: 6console.log(sum.apply(null, numbe

原创 Promise.all和Promse.race

Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。具体代码如下：let p1 = new Promise((resolve, reject) => {resolve(‘成功了’)})let p2 = new Promise((resolve, reject) => {resolve(‘success’)})let p3 = Prom

原创 剑指 Offer 17. 打印从1到最大的n位数

剑指 Offer 17. 打印从1到最大的n位数/**@param {number} n@return {number[]}*/var printNumbers = function(n) {let c = Math.pow(10, n) - 1let arr = []for(let i=1;i<=c;i++){arr.push(i)}return arr};

原创 java的基础学习需要掌握的重点

java.lang包中不能被继承的类：public final class Bytepublic final class Characterpublic static final class Character.UnicodeBlockpublic final class Classpublic final class Longpublic final class Mathpublic final class ProcessBuilderpublic final class RuntimeP

原创 寻找数组的中心索引

输入：nums = [1, 7, 3, 6, 5, 6]输出：3解释：索引 3 (nums[3] = 6) 的左侧数之和 (1 + 7 + 3 = 11)，与右侧数之和 (5 + 6 = 11) 相等。同时, 3 也是第一个符合要求的中心索引。

原创 浏览器端的存储技术

cookie、localStorge、userDatacookie 是靠谱的浏览器都支持；localStorge 比 cookie 存的更多，获取更方便，而且存储内容不会随请求发送给服务器；；IE 支持 userData 存储数据，但是基本很少使用到，除非有很强的浏览器兼容需求。...

原创 HTML5中的语义化标签？？？

<footer>：页脚，只有当父级是body时，才是整个页面的页脚。<small>：呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。 <strong>：和 em标签一样，用于强调文本，但它强调的程度更强一些。<em>：将其中的文本表示为强调的内容，表现为斜体。<mark>：使用黄色突出显示部分文本。<figure>：规定独立的流内容（图像、图表、照片、代码等等）（默认有40px左右margin）。 <fig

转载 java new URl()时捕获检查异常

**URL u =new URL(“http://www.123.com”);。如果www.123.com不存在，则返回______。java new URl()时捕获检查异常