最新swiper使用记录swiper中文APIswiper英文版API 建议看此API"vue": "^3.2.37""swiper": "8.3.2"安装 {代码...} 在组件中导入swiper {代码...} 特别说明SwiperCore需要通过它来使用暴露的属性SwiperCore.use([Navigation, Pagination, Scrollbar, A11y, Autoplay])在模板中使用 {代码...} 部分参数说明：:slidesPerView...

Vue3.0 + Ts仅个人使用+简易理解笔录环境配置基础搭建 {代码...} 创建项目 {代码...} 注：vue2.0 升级到vue3.0 {代码...} vue2.0存在许些问题组件与组件之间依赖深，导致组件维护困难跨组件代码重用不是特别友好Vue3.0 API1.用于否可不用情况 Composition Api 来编写组件，也可以不用此api来做组件2.用此API情况TypeScri...

重要的是：要先插件安装vue-cli-plugin-style-resources-loader，再去依赖安装style-resources-loader

Vue实例需要经过创建、初始化数据、编译模板、挂载DOM、渲染、更新、渲染、卸载等一系列过程，这个过程就是vue的生命周期。vue提供的钩子函数：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed，当父子组件嵌套时他们有各自的钩子函数描述：

借用构造函数继承，使用call或apply方法，将父对象的构造函数绑定在子对象上原型继承，将子对象的prototype指向父对象的一个实例组合继承原型链继承：（不好处：子类实例共享属性，造成实例之间的属性会互相影响）解决不好处办法是 借用构造函数（类式继承） 又出现没有原型，无法复用 {代码...} 原型继承：优点：复用父...

所谓事件委托是指将事件绑定到目标元素的父元素上，利用冒泡机制触发该事件示例 {代码...} currentTarget，target的区别currentTarget当前所绑定事件的元素target当前被点击的元素

盒模型的组成，由里向外content,padding,border,margin在IE盒子模型中，width表示content+padding+border这三个部分的宽度在标准的盒子模型中，width指content部分的宽度box-sizing的使用 {代码...}

箭头函数与普通函数区别 箭头函数没有自己的this，this依赖以上级；不能改变this（因为没有自己的this）。 箭头函数不能new，由于（1）本身没有this，（2）没有prototype 箭头函数没有arguments（类数组），但可用扩展运算符接收参数(...arg) 写法更简洁 {代码...} 数组相关 改变原始数组： shif：从数组中删除第一个元...

红宝书 中对作用域链是这么描述：当代码在一个环境中执行时，会创建变量对象的一个作用域链。作用域链的用途是保证对执行环境有权访问的所有变量和函数的有序访问； 通俗点说就是作用域是针对变量的。（标识符） 比如我们创建一个函数，此函数包含另一个函数，函数里面还包含变量，此时就有三层作用域【全局作用域——第一...

背景：面试问到null与undefined区别，回的不是很满意，查阅一些资料做了简要复习记录，有不足和错望各位指正 先从二者进行简要认识查阅记录起： undefined可能会出现地方 1，变量申明但未赋值 {代码...} 2，函数定义了行参 {代码...} 3，对象Object.不存在的变量 {代码...} 此处查阅了MDN Object 4，使用void对表达式求...

Node 安装 1，升级centOS 也就是yum （建议） {代码...} 2，新建软件安装目录（也可以默认安装在root下面） {代码...} 3，下载node包到安装目录下 {代码...} 4，解压下载好的node包到安装目录下 {代码...} 5，进入node安装目录下 {代码...} 6，创建软链接，您就可以在任意目录下直接使用node和npm命令 {代码...} 到此nod...

实用记录 {代码...}

{代码...}

方法1：1、git add .（后面有一个点，意思是将你本地所有修改了的文件添加到暂存区）2、git commit -m""(引号里面是你的介绍，就是你的这次的提交是什么内容，便于你以后查看，这个是将索引的当前内容与描述更改的用户和日志消息一起存储在新的提交中)3、git pull origin master 拉代码，将远程最新的代码先跟你本地的代...

3,Array.from() 将类数组转为真正数组（任何有length属性的对象，都可以通过Array.from方法转为数组，扩展运算符则不行）

1，水平居中：行内元素 把行内元素放在一个属性块（display：block）元素中，然后设置父层元素属性居中： .test { {代码...} } 2，水平居中：块状元素 设置外边距 .test { {代码...} } 3，水平居中：多个块状元素 把块状元素属性（display：inline-block），然后设置父层元素属性居中： .test { {代码...} } 4，水平居中...

一，删除数组元素 {代码...} 二，删除对象元素 {代码...}

1.下载lib-flexible {代码...} 2.在项目中引入lib-flexible 一般情况在(main.js中引入lib-flexible) {代码...} 3.设置meta标签(视情况而定) {代码...} 4.安装px2rem-loader {代码...} 5.在webpack中配置px2rem-loader 1，在项目build文件中找到util.js，将px2rem-loader添加到cssLoaders中，2，px2rem-loader 下的 remUn...

一. less形式 {代码...} 二. sass形式 {代码...} 三. stylus形式 {代码...}

大家看到了这段代码，如果全部写JS上确实比较烦，而且大家也发现了，为什么在首尾有<script>标签，里面有{}括号括住了一些值，为什么这么写呢，别急别急。其实这些{}号中的数据，就是我们要填充的数据的地方。括号中的名称就是存贮值的变量，好，要怎么填呢？若我们从服务器上取到的JSON如下:Js代码