09 2022 档案
摘要：1. 首先我们新建一个Popup.vue,这个组件有一个关闭按钮。 这个组件十子组件传值个父组件，通过$emit发送值给父组件。 2.父组件导入使用组件，定义点击事件
阅读全文
摘要：1.如果想把箭头变成自己的，就直接在里面添加标签i <div class="swiper-button-prev" slot="button-prev"> <i class="iconfont icon-zuojiantou"></i> </div> <div class="swiper-butto
阅读全文
摘要：先弄3个tab组件，再导入 可以使用<component :is="activetab">那个，也可以使用下面注释的那个,二选一 选择TabA 第二部分 如何切换之间有input的输入框，来回切换会消失的，所以要使用keep-alive保持活性
阅读全文
摘要：在vue里面使用的话最好不要操作数据，做一些效果就好了 1.首先 npm install jquery --save 2.使用v-on:click。定义一个点击方法，或者其他方法 3.import $ from 'jquery' 4.在方法里面使用
阅读全文
摘要：有一个需求 我在 JS 中有一个这样的数组： [6.7, 8, 7, 8.6] 我希望这个数组看起来像一个具有命名属性的对象数组： [{y: 6.7} , {y: 8}, {y: 7}, {y: 8.6}] .我如何在 JS 中执行此操作 可以这样返回 [6.7, 8, 7, 8.6].map(fu
阅读全文
摘要：一 . 安装json-server 01安装 npm install -g json-server https://github.com/typicode/json-server 02,新建一个db.json文件，把上面链接文档的数据放上去 03. json-server --watch db.js
阅读全文
摘要：遇到一个新的问题，我们可以用到很多解决问题的思路，下面的内容涵盖了大部分情况。 1、直观而系统的方式。 有些问题看一眼就能想到解决办法，如果遇到这种问题，你是很幸运的！ 2、在心里问自己，以前解决过类似的问题吗？ 如果有，可以找到你的笔记，或者在心里会想思路，如果没有，那么继续往下看。 3、有没有简
阅读全文
摘要：里面是英文的，可以使用谷歌翻译一下 https://blog.piio.co/posts/how-to-use-images-in-vue-js
阅读全文
摘要：1.安装 npm i vue-lazyload -S 安装成功后 目前使用的版本是vue2.6的 2.引入 3.使用Vue.use(VueLazyLoad) ,svg是加载时候的效果 4.把项目中的src改为v-lazy
阅读全文
摘要：1.先绑定一个类名，用来固定的 2.js求出他的高度 window.addEventListener('scroll', this.initHeight,true)后面要加上true 3.还有一个类名 全文，直接运行肯定报错的，图片看不清楚用的 <template> <div class="nav-
阅读全文
摘要：案例，我目前使用的是vue2版本的2.6，安装vue-awesome-swiper是3.1.3版本的 第一步： 在项目中使用 npm install vue-awesome-swiper --save 如果要指定我的版本就用 npm install vue-awesome-swiper@3.1.3
阅读全文
摘要：CommonJS规范和ECMAScript Module标准规范 1.在node环境下，把文件改成mjs后缀名 as关键字是起别名 2.多一个package文件，“type”:"module" CommonJS规范 导出 第一种方式 第二种方式 第三种方式 导入
阅读全文
摘要：html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
阅读全文
摘要：1. 内容介绍 2. HTTP协议基础及发展历史 经典五层模型 HTTP三次握手 URI、URL、URN HTTP报文形式 3.HTTP各种特性总览 1.认识HTTP客户端 2.CORS跨域请求限制与解决 ’Access Control Allow Origun‘:'*' 3.CORS跨域限制以及预
阅读全文
摘要：html <span class="price-value">9.99</span> <span class="price-value">9.99</span> <span class="price-value">9.99</span> JQuery $('.price-value').each(f
阅读全文
摘要：响应式网站概念 viewport 视口 1.响应式网站概念 1.flexible grid layout 弹性网格布局 2.flexible image 弹性图片 3. media queries 媒体查询 2.viewport 视口 <meta name="viewport" content="w
阅读全文
摘要：滚动后 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co
阅读全文
摘要：html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
阅读全文
摘要：html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
阅读全文
摘要：示例代码： var objJson=function(){ var express_data=null; $.ajax({ type:"get", 'async': false, 'global': false, url:'{{url('/server/express/index')}}', dat
阅读全文
摘要：这个要默认写上：top:0 滚动后： 代码： var navH=$('.box-footer').offset().top; $(window).scroll(function (){ var scroH=$(this).scrollTop(); if(scroH>=navH){ $(".box-f
阅读全文
