- 博客(46)
- 收藏
- 关注
原创 el-tabel名称排序问题
排序限制为:文件夹>普通文件数字(0->9)->大写字母(A->Z)->小写字母(a->z)->中文拼音(a->z)
2024-06-04 17:42:59
321
1
原创 vue2+electron桌面端一体机应用
公司有一个项目需要用Vue转成exe,首先我使用vue-cli脚手架搭建vue2项目,然后安装electron。
2023-12-04 18:46:27
1322
原创 Vue3.0 pc端自适应
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
原创 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
原创 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
转载 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人