![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 75
前端
march of Time
程序媛一枚
展开
-
UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throw
今天vue项目本来跑的很正常突然莫名其妙就出现了错误(我根本没有改动代码??),慌得一批,又整了半小时终于复原了依赖项真的莫名其妙的bug令人心力交瘁删除了node_modules尝试了的命令:npm install npm@latest -gnpm cache clean -fnpm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install再次npm run dev又说有依赖没找到:npm i ele原创 2021-06-25 14:49:33 · 1063 阅读 · 0 评论 -
【项目实战】vue+springboot项目使用富文本编辑器实现长文章发表和展示
本人前端烂,文章展示部分现在还弄的不好。效果:很想实现点击查看详情然后进入查看具体的文章内容,但还不知道怎么弄,有知道的兄弟可以教我一下。首先npm下载:cnpm install vue-quill-editor发表日志模块:<template> <div class="nn"> <p id="p2" style="background-color:red;"><Icon type="md-paw" />发表长日志</p&g原创 2021-05-21 21:45:42 · 1585 阅读 · 6 评论 -
【记录】vue项目中安装和使用iview和video-player
iview:npm install view-design --saveimport VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')require('./styles/video.css')Vue.use(VideoPlayer)import iView from 'view-design';impo原创 2021-04-05 20:34:47 · 512 阅读 · 0 评论 -
【笔记】css卡片式地展示人物信息和一些展示信息的相关美化记录
还是美观了很多的,从某网站复制弄了好久由于主要的兴趣方向不在前端,所以对我来说我只要知道怎么用现成的就好,自己去写一个是不存在的。效果: <div data-log-id="liveCardList" data-log-data="{"logType":"liveUnit","sceneLog":"直播"}" class="live-module_原创 2021-04-05 16:57:14 · 2018 阅读 · 1 评论 -
vue-springboot项目 mybatis条件查询结果为null时解决方案 @Param @RequestParam 的参数传递
先附上查到的一点资料:MyBatis真正强大之处就在于SQL映射语句,也就是它的魅力所在。@Param接口:public List getUserListByParam(@Param(“userName”)String username,@Param(“userRole”)Integer roleId);Mapper映射文件:<select id="getUserListByParam" resultType="User" >select * from smbms_user wh原创 2021-04-04 04:10:57 · 1274 阅读 · 0 评论 -
Document.visibilityState 页面监听 vue中实现离开页面时计时停止: 停止计时后从上一次开始计时
概述Document.visibilityState (只读属性), 返回document的可见性, 即当前可见元素的上下文环境. 由此可以知道当前文档(即为页面)是在背后, 或是不可见的隐藏的标签页,或者(正在)预渲染.可用的值如下:‘visible’ : 此时页面内容至少是部分可见. 即此页面在前景标签页中,并且窗口没有最小化.‘hidden’ : 此时页面对用户不可见. 即文档处于背景标签页或者窗口处于最小化状态,或者操作系统正处于 ‘锁屏状态’ .‘prerender’ : 页面此时正在渲染原创 2021-04-02 04:14:12 · 1371 阅读 · 1 评论 -
vue响应的res.data和res.data.data
今天因为搜索功能一直接收到了后台数据但是前端页面没有渲染出来很奇怪,详细调试了好久,试验:后端的数据: @GetMapping("/exam/{examCode}") public ApiResult findById(@PathVariable("examCode") Integer examCode){ System.out.println("根据ID查找"+examCode); ExamManage res = examManageService.findB原创 2021-02-27 10:21:50 · 24492 阅读 · 6 评论 -
axios取消请求
let btns= document.getElementsByTagName('btn'); let cancel = null; btns[0].onclick = function (){ if(cancel !== null){ cancel(); //检测上一次的请求是否完成,如果未完成则取消请求 } axios( { method: 'GET', url:.原创 2021-02-21 16:25:02 · 190 阅读 · 0 评论 -
【前端笔记】vue父子组件通信和vuex的使用
父子组件通信父组件向数据先创建Home.vue和HelloWorld.vue:<template> <div class="home"> <h2>{{count}}</h2> <button @click="count++">+</button>f <button @click="count--">-</button> <img alt="Vue logo" src原创 2021-02-20 17:42:22 · 492 阅读 · 0 评论 -
vue3.x案例 购物车
购物车:<template> <div> <table> <caption><h1>购物车</h1></caption> <tr> <th></th> <th>编号</th> <th>商品名称</th> <th>商品价格<原创 2021-02-20 07:48:15 · 2673 阅读 · 0 评论 -
promise的应用和在VUE中使用axios发送AJAX请求服务器
promise用promise对函数封装:原来的代码:<!DOCTYPE html><html><head> <title>vue demo</title> <style type="text/css"> body { font: 1.2em arial, helvetica, sans-serif; margin-top: 50px;原创 2021-02-14 00:13:05 · 430 阅读 · 1 评论 -
javascript箭头函数和this的指向问题
箭头函数下面两代码等价:const fun1 = function(x){return x*x;}const fun = x => x*x;function换成=>,放在参数和函数体中间注意:如果没有参数,或有多个参数,需要使用()来定义参数列表如果有一个参数,可以不()如果函数体中只有一条语句,可以不用{}排序:let arr = [1,5,2,34,22];let narr = arr.sort(function(a,b){ return a-b;});conso原创 2021-02-09 00:09:19 · 496 阅读 · 0 评论 -
VUE内置组件 vue使用插槽分发内容 组件缓存 实现动画的过渡效果
除了允许用户自定义组件之外,Vue还内置了一些组件,以帮助用户高效地开发一些功能。本章将带领大家一起来了解这些内置组件。某些时候需要动态切换页面部分区域的视图,这个时候内置组件component就显得尤为重要。 component接收一个名为is的属性,is的值应为在父组件中注册过的组件的名称,用法如下: < !-- view为变量 -->下面来看一个示例,代码如下:<li class=“per-tab” @click=“toggleView(‘Home’)”>Home原创 2021-01-30 01:38:48 · 514 阅读 · 0 评论 -
VUE双向数据绑定
v-model我们可以使用v-model为可输入元素(input & textarea)创建双向数据绑定,它会根据元素类型自动选取正确的方法来更新元素。先演示单行文本框、多行文本框、单选框和复选框的绑定方法,代码如下:单行文本框{{ singleText }}多行文本框{{ multiText }}单选框A.杨玉环B.赵飞燕{{ radioValue }}单个复选框天生丽质{{ toggleValue }}多个复选框A.回眸一笑百媚生B.体轻能为掌原创 2021-01-28 03:00:58 · 767 阅读 · 0 评论 -
笔记三 vue中封装复用 过滤器 自定义组件 vue中component选项
封装复用Vue中关于封装复用的内容,属于Vue中的进阶知识,在实战中对开发者的抽象和泛化能力有一定的要求。.3.1 过滤器filters选项用于定义在当前组件或实例作用域中可用的过滤器,可在双括号插值(Mustache语法)中添加在Javascript表达式的尾部,以管道符号“|”与表达式隔开,表达式的值将作为参数传入filter中。下面来看一段示例代码:<body><div id="app"> <h1>{{ title }}</h1>原创 2021-01-28 02:00:55 · 385 阅读 · 0 评论 -
Ajax服务器响应简单实例
html:代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <script> function loadXMLDoc() { var xmlhttp; var txt,x,i,y,z,txt1,txt2,txt3; if (window.XMLHttpRequest)原创 2021-01-22 16:12:56 · 152 阅读 · 0 评论 -
MVVM和vue.js(简单实例,数据链)
MVVM简介模型—视图—视图模型(Model-View-ViewModel, MVVM),本质上是MVC(模型—视图—控制器)的改进版,其最重要的特性即是数据绑定(data binding),此外还包括依赖注入、路由配置、数据模板等一些特性。从MVC到MVVM 模型—视图—控制器(Model-View-Controller, MVC)模式,在Web 1.0时代曾被广泛应用于Web架构中,然而其诞生的时间却比Web早几年。最初,MVC被应用于桌面程序中,在PHP、JSP等脚本语言诞生之后,也逐渐成为Web原创 2021-01-22 01:14:06 · 841 阅读 · 2 评论 -
VUE基本语法1-插值 属性绑定
.1 插值绑定插值绑定是Vue中最常见、最基本的语法,绑定的内容主要有文本插值和HTML插值两种文本插值文本插值的方式十分简单,只要用双大括号(Mustache语法)将要绑定的变量、值、表达式括住就可以实现,Vue将会获取计算后的值,并以文本的形式将其展示出来。 下面一段代码演示了文本插值的基本用法:<style> .profile { display: inline-block; width: 300px; }原创 2021-01-22 01:12:16 · 1633 阅读 · 0 评论 -
JavaScript 和读取服务器cookie
Web 术语中,cookie 是一小段信息,当用户第一次访问Web 服务器时,服务器将这些信息发送给浏览器。这个用户以后每次访问这个Web 站点时,Web 服务器可以通过cookie 识别这个用户。浏览器将cookie(其中包含关于访问者的信息)作为纯文本文件保存在计算机硬盘上。如果你的站点要求注册,那么可以用cookie 将访问者的用户名和密码保存在他们的硬盘上,这样他们就不需要在每次访问时都输入用户名和密码。可以跟踪用户已经访问过站点的哪些部分,以及统计用户的访问次数。关于cookie 有许多常见的原创 2021-01-16 03:29:54 · 1057 阅读 · 0 评论