LYQ

前端使用VUE写一个创建多择题模板的时候遇到一个问题，出题人设置的答案是A、B、C，答案集合为A、B、C，可是学生选择答案是先选A，再选C，最后选B，这样出现的答案集合就是A、C、B，这样的话在前端匹配数据的时候就会判断学生的答案错误，这时候就需要将学生答案选项进行数据排序，这儿推荐的是。

Vue.js是一个渐进式javascript框架，渐进式就是由浅入深、由简单到复杂的方式去使用Vue.js。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Vue的核心是一个允许采用简洁的模版语法来声明式地将数据渲染进DOM的系统。Vue有响应式和双向绑定的特性。

jQuery基础知识学习总结。

DOM1．文本对象模型)：文档 –html文档 或xml文档：对象 –document对象的属性和方法：模型DOM是针对xml(html)的基于树的API。DOM树:节点（node）的层次。DOM把一个文档表示为一棵家谱树（父，子，兄弟）DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面．节点（node）：来源于网络理论，代表网络中的一个连接点。网络是由节点构成的集合。

返回以逗号分开的内容串联值数组的相加,得到一个大数组,a1.concat(a2) 返回数组的一部分a1.slice(start,end)--end还是+1翻转:reverse()//或var a= ["mary",true,100];(0/1)，*(0-n)拆分方法：split(",")---数组。变量的命名(标识符)字母/数字/下划线/$组成 不能以数字开头 大小写敏感 语句:以分号结束 注释: ///**/查询字符出现的位置：indexOf("a")---位置-1；

3.属性值由双引号括起来，如果属性值本身有双引号，就用单引号.1.HTML元素是开始标签到束标签之间的文本内容.1.HTML文档=网页=HTML标签+纯文本.2.以. htm 或 .html 为后缀名.3.声明HTML版本.3.浏览器会省去多余的空格和换行，统一以一个空格表示.HTML插件也叫辅助应用程序，用于扩展浏览器的功能.2.style是一种通用属性，用于定义文本样式.2.设置图片链接的方式，将标签作为标签的元素。1.一个HTML标签的多个属性以空格分隔.2.是HTML xHTML文档必需的。

face 控制字体的字体，取值可以是多个值，多个值之间使用逗号分割，取值时从左往右依次取值，找到合适的值为止，假如都不支持，使用默认格式显示。设置单元格的高度，取值以像素为单位，当同一行中不同的单元格设置的高度也不相同时，整行的高度取值按最大值来。设置单元格的宽度，取值以像素为单位，当同一列中不同行的单元格设置的宽度不相同时，整列的宽度取值按最大值来。5、属性不冲突时，效果叠加，属性冲突时，就近原则。在框架中显示内容时，控制内容和框架左右边框之间的空白，取值以像素为单位，以左边框为准。

由于业务上的更改，前端需要一款倒计时组件，这个业务需要倒计时组件的时间能暂停、开始、重置等一系列的功能，本来有那么多优秀的UI组件可以实现这个功能，但是老项目不支持引入其他UI组件，所以只能自己写了，实现的效果如下：调用代码如下：<template> <div style="text-align: center;"> <countdown ref="vCountDown" :time="times" format="mm:ss" autoStart @cha

在维护一个同事开发的项目的时候发现一个问题，每次发送对应功能点的请求都会有个别请求的status的请求状态为canceld。顺便看了一下同事的逻辑，大致上是没有问题的，由于部分请求需要上一个请求返回的值做参数，而vue默认是异步的，所以加了同步锁。然后看了一下同事跳转路由的方式，发现她是用的window.open()方法来进行路由跳转而使用window.open()方法来进行路由跳转的页面数据载入是异步的，这样导致了前端在调用前面几个接口的时候异步走了window.open()方法.

在渲染用户物品列表的时也能完整的渲染出对应的数据，可是控制台却一直报错 [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'categoryNums')"，具体错误如下图错误翻译如下：翻译的意思就是没有找着“categoryNums”这个对象的属性值。捣鼓了一整子，发现是赋值的变量太长了，原来的赋值变量是一个三段式，而在VUE的渲染机制中，异步数...

