
前端
我与代码的故事
这个作者很懒,什么都没留下…
展开
-
前端中解决多个方法异步调用的情况
解决多个方法异步调用的情况原创 2025-01-12 11:00:00 · 154 阅读 · 0 评论 -
前端对el-input输入框进行内容的校验
设置el-input输入框只能输入某些需要的数据原创 2025-01-11 11:00:00 · 343 阅读 · 0 评论 -
前端JavaScript 对象类型数据无法赋值问题参考
对象类型数据赋值失败案例参考原创 2025-01-10 11:30:00 · 327 阅读 · 0 评论 -
前端JavaScript中some方法的运用
前端中some方法的应用原创 2025-01-09 10:58:01 · 430 阅读 · 0 评论 -
el-table实现转置表格
el-table实现行列互换原创 2024-02-28 10:06:35 · 2785 阅读 · 0 评论 -
JS中reduce函数的使用
reduce方法的思想以及应用例子原创 2023-11-23 17:18:01 · 230 阅读 · 0 评论 -
nextTick在elementui表格中的使用
elementui中嵌套表格新增一行时,nextTick方法的使用原创 2022-08-30 15:16:49 · 535 阅读 · 1 评论 -
前端中push数组元素到新数组方法
优雅push旧数组元素到新数组中原创 2022-08-30 13:51:05 · 3137 阅读 · 0 评论 -
Elementui使用resetFields不生效解决方案
解决Elementui中表单重置失败问题。原创 2022-08-25 14:07:03 · 480 阅读 · 0 评论 -
vue.js安装及检验
网上太多误人教学了。明明是查看vuecli的版本,却说是查看vue的版本,真的无语。检验本地vue.js版本的是:npm list vue npm list vue搜出来的才是vue的版本,vue -V搜出来的是脚手架,也就是vuecli的版本。vue -V是错的检查vue版本的方法,是错的,是错的,是错的。npm list vue才是对的,npm list vue才是对的,npm list vue才是对的。接着,上vue的安装:我装2.6.10的。方法:npm install vue@指原创 2022-05-10 13:42:43 · 5053 阅读 · 8 评论 -
vue-cli3安装卸载一条龙
百度搜到的虚假文章太多了,特地来写一个正确的。1.先查看本地是否有安装vue-cli:vue -V2.本地有,为了演示安装,先卸载了,vue-cli3的卸载指令:npm uninstall @vue/cli -g3.安装vue-cli3:npm install @vue/cli@3.5.3 -g4.vue成功效果:vue -V汇总:检查、卸载、安装、检验一条龙...原创 2022-05-10 13:21:52 · 1649 阅读 · 0 评论 -
HTTP的状态码分类
大白话讲解HTTP状态码原创 2022-03-10 20:53:43 · 226 阅读 · 0 评论 -
Vue表单:触发校验方式
Vue的表单中有两种触发校验方式:如图:blur:适用于判断表单是否有内容输入。如:判断有字符输入。change:适用于判断输入内容是否符合规则。如:判断输入的手机号码是否为11位。原创 2022-03-08 20:16:15 · 2762 阅读 · 0 评论 -
Vue组件使用流程
首先上图。Vue的项目源码由assets原创 2022-03-07 20:50:18 · 1069 阅读 · 0 评论 -
大白话讲解Vue项目结构
一:讲解环境Win10、IDEA2019、Vue3二:讲解环节笔者用vue ui创建了一个vue的初始项目。项目结构如下:— node_modules作用:整个项目里用到的依赖的文件。— public作用:公用的目录。— src作用:项目的源码目录。— assert作用:专门放资源的文件目录。— components作用:组件目录。— router作用:路由的目录。— views作用:页面目录。— App.vue作用:Vue项目的主组件,页面入口文件,所有页面都在App.vue下进原创 2022-03-06 16:36:02 · 1027 阅读 · 0 评论 -
Vue2.0和Vue3.0中router的路径写法不同之处
Vue2.0 { path: '/index', name: 'AppIndex', component: AppIndex, meta: { requireAuth: true } }, { path: '/library', name: 'Library', component: LibraryIndex, meta: { requireAuth: true } }Vue3.0: { path: '/in原创 2022-01-12 17:13:45 · 374 阅读 · 0 评论 -
在IDEA中开发Vue项目时,引入Vant UI和Less
一:前言笔者最近在做一个商城类项目,运用到了有赞开发的适合商城项目的ui框架,还有Less(Css的扩展)。然后发现网上很少讲,于是笔者会引导大家在IDEA中通过命令行去引入Vant组件和Less。操作环境:IDEA 2019.1.3 x64、@vue/cli 4.4.6。二:操作①.首先大家能在Idea中运行Vue项目,nodejs和vue/cli应该都是准备好了。为了大家下载速度更快,换npm为cnpm,国内的淘宝镜像快一点嘛。(换了请忽略,跳到下一步。)cmd弄出来黑窗口:因为有些人的电脑原创 2020-07-16 09:37:40 · 1738 阅读 · 0 评论 -
Vue:图形化界面创建Vue项目,并导入Idea运行
一:前言网上太多的教程创建Vue项目都是用命令行,黑窗口和复杂配置对初学者和学习者太不友好了,而且也很少说如何在idea中运行Vue项目。因此,笔者将在此文引导大家用Vue ui指令来在图形化界面创建Vue项目,引入Element-ui插件,并在Idea中运行。操作环境:win10、idea2019.1.3、node版本:v12.18.1、npm版本:6.14.5、@vue/cli 4.4.6二:操作1.首先笔者默认大家搭建好Vue环境了,而且Vue-cli的版本是3.x或者以上了。(没有满足条件原创 2020-07-13 18:47:28 · 3323 阅读 · 1 评论 -
let、var和const关键词区别
1.let块级作用域,定义变量,不允许重复定义。2.var全局作用域或函数作用域,定义变量,允许重复定义。3.const块级作用域,定义常量,不允许重复定义。关键词执行环境:ECMAScript 6 ,就是ES6。如果不知道什么是ES6,先学好JavaScript吧。这是JavaScript 的进阶版。...原创 2020-07-03 11:42:34 · 197 阅读 · 0 评论 -
Vue中常用指令
一:前言在Vue的学习使用中,我们经常会使用到一些"v-"开头的指令。因此,笔者在本文将会列举出常用v-指令及其使用方法。二:操作1.概念:v-指令是带有v-前缀的特殊属性,通过属性来操作元素。2.指令分类①.条件v-if:根据其后表达式的bool值判断是否渲染该元素。v-show:根据其后表达式的bool值判断元素的display属性是否为none。v-if是将dom元素整个添加或删除,而v-show是通过设置dom元素的display属性控制显示或者隐藏。②.循环v-for:循环原创 2020-07-02 16:15:40 · 748 阅读 · 0 评论 -
“笨“方法学习Vue中的MVVM模式
一:前言Vue设计受到了MVVM模型的启发,所以,在Vue的用法中,有很多MVVM模式的体现。因此,笔者想通过一个小demo来讲解Vue中的MVVM模式。二:操作1.简介MVVM是Model-View-ViewModel的缩写,MVVM模式提供了对View和View Model的双向数据绑定,使得ViewModel的状态改变可以自动传递给View。①.Model层数据模型,描述了数据修改和操作的业务逻辑。②.View层展示数据,像CSS,JQuery,Html等。③.View Model层原创 2020-07-01 19:18:01 · 229 阅读 · 0 评论 -
“笨“方法学习Vue生命周期
一:前言笔者最近在学习Vue,听说学好了Vue的生命周期就学懂了一半的Vue。所以,建议大家认真学好。接下来,笔者将会用"笨"方法来讲解Vue的生命周期。讲解版本:Vue.js v2.6.11二:操作1.简介Vue的生命周期也叫钩子函数,是Vue从创建到销毁所触发的函数。详细点就是从开始创建、初始化数据、编译模板、挂载Dom、渲染->更新->渲染、销毁等一系列操作。2.文字版Vue的生命周期包含了八个生命周期方法。笔者把它分成分成三个阶段:一:创建阶段生命周期方法:①be原创 2020-07-01 16:00:08 · 409 阅读 · 1 评论 -
用外部依赖运用Vue、Axios和Element
一:前言笔者最近在做一个项目,运用到Element来开发。得到了vue.js、axios.js、element.js文件,可是用到项目中,总是乱码。经过一系列调试,发现是js文件有点过期了,或者js文件是在本地的编码格式错误了,所以导致了乱码。如以下的情况。二:操作笔者使用了外部依赖,就是直接写资源的网页链接。将script那里的三个内部引入换成<script src="//unpkg.com/vue/dist/vue.js"></script><script原创 2020-06-11 19:41:03 · 483 阅读 · 3 评论 -
CSS样式之组合选择符
一:前言今天笔者在看CSS的组合选择符部分,发现后代选择器和子选择器、相邻兄弟选择器和后续兄弟选择器概念有点难理解,笔者就做了一些实验,然后明白了。运行环境:菜鸟教程的CSS页面(笔者发现这里真的方便,帮你写了主框架,然后,要写什么效果都可以直接跑出来。简单的前端知识学习都可以在这里进行。)二:操作1.后代选择器和子选择器:后代选择器是以空格分割的(例子:A空格B),获取A标签下所有B标签。子选择器是是以大于号分割的(例子:A大于号B),获取A标签下的子标签B。实验:后代选择器:<!原创 2020-05-27 11:38:57 · 394 阅读 · 0 评论 -
a标签中的链接书写注意事项
一:前言笔者发现有些人使用<a>标签时,链接写的比较随意,然后代码运行效果就没有那么好。所以啊,笔者就写出来。二:操作<a>标签的作用是定义一个链接。在写属性时,herf的值的链接要在后面加个正斜杆“/”。原因:假如书写链接的方式是:href=“https://www.youkuaiyun.com”,这样就会向服务器发送两次HTTP请求。因为服务器会自动添加正斜杆“/”,创建新的请求。变成:href=“https://www.youkuaiyun.com/”因此,为了提高响应速度和节约系统资源,原创 2020-05-25 11:28:24 · 597 阅读 · 0 评论