一万种可能-码农-CSDN博客

PC端自适应1. 安包npm install px2rem-loader -Snpm install postcss-px2rem -Snpm i lib-flexible -S2.vue.config.js添加配置const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ transpileDependencies: true, chainWebpack: config =

2022-04-24 22:59:59 646 2

原创 vue3选项式API使用

vue3选项式API使用

2021-12-31 17:34:03 862

原创 eslint规则校验

自定义校验module.exports = { root: true, // 当前项目使用这个配置文件, 不会往父级目录找.eslintrc.js文件 env: { // 指定eslint启动环境(vuecli底层是node支持), browser: true也可以在浏览器设置 node: true }, extends: [ // 扩展配置 'plugin:vue/essential', // vue里必须的规则 '@vue/standard' // 使eslin

2021-11-30 23:24:33 2526

原创 vue2.X和vue3.X的区别

1. 启动项目上：vue2.xnpm run servevue3.xnpm run dev2.快速创建项目上：有两种快速创建项目的方法基于vite创建SPA项目npm init vite-app 项目名称基于vue-cli创建SPA项目npm i -g @vue/clivue create 项目名称项目vitevue-cli支持的vue版本仅支持vue3.x支持vue2.x和vue3.x是否基于webpack否是运行速度快

2021-10-07 11:22:47 294

原创 react功能汇总

父子传值父传子父组件：import { Component } from 'react'import Child1 from './child1'import Child2 from './child2'export default class Parent extends Component{ constructor() { super() this.state = { name: '张三', age: 20 } } chang

2021-03-15 15:31:14 1117 1

原创 Element-ui组件常见问题

Element-ui组件库常见问题

2021-01-21 11:23:03 864 1

原创 Vue打包发布

打包发布理解打包作用：用webpack把.vue,.less.js ----> 浏览器可直接执行的代码。命令: npm run build结果：内部集成了webpack,会在根目录下创建 /dist，在这个目录下创建打包完成的结果。chunk:块 vendors代理商app-hash值.js ：主入口chunk-vendors：第三方包的代码统一放在这里（dayjs,vue,vuex,vue-router,vant）chunk-hash值.js 某个模块对应的js ,某个.vue文件编

2021-01-18 14:11:17 1186

原创 Vant组件库

Vant组件库问题汇总1. 如何引用自定义图标方法一：打开iconfont图标库把需要的图标加入购物车添加至项目下载到本地把下载后的压缩包放到src/assets下 (为了好看重新命名iconfont)main.js中引入css文件// vantimport './plugin/vant.js'// 字体图标import '@/assets/iconfont/iconfont.css'代码<template> <d

2021-01-14 14:05:56 1899

原创拷贝

拷贝功能场景：点击拷贝按钮时，拷贝表格内容实现可以复制，为保证样式好看一个tr一行数据。实现:button class="copy">拷贝</button><table class="table"> <thead> <tr> <th>快递单号</th> <th>订单号</th> <th>金额</th> </tr&

2021-01-07 15:45:17 108

原创 Hbuilder打包

Vue项目使用Hbuilder打包成Appapp有三种类型原生的app。手机有两大操作系统：苹果，安卓。 ios,安卓程序员用各自的编程语言写的代码，只能在某一个平台上运行。分安卓版本和ios版本。优点：用户体验好；可以调用系统API（拍照，读内存…）。缺点：费钱。纯h5网站。就是一个移动站 https://m.jd.com/优点：省钱。就是网页。缺点：不能调用系统API；没有统一的入口，用户不知道从哪里进来，都要通过浏览器才能访问；混合开发。先做一个网站，在网站之外套

2020-12-31 16:15:21 2352 1

原创 TypeScript总结

TypeScript总结

2020-12-28 12:02:10 128

转载 vue项目版本更新后无法自动刷新

问题：使用vue做的项目，因为是单页面应用开发无法自动更新迭代解决方法：1.在static中创建common.json文件{ "version": "1.3.3" // 版本号}2.App.vue中// 我用的是ts不能使用ex6导入,如果没有用到ts用es6导入也可以var configJson = require('./static/common.json')created() { const version = configJson.version; //版本号（每次上线

2020-12-14 16:07:27 2199 2

原创 vue项目打包之前的操作

1.用线上地址替换之前的本地地址在vue.config.js中//本地//const targetUrl = 'http://192.168.1.195/'//线上const targetUrl = 'https://www.xxxxxx.cn/'devServer: { open: true, // host: 'localhost', host: '192.168.1.130', port: 3333, ht

2020-12-14 14:09:55 372

原创前端导入导出

在很多后台管理系统里可能会有导出表格，下载表格，下载压缩包等这样的需求。下面说几种简单的下载的方法：1.最简单的，有文件的地址，直接使用a标签实现下载（通用模板前端本地下载）：<a href="/user/test/xxxx.xls" download="文件名.xls">点击下载</a>但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件，这个时候就需要给a标签添加一个属性“download”;如果再vue项目中需

2020-12-09 15:08:17 1155

原创 vue常见问题总结

使用规范1. v-if 与v-for当v-if 与 v-for 一起使用时， v-for比 v-if优先级更高，这意味着v-if将分别重复运行于每个v-for循环中，所以不推荐v-if和v-for同时使用。推荐方式如下：<ul v-if="isShow"> <li v-for=(item, idx) in list :key="idx"> {{item.name}} </li></ul><template> <div

2020-12-02 17:57:49 177

原创 JavaScript数组常用方法

数组方法的分类根据是否会改变原数组进行分类改变原数组的方法push/pop方法push: 在数组尾部添加元素，会增加数组的长度，返回值是新数组长度pop: 在数组尾部取出元素，会减少数组的长度，返回值是被删除的数据var arr = [1, 2, 3, 4, 5];arr.push(6);console.log(arr); // [1, 2, 3, 4, 5, 6]var a = arr.pop();console.log(arr); // [1, 2, 3, 4, 5]conso

2020-11-30 17:29:07 105

原创 vux移动端UI组件库

less@3.x 有严重的兼容问题，请暂时使用 less@^2.7.3。暂未适配 vue-cli@3.x，请知悉。VUX 是库而非框架，虽然有专用的 vux-loader，但并不影响你自由地使用其他组件库或者工具库。VUX 使用的 CSS 预处理工具是 less(同 WeUI)，但(利益于 .vue 单文件组件的灵活性)这并不影响你使用 SASS 等其他预处理器。用以表示该组件库时请使用大写名字 VUX，用在说明版本号时使用小写 vux@2.x。

2020-11-30 10:16:38 1315

原创服务器端渲染nuxt框架

Nuxt服务器端渲染框架标题Nuxt基本介绍基于 Vue、Webpack 和 Babel Nuxt.js 集成了以下组件/框架，用于开发完整而强大的 Web 应用：Vue 2 / Vue3Vue-RouterVuexVue 服务器端渲染Vue-Meta注意：Nuxt不是Vue官方提供的Nuxt是基于Vue的服务端渲染的框架Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。next.js : react 服务器渲染框架nuxt.js : v

2020-10-15 21:06:17 1019

原创 ssr与csr

页面的两种生成方式用户从浏览器地址栏中输入地址访问服务器上的页面时，服务器可以用两种不同的策略来生成这个页面。打开给出的示意代码，观察效果。（1）服务器端渲染Server Side Render渲染是指：从数据到dom的过程（从json到html结构）数据到dom的过程是发生在服务器端客户端浏览器在地址栏中输入网页的地址，取回来的就是html页面。（2）客户器端渲染 Client Side Render渲染是指：数据到dom的过程（从json到html结构）数据到dom的过程是发生

2020-10-15 20:34:27 862 1

原创 JQ+canvas验证码

<head> <meta charset="UTF-8"> <title>验证码</title></head><body> <canvas id="identify"></canvas> <button id="changeCode">看不清，换一个</button></body><script type="text/javascri..

2020-10-11 22:08:05 142

原创富文本插件 vue-quill-editor

安装： npm i vue-quill-editor导入富文本样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'导入富文本组件import { quillEditor} from 'vue-quill-editor'注册组件components: { quillEditor}使用<quill-ed

2020-09-26 16:33:13 447

空空如也

空空如也