Live wild-CSDN博客

Live wild

码龄7年

个人简介：对喜欢的东西从一而终

IP 属地：河北省

查看详细资料

个人成就

获得20次点赞
内容获得3次评论
获得100次收藏
代码片获得131次分享
博客总排名1,098,723名

TA的专栏

javascript
19篇
CSS
3篇
ts
1篇
vue
6篇
实战项目笔记
6篇
事件循环
1篇
ES6
3篇
DOM
面试经验
2篇
Git

创作活动更多

王者杯·14天创作挑战营·第2期

这是一个以写作博客为目的的创作活动，旨在鼓励码龄大于4年的博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧！我们一起发掘写作的魅力，书写出属于我们的故事。注： 1、参赛者可以进入活动群进行交流、分享创作心得，互相鼓励与支持（开卷），答疑及活动群请见https://bbs.csdn.net/topics/619735097 2、文章质量分查询：https://www.csdn.net/qc 我们诚挚邀请你们参加为期14天的创作挑战赛！

55人参与去参加

搜TA的内容

vue项目中利用splice方法实现table行的上移下移

vue项目中利用splice方法实现table行的上移下移splice 方法实现代码实现效果splice 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。array.splice(start, deleteCount, item1, item2,…)start: 修改的开始位置deleteCount：要移除或要替换的元素个数。(如果为0，则添加元素）item1, item2, … ：要添加进数组的元素,从start 位置开始。如

发布博客 2022.03.16 ·

vue+ts

vue+ts新建一个基于ts的vue项目vue create ts-vue-project项目结构vue+ts使用基础import { Vue } from 'vue-property-decorator'export default class Home extends Vue { // data值 public collapsed = false; public userData = { oaName: '张三', auth: 1, auth

发布博客 2021.08.11 ·

Node.JS中的事件循环机制

Node的事件循环机制浏览器的 Event-Loop 由各个浏览器自己实现；而 Node 的 Event-Loop 由 libuv 来实现。libuv 主导循环机制共有六个循环阶段，重点是以下三个阶段：timers（计时器阶段）：初次进入事件循环，会从计时器阶段开始。此阶段会判断是否存在过期的计时器回调（包含 setTimeout 和 setInterval），如果存在则会执行所有过期的计时器回调，执行完毕后，如果回调中触发了相应的微任务，会接着执行所有微任务。timers 阶段的setTimeo

发布博客 2021.04.15 ·

跨域——跨域的解决方案

跨域浏览器的同源策略：请求资源时，浏览器要求当前网页和请求资源的server必须同源。同源：协议、域名、端口三者必须一致。当url中协议、域名、端口号任意一个不相同时，都算作不同域，不同域之间相互请求资源，就算做“跨域”。处理跨域的方法：1. jsonpjsonp的原理：利用script标签不受跨域限制和服务器端配合动态拼接字符串返回来实现跨域。浏览器脚本动态创建script标签，并且给script的src属性加入了callback参数，浏览器端还要定义callback，callba

发布博客 2020.08.18 ·

JavaScript字符串和数组去重方法总结

字符串去重面试中被问到字符串去重的问题，当时脑子有点空白，下来总结一下：1. 两层for循环嵌套新建一个字符串，两层循环，外层循环原字符串，内层循环新字符串，设一个标志位记录源字符串和新字符串的元素是否相等，如果不等，就将元素添加到新字符串中。function removeRepeatStr(str){ var newStr = ''; var flag; var len = str.length; for(var i=0; i<len; i++){

发布博客 2020.08.14 ·

arr.reduce使用和源码实现

1. reduce的使用数组方法 reduce 用来迭代一个数组，并且把它累积到一个值中。使用 reduce 方法来让 array 中的所有值相加。<!DOCTYPE html><html><head><meta charset="utf-8"><title>reduce的使用</title></head><body> <script>var arr = [1, 2, 3,

发布博客 2020.08.07 ·

ES6常用语法

ES6知识点1. 模板字符串var name = 'xiuyan' var career = 'coder' var hobby = ['coding', 'writing']var finalString = `my name is ${name}, I work as a ${career} I love ${hobby[0]} and ${hobby[1]}`2. var 和let const的区别（1）var和let定义的是变量，可修改；const定义的是常量，不可修改；（2）

发布博客 2020.07.13 ·

Promise

3. PromisePromise 对象用于表示一个异步操作的最终结果（完成或失败），以及其返回的值。Promise其实就是用来存储异步操作的结果的，异步操作返回一个Promise，但是不用给Promise传入回调函数或者参数。异步操作一旦完成，Promise会进入以下两种状态的其中一种：1.fulfilled（已完成）：表示异步操作成功结束；2.rejected（已拒绝）：表示异步操作未成功结束，期间可能发生了错误。3.1 使用Promise对象let promise = new Promi

发布博客 2020.07.10 ·

Vue路由传参的三种方式

Vue路由传参的三种方式第一种父组件：getDescribe1 (id) { this.$router.push({ path: `/config1/${id}` })}路由：另外路由需要配置，在path中添加/:id来对应 $router.push 中path携带的参数{ path: '/config1/:id', name: 'Config1', component: Config1},这种方法参数值会跟在url后面，子组件通过this.$route.pa

发布博客 2020.05.30 ·

js常用的日期方法

var myData = new Date() //Thu Mar 19 2020 21:26:45 GMT+0800 (中国标准时间)myDate.toLocaleDateString() //"2020/3/19"myDate.toLocaleTimeString() //"下午9:26:45"myDate.toLocaleString( ) //"...

发布博客 2020.03.19 ·

对象的常用方法

1. for in 遍历对象的属性2. Object.keys()Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致。const obj = { a: 2, b: 1, c: 0}for (let value of Object.keys(obj)) { cons...

发布博客 2020.03.18 ·

vue.js

vue.js基础Vue.js是一个轻量级MVVM框架。vue.js的核心思想是数据驱动+组件化。1.vue实例<script src="../lib/vue.js"></script><body><div id="app"> 你的名字是：{{name}}</div></body>// 创建...

发布博客 2020.03.17 ·

实现深拷贝的几种方式

1. JSON.stringify()以及JSON.parse()但是这种方法是不可以拷贝 undefined ， function， RegExp 等等类型的var obj5 = { a: 1, b: 2, c: 3}var objString = JSON.stringify(obj5);var obj6 = JSON.parse(objString);ob...

发布博客 2020.02.28 ·

JS基础语法01——变量类型和计算

一. 变量类型变量类型包括： Null Undefined Number String Object Boolean Function Symbol(ES6)1. 基本类型 VS 引用类型//基本类型let a = 100let b = aa = 200console.log(b) //100//引用类型let c = { age: 20 }let d = cc.age...

发布博客 2020.02.26 ·

静态页面的css总结（居中，背景图片）

居中水平居中行内元素水平居中这里的行内元素指的是文本text，图像img，超链接a，按钮等text-align: center; /*在父元素上设置*/块级元素水平居中定宽块级元素水平居中width: 100px; /*给块级元素设置宽度*/margin: 0 auto; /*将块级元素的margin-left和margin-right设置为auto*/不定宽块级...

发布博客 2020.02.24 ·

天天答题项目总结1——项目前期准备工作

项目前期准备工作移动端不同大小适配：之前采用的是rem的方法，现在有一种新的解决方案：在vue移动端使用lib-flexible和px2remloader适配屏幕。具体方法： https://www.cnblogs.com/xieyong25/p/9596497.html解决VUE项目（或者说前端项目）在IOS端的手势缩放问题，避免用户进行网页的缩放问题：移动端web缩放有两种...

发布博客 2020.02.22 ·

移动端开发的一些问题总结

REM是指相对于根元素的字体大小的单位，是个相对单位，如果不设置根元素的字体大小，则会默认以根元素的16px的大小计算值。EM是指相对于父元素的字体大小单位，也是个相对单位。UI稿的字体大小和边距等参数都是是在1080 * 1920上拟定出来的，那我们如何计算成我们要的大小呢？解决这个问题之前，我们要先理解逻辑像素和物理像素。物理像素（设备像素） & 逻辑像素（CSS像素）...

发布博客 2020.02.03 ·

单页面应用vs多页面应用

单页面应用vs多页面应用多页面应用：每次页面跳转，都要发一个html请求，服务器端返回一个html文件。优点：首屏展示时间快，且搜索引擎优化效果（SEO）好。缺点：页面切换慢。单页面应用：页面的跳转不需要发html请求，而是通过js动态的把当前页面的内容删除掉，再去把新的页面中的内容渲染出来。优点：页面跳转时不需要做html文件的请求，节约了http请求发送的时延，使页面切换变...

发布博客 2020.01.31 ·

异步、同步以及异步的各种解决方法

1. 异步和同步js是单线程语言，遇到等待（网络请求、定时任务）不能卡住，所以需要异步。同步和异步的区别：同步同时只能做一件事情，会阻塞代码的执行，异步可以同时进行多个操作，不会阻塞代码的执行异步通过callback形式调用。//异步通过callback形式调用异步不会阻塞代码执行console.log(100)setTimeout(() => { ale...

发布博客 2020.01.08 ·

JS基础知识04——this的绑定规则及优先级

this在不同应用场景中，如何取值？？？this的使用场景有：作为普通函数被调用使用call，apply，bind被调用作为对象方法被调用作为对象方法中的函数被调用箭头函数中被调用在class中被作为方法调用this在各个场景中取什么样的值是在函数执行的时候确认的，不是在函数定义的时候确认的。1. 作为普通函数被调用function fn1() { console...

发布博客 2020.01.06 ·