- 博客(26)
- 收藏
- 关注
RSS订阅
原创 vscode 炫酷 高逼格 自带蹦迪效果的代码风格 插件你见过么？
之前出了一个更换背景图的vscode 方法，很多小伙伴私信我说有没有一款颜色鲜艳的代码配色图能不让我写代码越写越困？今天他来了 SynthWave '84 一款实现霓虹灯闪烁 刺激 晃眼 适合喜欢蹦迪的同学 代码风格 你值得拥有！！！废话不多说 ！上教程！第一步：首先打开 vscode 软件 搜索SynthWave '84 插件第二步：然后点击“文件”-->“首选项”-->“颜色主题”-->“SynthWave '84” 点击之后即可使用...
2020-11-02 10:54:16
4633
12
原创 如何在 vscode 中更换炫酷的背景图
我们面对着代码每天敲的头都要晕了，有个好的背景图不仅可以缓解眼睛的疲劳还很炫酷，直接上操作步骤1.在软件的扩展中下载 background 插件，并安装插件2.在安装完成后，软件会提示插件损坏，不必管他，让他不再显示即可。3.【文件】-【首选项】-【设置】中，切换到工作区 在搜索框直接搜索 background 然后随便点击一个在setting.json中编辑4. 复制以下代码...
2020-01-09 16:35:50
2234
1
原创 vscode 非常炫酷高逼格的敲代码的效果动画
1.首先到搜索中 寻找power mode 插件 直接install，2.找到 用户设置 seting.json 添加以下几行代码。“powermode.enabled”: true, //启动效果“powermode.presets”: “flames”, // flames 火花效果“powermode.enableShake”: false // 关闭代码抖动3.end...
2019-08-15 17:13:18
21612
1
转载 手机上的浏览器有几种内核
细心的人会发现目前电脑上的浏览器，多数是基于IE内核，而安卓手机却没有手机版IE浏览器。那么，问题来了。为什么安卓手机没有IE浏览器，手机浏览器是基于什么内核，小编马上解答。 为什么安卓手机没有IE浏览器？ 首先，我们科普一下所谓IE内核不过是通俗叫法，并不是独立内核，IE浏览器属于Trident内核，是有手机采用该内核的浏览器的，比如微软Windows Phone系统的手机都内置了IE浏览器。 ...
2019-08-08 18:09:32
9878
原创 uni-request 封装 ajax 拦截器 api 封装 页面调用
1. 由于本人要写一个移动端的小项目就相当到使用uni 来编写 但是开发过程中 需要请求接口的时候 发现 市场都没有好的一个封装接口 demo 于是把自己 在vue 中封装axios 的方法放到了uni 的插件市场 ，等我有空会更新到 GitHub 仓库上面去 登录 uni 官网 点击插件市场 搜索 sjh-ajax...
2021-04-07 16:46:50
412
原创 解决升级vscode 之后 修改项目代码 会出现 dist 自动打包生成文件
今天升级完vscode 遇到一个问题，每次修改保存文件以后都会在当前目录自动打包一个 dist/[name].dev.js 文件。这是因为 vscode 自动安装了一个插件compile-hero，就是这个插件影响的，解决 点击vscode 的 左下角的设置 然后点击设置 搜索compile-hero 把所有下面带对勾的选项 全部取消 就ok了...
2020-08-27 15:11:05
2426
原创 怎么解决vue打包后静态资源图片失效的问题？，那又怎么解决动态设置img的src不生效呢？
1.找到config/index.js配置文件，找到build打包对象里的assetsPublicPath属性，将默认值：'/'，修改为：'./'。2.因为动态添加的src被当做静态资源处理了，没有进行编译，所以要加上require。<img :src="require('@/assets/images/xxx.png')" />...
2020-07-28 16:56:02
913
转载 Vue的双向数据绑定原理是什么？
1.mvvm 的意思是model+view+viewModel 即 数据模型model，viewModel连接两个2.区别？ vue数据驱动，通过数据来显示视图层而不是节点操作。仅仅需要专注数据，只要数据改变，所有的视图就会自己跟随着改变 jq 属于操作dom节点而改变视图。3.哪些场景适合mvvm？ 数据操作比较多的场景，更加高效，便捷，提升工作效率...
2020-07-28 16:46:39
253
原创 vue 如何禁止用户复制网页内容
1.打开main.js 1.1 直接把这段代码复制上去 就ok了 //禁止选择网页中的文字 document.onselectstart = function () { return false; }
2020-03-18 14:32:14
2849
原创 vue 如何获取当地的日期 以及 天气数据
第一步：npm install axios // 安装axios第二步 ：在 main.js 引入//axiosimportaxiosfrom"axios";Vue.prototype.$axios=axios; //此处根据项目情况来配置第三步：在页面中调用created() { this.$axios ...
2019-12-16 15:26:17
4101
2
原创 解决 element 循环 input 或者 给与指定值 导致无法输入的问题
<div :class="index==0? 'msg-con divider-param' : 'msg-con' " v-for="(param,index) in master.params" :key="index" > <...
2019-12-02 11:37:57
4046
11
原创 vue 中 如何 监听 窗口变化 做出页面自适应 解决 路由缓存无效
1.废话不多说直接上代码 ，即复制即用 1.1需要注意的是 要放到 mounted 里面 不要放到 created 原因的话 去看 vue 的生命周期钩子 data() { return { _page: '', _rights: [], screenHeight: ...
2019-11-28 15:42:50
329
原创 vue 项目中 在 main.js 中引入 .scss 文件 报找不到的错误？
1. 问题： 你在main.js 下引入 scss 文件 明明路径是正确的， 但是在运行的时候就会提示找不到该文件？2.解决： 新版本的vue-cli已经帮我们把sass-loader配置好了，放在util.js里面了 前面我们通过cnpm i node-sass sass-loader -D 安装好了scss依赖 并在build文件夹下的webpack...
2019-11-11 16:14:18
2651
原创 vue 跳转路由传参 跳转到相同路由时 该路由不刷新的问题
1.需求 ： A页面携带不同的参数跳转到B页面，解决B页面不刷新导致接收的参数永远是第一次跳转路由所带的参数！ 解决：通过监听路由，把你写在created里面的代码重新在watch在复制一份，达到页面数据的刷新。 created() { this.queryData = this.$route.query.queryData; }, watch: { //监...
2019-09-02 14:53:47
849
1
原创 vue 阻止 鼠标右键事件
1.我们在vue中默认的写法是 <div @click="selectBtn(index)"></div>2.我们只需要加上@contextmenu.prevent 这个，就可实现了 <div @click="selectBtn(index)" @contextmenu.prevent="selectBtn"></div>...
2019-08-08 16:01:50
2658
原创 vue 本地的项目别人怎么通过 ip地址来访问
最近有人问我，我写了个vue 项目，但是我经理想在他电脑上看效果 怎么看不了，连接的是同一个无线网？1. 告诉大家一个最简单的方法，找到confing下的index.js 把你的host： 原来的localhose 改为你自己的ip地址，然后保存，这样别人就能在同一局域网下 来访问你的vue 项目了 访问的时候通过你的ip地址加上你的端口号就ok了...
2019-08-08 11:06:05
3665
1
原创 如何解决vue2.0 打包之后 打开index.html出现空白页
如何解决vue2.0 打包之后 打开index.html出现空白页 1.打包之前修改三个文件 1.1.第一步，找到build文件，在webpack.prod.conf.js 第25行左右 有一个对象为 output,在这里面增加一行代码publicPath:'./' output: { //在这里加一行代码 publicPath:'./',...
2019-08-05 18:21:43
852
2
原创 怎么在vue项目中的浏览器网页添加小图标
1.实现功能：在网页标题处添加小图标例如：2.将所需图标放在static目录下为什么放在static目录下，而不是放在src目录下呢？因为放在src下浏览器会找不到的，网页把根域名作为相对文件的根目录了，但是我们的文件的路径是相对于我们的项目文件的根目录的，因此找不到了。还有这里推荐大家用 .ico格式 的图标，而不是.jpg和.png格式的图片，改个格式而已，不紧要的。为什么这样用呢...
2019-08-01 18:01:08
502
原创 vue css样式作用域 scoped中如何修改element-ui的控件样式
vue css样式作用域 scope中如何修改element-ui的控件样式1.我们都知道在vue项目中我们的组件css一般都是写到作用域scoped中，但是我们修改element-ui 控件 比如说el-input的样式时 我们找到当前的class 去改写 不起作用2.直接上代码 使用 样式穿透 这样既保证了样式不被污染 又可以改变当前使用ui库的样式 不只是能修改 element的 所...
2019-07-29 11:42:29
1357
原创 vue 中 使用 jquery
1.cnpm install jquery --save2.打开webpack.base.conf.js3.在module.exports下添加//jq plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery:...
2019-07-23 15:07:04
135
原创 解决Vuex在F5刷新页面后数据不见的问题
Vuex持久化插件cnpm install vuex-persistedstate --save.引入及配置1. 在store下的index.js中2. import createPersistedState from "vuex-persistedstate" const store = new Vuex.Store({ // ... plugins: [cre...
2019-07-22 18:18:34
846
原创 Vue项目中使用scss
如何安装sassnpm install --save-loadernpm install --save-dev node-sassnpm run dev如果运行报如下错误，说明缺少依赖!!vue-style-loader!css-loader?{“sourceMap”:false}!../node_modules/_vue-loader@13.5.0@vue-loader/lib/s...
2019-07-22 11:18:29
118
原创 element ui 中如何优雅美观的实现单选表格
element ui 中如何实现单选表格我们都知道 element ui 中有复选框的表格 ，但是如果我们有单选的表格怎么办，样式还要和风格搭配 ，接下来我 一行代码带你实现 单选功能。我先讲下我们的思路：首先我们要知道我们的功能是单选，所以需要element 的单选控件el-radio然后我们需要知道我们当前点击的是哪一行 ，所以正好用到element 表格的一个事件@row-cli...
2019-07-19 17:38:47
2946
2
原创 一行代码 实现 iframe 嵌套 第三方的 网页
如何用iframe 嵌套 第三方的 网页1. 一行代码带你搞定<iframe ref="iframe" src="http://www.baidu.com" width="100%" height="450px" id="ifPtFrame" name="ptframe" frameborder=...
2019-07-19 17:18:55
5645
3
原创 vue在pc端一行代码实现 全屏功能
1.项目中使用的是sreenfull插件，执行命令安装第一步：安装：在命令行中执行：（注：因为这是生产依赖，所以执行--save）npm install screenfull--save第二步：直接上代码：<template> <el-button type="primary" class="button" @click="buttonc...
2019-07-05 11:18:02
2204
原创 vue 项目中引用了 echrts 大数据量面积图
一.我本人也是刚开始使用vue，但是在项目中有一个用到大数据量面积图，分享一下我的经验，如有不到之处，还望指出。1.首先需要在vue项目中引入 echarts ，引入的方法有很多 在这里就讲一个方式，其他的大家可以在其他大牛的博客里面寻找 1.1. 安装Echats npm install echarts --save ...
2019-07-01 18:02:41
1570
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人