前端

Chason

宁可偏执，也不能放弃理想。
https://www.rmbxz.com

累计撰写 324 篇文章
累计创建 54 个标签
累计收到 13 条评论

标签搜索

以下是前端相关的文章

2021-03-15
基于vue-cli模板的多页面多路由项目 github原文及项目地址：https://github.com/chen1218chen/vue-cli-multi-page### UsageThis is a project template for [vue-cli](https://github.com/vuejs/vue-cli).gi
- 2021-03-15
- 758
- 0
- 0
- Vue2
2021-03-14
vue-cli3引入第三方字体文件 1. 在src目录下新建font目录，并创建font.css文件，并将字体文件放进该目录文件：font.css:@font-face { font-family: 'BEBA'; src: url('BEBA.ttf');}2. 在项目中引入，比如在APP.vue中引入，在子页面In
- 2021-03-14
- 806
- 0
- 0
- Vue2
2021-03-14
vue-cli 解决ie兼容性问题测试发现，vuecli安装后，ie11能直接进入页面，并不需要做任何处理。出现的问题：1、vuetify插件安装后，自定义主题颜色在ie浏览器上无变化。2、导入的本地字体在ie上无变化。以下内容原文：https://www.jianshu.com/p/a26f32b2ca8e首先兼容ie只需要安装一
- 2021-03-14
- 854
- 0
- 0
- Vue2
2021-03-14
vue cli IE 白屏 (个人记录） 2020-06-04猜测可能是更新vuecli框架后，文档结构有变化，重新建立新工程，旧文件重新导入，ie恢复正常。2020-06-15(1)重新建立vuecli框架，选择的是yarn安装包，然后把原所有文件替换，ie显示正常。(2)将出问题的工程删掉node_modules后，执行yarn ins
- 2021-03-14
- 708
- 0
- 0
- Vue2
2021-03-14
Vue中Axios的封装和API接口的管理原文：https://juejin.cn/post/6844903652881072141vue中Axios的封装和API接口的管理如图，面对一团糟代码的你~~~真的想说，What F~U~C~K！！！回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码
- 2021-03-14
- 846
- 0
- 0
- Vue2
2021-03-14
详解前端脚手架开发排坑全指南【前端提效必须上干货】原文：https://juejin.cn/post/6847902225025466376详解前端脚手架开发排坑全指南【前端提效必须上干货】我们业务中可以通过Vue-cli脚手架快速生成vue项目，同样我们也可以开发一款cli脚手架用于快速生成我们日常提炼出来的业务基础模型/架构。本文将详细讲解脚手
- 2021-03-14
- 919
- 0
- 1
- Vue2
2021-03-13
切换页面时滚动条自动滚动到顶部原文：https://blog.csdn.net/weixin_42283360/article/details/88032896情景描述页面 /a, 有输入框, 当输入框输入合适的值的时候, 不隐藏软键盘, 点击相应按钮直接跳到 /b页面 /b, 页面本来内容很少, 没有滚动条的, 可是莫名的被下
- 2021-03-13
- 737
- 0
- 0
- Vue2
2021-03-13
vue跳转本页面报错 & 判断当前页面一个按钮绑定一个方法，方法是跳转到某个路由地址，当已经点击触发方法到该路由下的时候，再进行点击该按钮控制台就会报错，不会影响项目运行解决方法：Vue 路由判断当前页面，然后决定操作。if(this.$route.path == '/bindingmodifica/newpassword'){
- 2021-03-13
- 738
- 0
- 0
- Vue2
2021-03-13
Vue 路由切换页面 gotolink(url) { this.$router.replace("/" + url);}
- 2021-03-13
- 719
- 0
- 0
- Vue2
2021-03-13
更新 Vue CLI 安装关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。Node 版本
- 2021-03-13
- 788
- 0
- 0
- Vue2
2021-03-13
Vue template中包含script标签的写法最近项目中有一段谷歌广告代码必须放在template中，但是vue会提示报错：Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in
- 2021-03-13
- 1028
- 0
- 0
- Vue2
2021-03-13
Vue引用js文件(import & export) script引入js（vue文件）js文件可以通过import引用功能js通过export引出功能
- 2021-03-13
- 704
- 0
- 0
- Vue2
2021-03-13
Vue中created与mounted的区别原文：https://segmentfault.com/a/1190000020058583vue中created与mounted的区别关于vue.js中的生命周期，如果不是有特别的需求，一般在项目开发过程中更多的使用created和mounted，所以在本文中主要讲解created与mounted
- 2021-03-13
- 988
- 0
- 0
- Vue2
2021-03-13
Failed to execute 'write' on 'Document'动态载入的js不能执行write 原文：https://www.cnblogs.com/atree/p/document-write-asynchronously-loaded.htmlFailed to execute 'write' on 'Document'动态载入的js不能执行write统计代码一般都是直接一个标签，插入js
- 2021-03-13
- 772
- 0
- 0
- JavaScript
2021-03-12
Vue router大小写区分新：https://github.com/vuejs/vue-router/issues/2154旧：https://github.com/vuejs/vue-router/issues/327
- 2021-03-12
- 1018
- 0
- 0
- Vue2
2021-03-12
提高首屏页面加载速度，解决vue-cli打包后单个文件过大的问题原文：https://www.cnblogs.com/songbw/p/11807460.html提高首屏页面加载速度，解决vue-cli打包后单个文件过大的问题本教程是针对vue-cli3以上的版本，其实原理都大同小异，这个demo为vue-cli直接创建的项目，并在main.js中引入了echa
- 2021-03-12
- 699
- 0
- 0
- Vue2
2021-03-12
提升90%加载速度——vuecli下的首屏性能优化原文：https://segmentfault.com/a/1190000019499007前言之前用vuecli做了个博客，是一个单页面项目，大概有十个路由直接npm run build打包出来，有一个1M的巨大js文件先挂载到服务器上试试好家伙这加载时间仿佛过了半个世纪首屏页面整整加载了9s
- 2021-03-12
- 799
- 0
- 0
- Vue2
2021-03-12
vue cli图片出错误（实际上是image-webpack-loader出现问题）问题原因：通过yarn安装imang-webpack-loader出现问题。错误提示解决思路：先卸载，然后通过cnpm安装此插件即可。npm uninstall image-webpack-loadercnpm install --save-dev image-webpack-loader解决方法（
- 2021-03-12
- 750
- 0
- 0
- Vue2
2021-03-12
vue登录注册及token验证实现代码原文链接: http://www.ddpool.cn/article/50222.html在大多数网站中，实现登录注册都是结合本地存储cookie、localStorage和请求时验证token等技术。而对于某些功能页面，会尝试获取本地存储中的token进行判断，存在则可进入，否则跳到登录页或弹出登
- 2021-03-12
- 661
- 0
- 0
- Vue2
2021-03-12
Vue switch开关组件新建一个Switch组件<template> <div> <span class="weui-switch" :class="{'weui-switch-on' : isChecked}" :value=&qu
- 2021-03-12
- 780
- 0
- 0
- Vue2
2021-03-12
vue 通过“router-view/router-view ”渲染成的子组件，如何向父组件传值 1.子组件给父组件传值父组件：<router-view @getShopCode='getShopCode'>methods:{ getShopCode(value){ conso.log(value); }}子组件：methods:{ goShopLis
- 2021-03-12
- 739
- 0
- 0
- Vue2
2021-03-12
router-view 组件间传值情况一：router-view 子组件发生变化导致父组件发生改变父组件中：<router-view @getMessage="showMsg"></router-view>showMsg (val) { // methods方法 val即为子组件传过
- 2021-03-12
- 692
- 0
- 0
- Vue2
2021-03-12
vuecli4 搭建页面空格换行不显示被压缩原文地址：https://blog.csdn.net/weixin_47731144/article/details/107612646最近升级了一个老项目，发现页面样式改变，在模板中无论输入多少个 &nbsp；页面都只显示一个空格。排查了一下原因，发现是在vue2.6版本升级之后页面tem
- 2021-03-12
- 953
- 0
- 0
- Vue2
2021-03-12
Vue CLI4 Vue.config.js标准配置(最全注释) 原文链接：https://www.jb51.net/article/188130.htm// vue.config.jsconst path = require('path');const CompressionWebpackPlugin = require("compression-we
- 2021-03-12
- 890
- 0
- 0
- Vue2
2021-03-12
vue.config.js 可参考 -zgcs 代码可以直接复制，也可以按需引入，一般都用的到，注意里面需要安装的依赖。分别是打包gzip压缩和图片压缩cnpm install --save-dev compression-webpack-plugincnpm install --save-dev image-webpack-loaderc
- 2021-03-12
- 890
- 0
- 0
- Vue2

3
4
5
6
7