![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 59
仰.
程序员小崔,努力写代码
展开
-
Vue脚手架配置项Progressive Web App(PWA)
简单介绍一下Progressive Web App(PWA)王玉略正在上传…重新上传取消2018年01月29日 10:55·阅读 48409关注前段时间在公司的内部分享会上简单地介绍了一些关于PWA的技术,不过当时用的是思维导图版本的,现在整理成博客分享给大家Progressive Web App(PWA)一、前期介绍1、为什么要将PWA作为本次的技术分享2017年11月份,谷歌在上海举办了一个开发者大会,期间在很多会场都有关于PWA的介绍,王二认为谷歌在致力于推...转载 2022-04-03 13:43:40 · 7750 阅读 · 2 评论 -
Vue动态绑定、添加input
这个过程用到了Vue+element-ui(1)首先给el-input加上v-for循环一个数据,并且v-model绑定这个数据中的属性,这样就可以在页面中展示所有的input框了,(2)动态绑定:先模拟一个传过来或者是请求到的数据,循环遍历这个数据,并把每个数据中的属性赋值给之前el-input循环的那个数据中的属性,这里推荐for-of循环。(3)动态添加:每点击一次就往el-input循环的那个数据中添加新的属性<template> <div class=".原创 2022-03-01 20:28:00 · 4591 阅读 · 0 评论 -
文章上榜,欢迎大家来学习
Vue+UpLoad实现上传、点图预览、删除图片_仰.-CSDN博客https://blog.csdn.net/QWERTYQ16/article/details/123020964?spm=1001.2014.3001.5502原创 2022-02-20 14:18:08 · 282 阅读 · 1 评论 -
数据类型加深浅拷贝
js数据类型有哪些基本数据类型,又称值类型。(值类型): Number、String、Boolean、Undefined、Null、Symbol(es6新增独一无二的值) 和 BigInt(es10新增);引用数据类型: Object。包含Object、Array、 function、Date、RegExp。栈堆存储值类型栈存储:主要针对(Number、String、Boolean)三种数据。直接存储在栈(stack)中,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储。例如:.原创 2022-01-19 19:21:41 · 138 阅读 · 0 评论 -
Windows下安装Nginx
前言Nginx (engine x) 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru 站 点(俄文:Рамблер)开发的 它也是一种轻量级的Web服务器,可以作为独立的服务器部署网站(类似Tomcat)。它高性能和低消耗内存的结构受到很多大公司青睐,如淘宝网站架设。。安装步骤1、下载Nginx下载地址:http://nginx.org/en/download.html (Nginx原创 2022-01-13 19:31:17 · 9920 阅读 · 0 评论 -
vue-cli4打包最强优化(10M变300kb)
一.项目开始时webpack配置vue-cli3以后,我们修改webpack配置,需要自己在项目根路径下创建vue.config.js文件。一、 配置 proxy 跨域配置跨域步骤https://blog.csdn.net/QWERTYQ16/article/details/122243175?spm=1001.2014.3001.5502二、配置 alias 别名使用vue-cli开发项目,最大特色是组件化。组件中频繁引用其他组件或插件。我们可以把一些常用的路径定义成简短的名字.原创 2022-01-13 18:59:19 · 557 阅读 · 0 评论 -
浏览器兼容性问题
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px的,他们很容易就会发现设计图的不足,并且在很少的情况下会碰到浏览器的兼容性问题,而这些问题往往都死浏览器的bug原创 2022-01-12 20:43:54 · 92 阅读 · 0 评论 -
vue路由导航守卫
三个守卫:全局的, 单个路由独享的, 或者组件级的。1.全局守卫 :全局前置守卫router.beforeEach 全局解析守卫router.beforeResolve 全局后置钩子router.afterEach(1).全局前置守卫const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})每个守卫方法接收三个参数:t.原创 2022-01-11 21:05:54 · 220 阅读 · 0 评论 -
error Couldn‘t find a package.json file in报错的解决方案
1.报错如下:2. 错误原因:依赖包产生了缓存,(就是重复下载了npm i包),解决方法:(1).删除node_modules包(2)执行如下命令:$ npm cache clean --force(3)出现这个即可(4).在重新下载依赖包npm icnpm iyarn之后即可重启项目。。。...原创 2022-01-09 12:52:50 · 32094 阅读 · 10 评论 -
VUEX模块化
1.分模块(1)在store的文件中添加一个js文件export default { // 代表这是一个命名独立的空间,不会与index.js里的命名冲突与污染namespaced:true, state:{}, mutations:{}, getters:{}, actions:{}, }(2)在store的index.js中引入// 引入import son from './son.js' // 在modules里注册export defaul原创 2022-01-07 21:08:52 · 97 阅读 · 0 评论 -
Vuex的使用
1.概念以及组成Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式vuex由五部分组成state: 数据actions:可以包含异步操作mutations: 唯一可以修改state数据的场所getters: 类似于vue组件中的计算属性,对state数据进行计算(会被缓存)modules:模块化管理store(仓库),每个模块拥有自己的 state、mutation、action、getter2.使用在store→index.js中import vue.原创 2022-01-07 10:14:23 · 187 阅读 · 0 评论 -
vue写一个返回顶部
普通函数内的this执行调用其函数的对象。mounted中一定要用箭头函数<template> <div class="go-top" @click="gotop" v-if="show"> <i class="iconfont icon-top"></i> </div></template><script>export default { data() { return {.原创 2022-01-04 15:15:59 · 551 阅读 · 0 评论 -
多环境变量的配置
1.环境变量的三个环境开发环境development使用npm run serve启动测试环境test 使用npm run test启动上线环境production 使用npm run build进行打包2.为什么要配置环境变量修改方便,无需重启项目,无需改代码3.环境变量配置的要求 以 VUE_APP_ 开头,可以通过 process.env.VUE_APP_ 访问。 比如,VUE_APP_ENV = 'development' 通...原创 2021-12-31 18:52:13 · 272 阅读 · 0 评论 -
axios请求的封装
1.先在src文件中创建一个utils文件,然后在下面创建一个http文件,内容为import axios from "axios"//引入vant的toast组件import { Toast } from 'vant';// 请求头配置基础、 公共的配置( baseUrl, timeOut, withcookies)const service = axios.create({ baseURL: processs.evn.BUE_APP_BASE_URL, wi原创 2021-12-31 17:08:28 · 443 阅读 · 0 评论 -
rem适配与vm适配
rem的概念rem 是移动端适配单位,是用来写移动端布局的1rem的大小就是1个 html设置的font-size的大小一、手写rem适配// 封装一个根据屏幕尺寸自动改变html的font-size大小的函数function rem() { // 获取html的宽度 let htmlW = document.documentElement.clientWidth; // 获取body的宽度 let bodyW = document.body.clientW...原创 2021-12-31 11:20:28 · 911 阅读 · 0 评论