实现效果图：实现思路：给需要操作的 dom 元素添加touchstart(点击开始)、touchend(点击结束)、touchmove(手指移动)事件 在使用touchstart(点击开始)事件的时候设置定时器，在指定时间内如果不做其他操作就视为长按事件，执行长按事件的同时需要设定当前不是单击事件，以防止touchend(点击结束)执行的时候同时出现长按事件和单击事件 在touchend(点击结束)里面清除定时器，并判断是不是单击事件 在touchmove(手指...

目录前言一、全局过滤器全局过滤器之单一挂载全局过滤器之批量挂载二、组件过滤器前言Vue.js 允许我们自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号（{{ }}）插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示。<!-- 在双花括号中 --><div>{{ message | capitalize }}</div&gt

一、通过 $parent和 $root获取父/根组件实例在子组件中，想要获取到父组件、根组件的实例，可以直接通过 $parent 和 $root获取。比如在父组件中有如下数据：import ChildView from '../ChildView.vue'export default { components: { ChildView }, data() { return { msg: 'Hello' } }, methods:...

element.style { filter: grayscale(1);}

应老师的要求，需要显示学生回复调查问卷的详情以及各选项的的占比数，写了一个查询列表，由于数据量众多，前端的页面显示必须使用到分页查询，选项的占比数则使用了名为DataV的Vue 大屏数据展示组件库。实际效果如下表格部分<!-- * @Descripttion: 表格部分 * @version: * @Author: LiuYanQiang * @Date: 2021-12-05 17:20:27 * @LastEditors: LiuYanQiang * @LastE.

前端项目需要使用v-for指令来渲染一个问题回复列表，列表的第一和最后需要显示不同的样式，便使用到了first-child和last-child这两个CSS属性，在编码后发现 last-child 和 first child 中的样式不生效，经过查找资料后解决了这个不生效问题的同时也加深了印象。首先我们得明白first-child和last-child是干什么用的：first-child选择器用于选取属于其父元素的首个子元素的指定选择器。last-c...

vuecli3设置网页页签图标非常简单，三步1.将ico格式的页签图片放置public文件夹目录下2.在public文件夹目录下的index.html中配置页签图标3.在vue.config.js中配置下，配置好了重启下项目就行了。效果...

查了半天发现是我们在发请求的时候用的是异步模式，即使promise立刻被处理返回，但是浏览器在开始加载对象的时候，这个对象还是没有定义，所以也就读不到返回的值属性。参考：vue过程中遇到的Uncaught (in promise) TypeError: Cannot read property '$message' of undefined - 简书在写一个vue项目，想把项目中使用的vue-reso

由于工作项目的需要，需要使用到歌曲播放，参考多方资料，写了一个仿网易云音乐播放界面，能完整的实现音乐播放功能。前端简单的使用vue组件和audio标签实现了播放器界面，后端则是调用网易云的API获取对应的歌曲信息。废话不多说上代码歌曲播放界面（musicPlay.vue）<template> <div class="main-page"> <audio :src="songInfo.url" id="music" autoplay=..

开发项目的时候使用到了ElementUI的Slider组件，使用的时候遇到一个问题，就是我给Slider组件赋值的时候一直是空的，默认值一直存在，当我将需要数据赋值给Slider组件时，其进度条却一直是0，可console也能打印出数值，说明我的值是存在的，后来查了下官网，官网提供的API文档上说明了该组件的绑定值应该是number类型的数字，而我赋值的数据却是字符串类型的数字，两者不可赋值。解决办法就是在赋值的等号后面再加一个加号就行了。vm.presetPartic..

1.在标签中定义好自动触发的单击事件，使用@click属性绑定好对应的事件<span @click="removeSuccess(file)" v-Success></span>2.在JS中使用directives属性定义好触发事件进行自动触发//设置事件在对应的标签加载时自动触发 directives:{ //标签中定义好的事件 Success:{ inserted(el,binging){ el.click()