![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 62
To-strive
宠辱不惊,看庭前花开花落
展开
-
jquery-photoclip插件裁剪
jquery-photoclip插件,jquery,多张照片进行裁剪原创 2022-08-26 14:48:16 · 276 阅读 · 1 评论 -
vue2.0/vue3.0 添加静态文件
vue,静态文件static,静态文件public原创 2022-08-26 14:31:42 · 6792 阅读 · 0 评论 -
xml或者musicxml文件转五线谱
vue项目中,使用opensheetmusicdisplay插件,让xml文件转成五线谱原创 2022-08-04 15:36:25 · 1040 阅读 · 0 评论 -
nginx部署vue项目,给访问路径加前缀,配置同源策略
nginx部署vue项目,给访问路径加前缀,配置同源策略原创 2022-06-01 14:02:58 · 5548 阅读 · 0 评论 -
vue 踩坑--赋值后原对象的值改变
//vue定义变量data() { return { //初始表格数组对象 tableData:[], //被赋值对象 newlData:[] //被赋值对象 } }问题原因:简单的赋值没有创建一个新的对象内存地址,只是把newlData的内存地址指向了tableData的内存地址,一旦tableData的内存地址值发生改变,newlData的数据也会对应改变。解决办法:方法1、创建一个新的对象,指向新的内存.原创 2022-01-06 13:46:42 · 1876 阅读 · 0 评论 -
vue 中audio.play() 控制台报错:播放音频的时候报错The element has no supported sources?
在vue项目给audio绑定个ref属性:在需要动态绑定的方法里用$refs动态设置src问题:这样添加时,音频则无法播放<template> <div class="container"> <audio :src="audioURL" id="audio" ref="audio" ></audio> </div></template><script.原创 2021-09-03 17:08:14 · 19751 阅读 · 2 评论 -
Vue- 生命周期详解
一、理解生命周期:从一个组件创建、数据初始化、编译模板、挂载Dom、渲染、更新、销毁。历经如下步骤beforeCreate->watch->created->computed->beforeMount->mounted->beforeUpdate->updated->beforeDestroy->destroyed二、生命周期1、new Vue()实例化一个Vue实例。生命周期的钩子函数中的this,会默认指...原创 2021-07-05 13:35:09 · 155 阅读 · 0 评论 -
vuex状态管理器使用总结
一、简单状态管理示例,不适用module1、实例化一个vuex对象,并抛出const store = new Vuex.Store({ state:{ //定义属性, 进行状态管理 data:0 }, mutations:{ //同步方法,修改state值 changeProductMu(state,params){ state.data=params; } }, acti原创 2021-05-31 11:15:12 · 776 阅读 · 0 评论 -
Vue.js基础知识
一、Vue.js是什么? 它是一套用于构建用户界面的渐进式框架。其设计为自底向上逐层应用。Vue只关心视图层。二、声明式的渲染1、 Vue.js的核心是采用简洁的模板语法来声明式地将数据渲染到DOM系统<div id="app"> {{ message }}</div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})输出:Hello Vu...原创 2021-04-30 11:02:44 · 2752 阅读 · 2 评论 -
vue-cli(vue脚手架)超详细教程
vue2是对新手很友好的MVVM框架,有完善的官方中文文档,阅读起来也非常容易理解,由浅入深,示例完整。同时官方也提供了一个开箱即用的vue-cli帮我们生成一个完整的项目框架。vue.js 著名的全家桶系列, 包含了, vue-router, vuex, axios,再加上 vue-cli 就是一个从 路由,数据流管理,http请求都有的核心项目,vue 社区的丰富资源,也是满足了我们日常开发中的需求了。vue-cli这个构建工具大大降低了webpack的使用难度,开箱即用的特性,大...转载 2021-04-20 18:37:28 · 288 阅读 · 0 评论 -
前端基础知识
1、谈谈你对闭包的理解?【什么是闭包?作用?缺点?】闭包:可以访问另一个函数作用域中的变量函数。那首先我们就要了解什么作用域?作用域?作用域无非就是两种:全局变量和局部变量。全局变量:就是在全局环境下声明的变量。全局变量在该环境下什么地方都可以被访问,除非你将这个应用程序关闭的时候将被销毁。缺点:全局变量容易被修改,容易造成全局变量污染等问题。局部变量:只是在当前这个函数内部被访问,等到函数执行完毕后就会被销毁。闭包?当函数a的内部函数b被函数a外的一个变量引用的时候,就原创 2021-04-20 17:49:46 · 383 阅读 · 1 评论 -
vue 项目: el-input组件监听回车键,实现登录功能
el-input 监听键盘按下状态 得用@keyup.enter.native。如果是input 组件,可以直接用@keyup.enter <el-input placeholder="请输入密码" maxlength="20" type="password" v-model="actRuleForm.passWord" autocomplete="off" ..原创 2021-03-30 13:15:01 · 594 阅读 · 0 评论 -
微信小程序--支持LaTex数学公式
wxParse和towxml都是微信小程序中HTML和Markdown的解析组件。刚开始在项目中使用了wxParse,但是发现不能解析数学公式,后来了解到towxml3.0,发现towxml3.0功能很强大,支持很多的功能(包括数学公式、echarts图标以及yuml流程图)。于是将wxParse替换成了towxmltowxml支持功能:支持echarts图表(3.0+)✨支持LaTex数学公式(3.0+)✨支持yuml流程图(3.0+)✨支持按需构建(3.0+)✨支持代码语法高亮、代码块原创 2021-03-26 20:19:29 · 5247 阅读 · 14 评论 -
element-修改表格边框颜色
问题:修改element表格边框颜色后,发现边框颜色重叠,粗细不一致解决:.el-table--border,.el-table--group { border-color: #C6CAD6;}.el-table--border:after,.el-table--group:after,.el-table:before { background-color: #C6CAD6;}.el-table td,.el-table--border th,.el-table原创 2021-03-23 18:02:44 · 3187 阅读 · 0 评论 -
new formData:使用append追加后console仍为空
new formData:使用append追加后console.log后仍为空解决:需要用formData.get("键")的方法获取值知识点延伸:FormData类型其实是在XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据1、append()append()方法用于向 FormData 对象中添加键值对: let formData = new FormData();formData.append('key1',"value1"..原创 2021-03-22 15:10:45 · 4548 阅读 · 0 评论