vue专栏
文章平均质量分 87
vue实战
yma16
前端->全栈开发,专注csp算法,csdn 内容合伙人,2023 csdn新星计划 Node赛道 Top1,csdn 2023 新星计划vue3+ts赛道导师,阿里云社区专家博主,华为云享专家,51CTO推荐红人,掘金前端创作者,前端技术栈:vue2 vue3 react18,后端技术栈:django springCloud nodeKoa
展开
-
前端vite+vue3——自动化配置路由布局
大家好,我是yma16,本文分享关于 前端vite+vue3——自动化配置路由布局。背景在inscode写了一个前端vite+vue3+js的项目,路由分配有点乱,现在给这个项目做个优化,路由配置。没有配置路由之前的前端界面。改造之后viteVite是一种基于公有链技术的快速、安全和可扩展的开源区块链项目。它旨在通过使用异步交易模型和基于状态的共识算法来提高区块链的性能和可扩展性。Vite的发展可以追溯到2018年,当时Vite团队发布了Vite。原创 2024-02-07 17:16:22 · 30779 阅读 · 16 评论 -
vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
大家好,我是yma16,本文分享关于 vue3+echarts应用——深度遍历 html 的 dom结构并使用树图进行可视化。深度遍历树的深度遍历算法有两种方式:先序遍历和后序遍历。先序遍历(Preorder Traversal)是指先访问根节点,然后递归地先序遍历左子树,再递归地先序遍历右子树。后序遍历(Postorder Traversal)是指先递归地后序遍历左子树和右子树,然后访问根节点。html结构解析html的标签成对出现可以用栈的数据结构来存储。原创 2024-01-08 01:01:58 · 38387 阅读 · 33 评论 -
前端vue3——html2canvas给网站截图生成宣传海报
大家好,我是yma16,本文分享关于 前端vue3——html2canvas给网站截图生成宣传海报。vue3 + fastapi 实现选择目录所有文件自定义上传到服务器前端vue2、vue3去掉url路由“ # ”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示。原创 2023-11-26 01:58:47 · 27928 阅读 · 11 评论 -
csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板
大家好,我是yma16,本文分享利用inscode搭建vue3(ts)+antd前端模板。认识vite_vue3 初始化项目到打包。原创 2023-07-18 07:16:48 · 65379 阅读 · 9 评论 -
记录_vuecli的打包部署(无法加载elementui和静态资源、centos7中nginx部署)
vue的build及部署vuecli的导出main.js的路由位置引入的阿里图标库config中的index.jsbuild中utils的静态资源导出导出centos7与django的部署django样式的打包到staticvuecli的部署vuecli的导出main.js的路由位置引入的js和css样式位于router.js之前引入的阿里图标库引入的js<script src="//at.alicdn.com/t/font_1957918_9kt1mmflyr8.js"><原创 2021-01-24 15:26:27 · 35585 阅读 · 0 评论 -
vue2_markdown的内容目录生成
大家好!我是yma16,本文分享在vue2的markdown文本内容渲染和目录生成解决markdown文档的目录视图问题。原创 2023-06-19 01:45:10 · 36307 阅读 · 28 评论 -
vue2、vue3分别配置echarts多图表的同步缩放
大家好!我是yma16。本文分享在vue2和vue3中配置echarts的多图表同步缩放背景:解决echarts的多图表x轴同步联动的问题echarts的datazoom api对外暴露原理:echarts的实例存在datazoom缩放的方法,所以只需要在datazoom事件触发其他图表的datazoom即可实现同步缩放注意:x轴的范围要一致,不然可能会出现偏移原创 2023-06-16 00:51:26 · 39025 阅读 · 21 评论 -
vue3_ts setup语法糖做一个登录注册
vue3 ts 语法糖搭建一个简单的登录系统平台原创 2023-03-26 22:09:08 · 38697 阅读 · 0 评论 -
vue2_mix混入的用法
vue2 mixins原创 2023-03-25 22:13:33 · 36496 阅读 · 0 评论 -
vue2中$set的原理_它对object属性做了啥?
vue2的$set发生了什么?原创 2023-03-19 21:43:05 · 35978 阅读 · 0 评论 -
vue自定义指令_按钮权限设计(从0创建项目开始设计)
vue自定义指令原创 2023-03-17 23:37:09 · 35657 阅读 · 0 评论 -
认识vite_vue3 初始化项目到打包
Vite 天然支持引入 .ts 文件。Vite 将会使用 esbuild 预构建依赖。esbuild 使用 Go 编写,并且比以 JavaScript 编写的打包器预构建依赖快 10-100 倍。原创 2023-03-11 11:44:49 · 36083 阅读 · 0 评论 -
elementui_上传组件方法自定义(formData)
el-uplaod自定义上传方法效果Attribute使用方式auto-upload(关闭自定义上传)代码块效果结束效果Attribute使用方式方法说明l类型默认on-remove文件列表移除文件时的钩子function(file, fileList)— —on-success文件上传成功时的钩子function(response, file, fileList)— —on-error文件上传失败时的钩子function(err, file, f原创 2022-05-03 00:12:31 · 36808 阅读 · 0 评论 -
vue3_制作一个在线修改svg颜色功能
svg颜色修改效果灵感来源思路实现我的代码仓库效果可点击色块切换svg的颜色,可记录前七种选择的颜色和当前选择的色号灵感来源来源阿里图标库的在线修改svg颜色功能思路利用img标签产生一个shadow阴影,再使用transform把原图移走,达到替换svg颜色的效果 if (state.colorValue) { document.getElementById("design-svg-id").style.transform = `translate(-500px)`原创 2021-12-05 11:38:35 · 37464 阅读 · 0 评论 -
vue3_文件复用setup
setup用法学习对比vue2中的datasetup接受参数响应式props传递数据解构(非响应式)props中toRefs和toRef区别使用渲染函数h如何让父组件访问渲染函数组件的内部对比vue2中的datadata需要return数据变量才能被template访问setup需要return数据才内让template访问其内部的数据(变量及函数),但是setup中没有this变量,处理处于beforeCreated和created之间setup接受参数两个参数(props、context)原创 2021-10-24 23:45:36 · 38264 阅读 · 0 评论 -
vue的设计模式_笔记
Vue设计模式响应式原理认识Object.prototype.constructor对象的构造函数改变constructorget、setObject.defineProperty()MVVM设计模式(响应式原理)响应式原理认识Object.prototype.constructor返回创建实例对象的 Object 构造函数的引用。注意,此属性的值是对函数本身的引用,而不是一个包含函数名称的字符串。对原始类型来说,如1,true和"test",该值只可读。var o = {};o.construc原创 2021-09-28 20:45:10 · 36487 阅读 · 0 评论 -
vue2_echarts安装使用_入门
初识 echartnpm安装常见错误数据加载、更新npm安装在vue的项目中使用npm安装$ npm install echarts --save在main.js中导入echartsimport * as echarts from 'echarts';Vue.prototype.$echarts = echarts常见错误Initialize failed: invalid domdom没有初始化,echart的实例执行早了,可以先初始化dom然后在函数中调用echart实例。例:原创 2021-02-25 11:47:58 · 48797 阅读 · 0 评论 -
DjangoVue前后分离_markdown编辑器(搭建博客步骤三)
vue与django的markdowndjangodjango-mdeditorvue使用vue-markdownvue展示django的md内容django在django的app中引入mdeditordjango-mdeditorpip安装$ pip install django-mdeditorsetting.py引入mdeditorINSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth',原创 2021-01-16 17:56:50 · 35657 阅读 · 2 评论 -
DjangoVue前后分离_后端跨域传递参数(搭建博客第二步)
Django传递json给Vueget请求安装django-cors-headers添加corsheaders应用添加corsheaders添加CorsMiddleware指定ip访问、允许cookiepost请求注释中间件csrfrequest简单测试vue引入axiosget请求测试post请求测试get请求安装django-cors-headers根据django版本安装合适的cors-headers插件$ pip install django-cors-headers==2.1.0添加原创 2021-01-14 00:13:27 · 35790 阅读 · 0 评论 -
DjangoVue前后分离_前端项目的准备(搭建博客第一步)
前端项目准备创建项目关闭useEclint引入elementui静态资源整体布局样式创建项目vue安装请看下面的博客安装nodejs、npm安装vue-cliinit webpack$ vue init webpack myblogvue关闭useEclint将useEslint的true改为false引入elementui进入项目安装element-ui$ npm i element-ui -S在src下的man.js中添加import ElementUI from原创 2021-01-10 16:15:03 · 35756 阅读 · 1 评论 -
spring_vue读取mysql简单记录2(跨端口)
spring结合vuespring的准备vue的跨域请求安装axiosspring的准备config(跨端口访问的问题)实现webMvcConfigure的接口package com.southwind.springboottest.config;import org.springframework.context.annotation.Configuration;import org.springframework.web.servlet.config.annotation.CorsRegi原创 2021-01-04 00:51:52 · 35451 阅读 · 0 评论 -
SpringSecurity_连接mysql(初出茅庐)
SpringSecurity+mysql初出茅庐原创 2020-12-15 01:32:06 · 35674 阅读 · 1 评论