2022年5月13日
Vue异步组件的三种实现方式
摘要： 异步组件的特点： Vue 只有在这个组件需要被渲染的时候才会从服务器端请求组件的相关js，且会把结果缓存起来供未来重渲染。 异步组件的好处： 提高性能。在大型应用中，我们可以将应用分割成小一些的代码块，并且只在需要的时候才从服务器加载一个模块。通常的使用就是在配置路由的时候，使用异步组件的加载方式， 阅读全文
posted @ 2022-05-13 09:45 泡椒pg 阅读(2230) 评论(0) 推荐(0) 编辑
Vue中动态组件和异步组件的区别
摘要： 1.动态组件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> #app { font-size: 0 } .dynamic-component-demo-tab-button { padding: 6px 10px; bord 阅读全文
posted @ 2022-05-13 09:38 泡椒pg 阅读(194) 评论(0) 推荐(0) 编辑
2022年5月12日
vue数据的双向绑定
摘要： 极简双向数据绑定的示例： var obj = {}; Object.defineProperty(obj,'hello',{ set:function(newVal){ document.getElementById('a').value = newVal; document.getElementB 阅读全文
posted @ 2022-05-12 17:08 泡椒pg 阅读(54) 评论(0) 推荐(0) 编辑
js for循环
摘要： 一、for循环 for(var num = 1;num<10;num++){ console.log(num);//1,2,3,4,5,6,7,8,9 } 二、while循环 var num = 1;//1、声明循环变量 let obj={‘name’:‘programmer’,‘age’:‘22’ 阅读全文
posted @ 2022-05-12 15:06 泡椒pg 阅读(479) 评论(0) 推荐(0) 编辑
vue中的provide和inject
摘要： 解析： provide：Object | () => Object inject：Array | { [key: string]: string | Symbol | Object } provide：提供依赖``是一个对象，或者是一个返回对象的函数。里面呢就包含要给子孙后代的东西，也就是属性和属性 阅读全文
posted @ 2022-05-12 14:52 泡椒pg 阅读(222) 评论(0) 推荐(0) 编辑
js的六种继承方式
摘要： 原型链继承 重点：让新实例的原型等于父类的实例。特点：1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。缺点：1、新实例无法向父类构造函数传参。 2、继承单一。 3、所有新实例都会共享父类实例的属性。 function Parent(name) { this.name 阅读全文
posted @ 2022-05-12 13:49 泡椒pg 阅读(72) 评论(0) 推荐(0) 编辑
2022年5月11日
vue 使用swiper 实现轮播图效果
摘要： 首先使用npm安装swiper npm i swiper 接着在组件模板中添加轮播的html结构 <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class= 阅读全文
posted @ 2022-05-11 22:33 泡椒pg 阅读(685) 评论(0) 推荐(0) 编辑
js数组
摘要： 数组的访问 用中括号[] 通过指定数组名以及索引号码，你可以 访问某个特定的元素。 数组的赋值 将数组a赋值给数组b 数组的length 数组的遍历 1.普通for循环 //最简单的一种，也是使用频率最高的一种，虽然性能不弱，但仍有优化空间 2.优化版for循环 //使用临时变量，将长度缓存起来，避 阅读全文
posted @ 2022-05-11 22:23 泡椒pg 阅读(35) 评论(0) 推荐(0) 编辑
2022年5月6日
vue 页面背景颜色修改
摘要： 全局背景颜色 修改vue 项目中 public文件夹下 index.html中直接添加 <style> body{ margin: 0; padding:0; background: rgb(231,231,231); } p{ margin:0; padding: 0; } ul,li { lis 阅读全文
posted @ 2022-05-06 14:45 泡椒pg 阅读(4377) 评论(0) 推荐(0) 编辑
2022年3月10日
js 路由跳转方法
摘要： 前端页面代码展示 <button onclick="page()">页面路由</button> <button onclick="hash()">hash跳转</button> <button onclick="backWay()">backWay</button> <button onclick= 阅读全文
posted @ 2022-03-10 15:58 泡椒pg 阅读(752) 评论(0) 推荐(1) 编辑
下一页
点击右上角即可分享
微信分享提示