09 2022 档案

• jQuery的$.getJSON()方法在浏览器上不能请求到本地文件
  摘要：前言 今天运行很久之前写的一个echarts页面，当时是练习写demo 之前写了关于地图动态的一个图表，突然显示不成功，并且报错 发现了是jQuery的$.getJSON（）这个方法在浏览器上不能请求到文件 原因参考的 https://blog.csdn.net/memoriesaier/artic 阅读全文
  posted @ 2022-09-29 12:18 苏舒 阅读(271) 评论(0) 推荐(0) 编辑
• 如何实现网页PC端自动跳转到手机移动端（备用）
  摘要：如何实现网页PC端自动跳转到手机移动端（备用） 下面前端代码可以判断用户那个终端打开页面，实现跳转 if( ( navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMob 阅读全文
  posted @ 2022-09-29 11:03 苏舒 阅读(613) 评论(0) 推荐(0) 编辑
• SEO搜索排名看什么
  摘要： 阅读全文
  posted @ 2022-09-26 16:27 苏舒 阅读(20) 评论(0) 推荐(0) 编辑
• vue项目打包
  摘要：1.vue.config.js配置 阅读全文
  posted @ 2022-09-25 22:44 苏舒 阅读(24) 评论(0) 推荐(0) 编辑
• vue项目真机测试
  摘要：手机端直接输网址进入 设置package.json 设置vue.config.js 禁止双击放大缩小 自动键盘收起 修改input获取焦点后字体白色 修改color:#000 阅读全文
  posted @ 2022-09-25 22:28 苏舒 阅读(20) 评论(0) 推荐(0) 编辑
• 支付宝沙箱的使用Node.js
  摘要：官网 https://opendocs.alipay.com/common/02kkv7 进入沙箱 https://open.alipay.com/develop/sandbox/app 下载支付宝开放平台开发助手 生成密钥 将密钥配置 下载安装sdk cnpm install alipay-sdk 阅读全文
  posted @ 2022-09-24 18:21 苏舒 阅读(584) 评论(0) 推荐(0) 编辑
• for循环，for in, for of区别使用
  摘要：for循环 https://blog.csdn.net/weixin_51116095/article/details/112849727 for in for...in 语句以任意顺序迭代一个对象的除 Symbol 以外的可枚举属性，包括继承的可枚举属性。 for...in 是为遍历对象属性而构建 阅读全文
  posted @ 2022-09-16 13:12 苏舒 阅读(243) 评论(0) 推荐(0) 编辑
• vue路由传参显式隐式
  摘要：显式 this.$router.push(path{:}^{\prime }/hom{e}^{\prime },query:id)\mathrm{隐}\mathrm{式}this.$router.push({ name:'home', params:{ id } }) 阅读全文
  posted @ 2022-09-15 22:44 苏舒 阅读(242) 评论(0) 推荐(0) 编辑
• 使用BetterScroll / better-scroll实现双联互动 / 左右两侧关联滑动
  摘要：使用BetterScroll / better-scroll实现双联互动 / 左右两侧关联滑动 左侧 <ul class="l-item"> <li :class="item.id == currentIndex ? 'active' : ''" v-for="item in leftData" : 阅读全文
  posted @ 2022-09-15 13:48 苏舒 阅读(280) 评论(0) 推荐(0) 编辑
• sass简单使用
  摘要：下载 npm i node-sass@4.14.1 -S npm i sass-loader@8.x -S 或 npm i node-sass@4.14.1 sass-loader@8.x -S 使用 lang='scss' 关闭语法校验啥的。。。 阅读全文
  posted @ 2022-09-15 11:36 苏舒 阅读(15) 评论(0) 推荐(0) 编辑
• 简单导航守卫使用
  摘要：需要用户登录的页面配置 meta:{requiresAuth:true}, VueRouter.beforeEach((to, from, next) => { //获取登录状态 let isLogin = localStorage.getItem('isLogin') //判断要去往的页面有没有设 阅读全文
  posted @ 2022-09-14 12:01 苏舒 阅读(17) 评论(0) 推荐(0) 编辑
• 使用element-ui遇到 el-date-picker报错。Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead
  摘要：Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property 阅读全文
  posted @ 2022-09-14 09:55 苏舒 阅读(553) 评论(0) 推荐(0) 编辑
• better-scroll插件使用
  摘要：下载 npm i better-scroll -S 引入配置 import BetterScroll from 'better-scroll' let bs = new BetterScroll('.wrapper', { movable: true, zoom: true }) import BS 阅读全文
  posted @ 2022-09-12 22:13 苏舒 阅读(156) 评论(0) 推荐(0) 编辑
• vue-awesome-swiper插件使用笔记
  摘要：安装 npm i vue-awesome-swiper@3.1.3 -S 2.使用 <template> <div class="recommendPage"> <swiper :options="swiperOption" ref="mySwiper"> <swiper-slide>I'm Sli 阅读全文
  posted @ 2022-09-12 15:49 苏舒 阅读(132) 评论(0) 推荐(0) 编辑
• Nuxt生命周期
  摘要：1、服务端生命周期 1. nuxtServerInit(store, context){} 服务端初始化 动态token 读到设置 参数1 ：vuex上下文 参数2 ：nuxt上下文 在store中写时 2. middleware:'auth' 中间件 导航守卫 判断是否存在 全局：在nuxt.co 阅读全文
  posted @ 2022-09-11 15:32 苏舒 阅读(200) 评论(0) 推荐(0) 编辑
• Nuxt.js安装
  摘要：下载 npx create-nuxt-app <项目名> 选项 Project name: (demo2)//项目名 Programming language: (Use arrow keys)//语言 > JavaScript TypeScript Package manager: (Use ar 阅读全文
  posted @ 2022-09-11 14:23 苏舒 阅读(176) 评论(0) 推荐(0) 编辑
• Invalid Option: corejs is not a valid top-level option.
  摘要：删除node_modules,重新npm i 阅读全文
  posted @ 2022-09-09 22:52 苏舒 阅读(384) 评论(0) 推荐(0) 编辑
• Cannot find package 'babel-preset-stage-2' imported from
  摘要：问题记录 解决方法 改babel.config.js配置 根据: https://zhuanlan.zhihu.com/p/337075666 npm i @babel/plugin-transform-runtime -D npm i @babel/runtime-corejs3 { "prese 阅读全文
  posted @ 2022-09-09 22:51 苏舒 阅读(853) 评论(0) 推荐(0) 编辑
• <img data-v-45635ccc="" src="[object Object]" alt="">
  摘要：解决方法： 配置图片url-loader,在webpack.config.js中添加加入esModule:false即可,其作用是启用CommonJS模块语法 我的是在babel.config.js中 module.exports = { presets: [ '@vue/app', //解决图片不 阅读全文
  posted @ 2022-09-09 13:24 苏舒 阅读(34) 评论(0) 推荐(0) 编辑
• js对象增加属性
  摘要：aaaaaaaaaa 阅读全文
  posted @ 2022-09-08 23:24 苏舒 阅读(10) 评论(0) 推荐(0) 编辑
• vue-使用vue-video-player组件
  摘要：1.安装 4.0.6版本适应vue2 `npm install vue-video-player@4.0.6 –s` 2.main.js引入 //播放视频插件 import VideoPlayer from 'vue-video-player'; window.videojs = VideoPlay 阅读全文
  posted @ 2022-09-08 12:18 苏舒 阅读(519) 评论(0) 推荐(0) 编辑
• vue路由跳转带参数写法
  摘要：router-link 不带参数 //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。 2.带参数 // params传参数 (类似post) // 路由配置 path: "/home/:id" 阅读全文
  posted @ 2022-09-08 10:14 苏舒 阅读(76) 评论(0) 推荐(0) 编辑
• element-ui分页器简单使用
  摘要：引入element-ui 写入标签 <el-pagination //每页的条数 @size-change="handleSizeChange" //当前页 @current-change="handleCurrentChange" //当前页数 :current-page.sync="curren 阅读全文
  posted @ 2022-09-06 23:54 苏舒 阅读(902) 评论(0) 推荐(0) 编辑
• Vue.$set的用法
  摘要：向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测普通的新增属性 (比如 this.myObject.newProperty = 'hi') this.$set(目标对象, 属性名/索引， 新值) 阅读全文
  posted @ 2022-09-06 10:29 苏舒 阅读(69) 评论(0) 推荐(0) 编辑
• 鼠标划入划出事件
  摘要：onmouseenter鼠标进入滑块 onmouseleave鼠标离开滑块 其他... 阅读全文
  posted @ 2022-09-06 09:32 苏舒 阅读(26) 评论(0) 推荐(0) 编辑
• Verify滑块校验的简单使用
  摘要：组件引入 将文件夹放入项目并引入 import Verify from '../../common/verifition/Verify.vue' components注册 <Verify ref='verify' :captcha-type="'blockPuzzle'" @success="suc 阅读全文
  posted @ 2022-09-04 18:39 苏舒 阅读(267) 评论(0) 推荐(0) 编辑
• 自适应布局 tb自适应布局
  摘要：第一种方法是 将文件下载到你的项目中，然后通过相对路径添加: <script src="build/flexible_css.debug.js"></script> <script src="build/flexible.debug.js"></script> 第二种方法是 直接加载阿里CDN的文件 阅读全文
  posted @ 2022-09-02 14:31 苏舒 阅读(22) 评论(0) 推荐(0) 编辑
• vue.config.js配置
  摘要：0 阅读全文
  posted @ 2022-09-01 16:03 苏舒 阅读(25) 评论(0) 推荐(0) 编辑
• options should NOT have additional properties报错
  摘要：如图报这样的错误 vue.config.js文件中有错误 阅读全文
  posted @ 2022-09-01 15:55 苏舒 阅读(259) 评论(0) 推荐(0) 编辑