米拉

【代码】Vue3：radio循环及v-model选择绑定。

阻止同一浏览器打开多个项目标签页，防止多标签页重复时间统计累加，适用于基于微信公众号页面或指定浏览器的计时统计等项目活动，计时在线学习时间统计等。

2、::first-line（:first-line）和::first-letter（:first-letter）::first-letter（:first-letter） 用于块级元素，设置附属元素第一个字母（字）的样式。1、::before（:before）和::after（:after），注：content是必须的。::first-line（:first-line）用于块级元素，设置附属元素第一个行内容的样式。3、::selection（注：是:: ）设置鼠标长按拖动选中内容的样式。

【代码】css水波浪动画效果。

Chrome谷歌浏览器console(控制台)不显示编译文件名及行数?

说明：一个全局播放的背景音乐，首页无音乐无音乐图标，在首页互动跳转页面并开始播放音乐，切换页面不需暂停音乐也不会重置音乐，可以通过音乐图标控制暂停或播放。

nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。使用公式 (anb描述：表示周期的长度，n 是计数器（从 0 开始），b 是偏移值。

【代码】Vue3：组件传值(父子组件/兄弟组件)案例说明。

【代码】svg图标填充渐变色及CSS鼠标悬停纯色渐变色转换。

在package-lock.json文件可以查看axios版本milliaAxios.js 配置axiosapi.js 接口基地址及接口路径api.js里的基地址和代理接口 需同vue.config.js的配置一致，即。

是JavaScript的超集（.ts文件），包含并扩展了 JavaScript 的语法。项目创建Vue 2.x、Vue 3.x 或自定义，默认版本vue3.x和vue2.x无需配置，自定义需配置。通过 ↑↓ 箭头选择依赖，按 “空格” 是否选中，按 “a” 全选，按 “i” 反选。自定义选择需要支持的特性 （ ↓ 不使用任何css或js扩展）vuex（vue的状态管理模式、store）CSS 预处理器（如：less、sass）代码风格检查和格式化（如：ESlint）vue-router（vue路由）

需要将对象格式化为："2021/05/01 12:53:59.55" 可同时兼容 android 和 ios。"2021-05-01 12:53:59.55" 时间对象在 ios 中会出现 NaN-NaN-NaN。yyyy/mm/dd hh:mm:ss 比较 yyyy/mm/dd hh:mm:ss。年/月/日 时:分:秒 与 年/月/日 时:分:秒。yyyy/mm/dd 比较 yyyy/mm/dd。年/月/日 与 年/月/日。时间比较要注意两个时间的。时间戳转换为时间对象。时间戳转换为时间对象。

配置公共管理的api文件和vue.config.js可以解决跨域问题。一个项目对接不同的基地址和接口同理。去除api和vue.config.js里 http: 和 https: 不会报跨域但是有。不修改api和vue.config.js，在index.html的head中中添加。基地址对应不同的http协议（http和https），线上项目会报跨域。

一页多题，类型包括单选，判断多选，涉及radio和checkbox同时使用，数据提交。

规定了用户可以在其中输入数据的输入字段。 元素在 元素中使用，用来声明允许用户输入数据的 input 控件。输入字段可通过多种方式改变，取决于 type 属性。注意：accept 属性仅适用于 提示：请不要将该属性作为您的验证工具。应该在服务器上对文件上传进行验证。accept 属性规定了可通过文件上传提交的服务器接受的文件类型。type 属性规定要显示的 元素的类型。

【代码】Vue3：checkbox使用及限制选中数量。

简单配置Axios（没有封装get和post方法）

在命令行输入：$env:NODE_OPTIONS="--openssl-legacy-provider"报错原因：现在使用的node版本和项目创建时的node版本不一致。

HTML特殊字符符号大全

vue对象数组多重循环

this.$router.go(-1) 返回上一页最简单实用，现通过路由传参及keepAlive，实现返回保留滚动条位置。注意这两个activated 和 deactivated 这两个生命周期钩子函数。

注：这里引用的是swiper3.0，swiper3.0无需加载公用库：Swiper无需加载任何公共库（如jquery）即可运行，这保证了Swiper的轻量和运行速度。Swiper也可以在加载了公共库的环境下安全的运行，如jQuery, Zepto, jQuery Mobile等，但基于swiper仍需引入swiper相关的css及js。

点击文字跳转当前页的某一个位置，或点击导航在当前页内多个位置跳转。

将一个标签绝对定位覆盖在input标签（input标签透明处理可以防止遮挡遗漏）上，通过input[type="radio"]:checked+标签名实现选中和未选中区别.....

textarea最大输入字符200，需设置maxlength="200"，通过length值来提示输入量。不设置maxlength也可以通过watch监听提示或者截除。

__ob__: Observer这个后缀其实是Vue监控数据产生的，如果使用push添加数据就会出现__ob__: Observer

报名信息提交后弹出信息确认（为方便查看效果，注掉了数据校验），五秒后提交按钮方可点击提交信息。JS：Vue：关于setInterval() 方法和clearInterval() 方法https://blog.youkuaiyun.com/millia/article/details/106675713?spm=1001.2014.3001.5501......

区域请选择学校所在区域

几个活动同时进行，开始结束时间不同。在点击报名时间需检测是否在活动期间。需要异步获取活动时间并跟当前时间进行比较。这里用到了Promisedata(){ return{ activeStart:"",//活动开始时间 activeEnd:"",//活动结束时间 }},methods:{ //获取活动时间(方法一) getActiveTime(event){ return new Promise((resolve, reject) => { ...

弹出层（不需要的可以在数据中注掉）效果如下：弹出层（信息提示）组件：<template><div class="PopLayerBg"><div class="PopLayer"><div class="popTitle" v-if="popData.title != '' && popData.title != undefined">{{popData.title}}</div><div class=.

列表页到详情页，详情页返回列表页保留列表页滚动条位置：router.js routes: [ { path: '/', name: 'index', //component: Home component: () => import('./views/index/index.vue'), meta: { keepAlive: true // 需要缓存 } }, {

【代码】checkbox美化之伪类实现checked相应文字提示。

同父兄弟组件传值：父组件：<template><div id="millia"><!--导航子组件--><top-nav @brotherPopShow="fatherPopShow"></top-nav><!--@brotherPopShow子组件接收方法名--><!--fatherPopShow父组件方法--><!-- 其他代码 --><!--弹出层子组件--&gt..

默认效果:选择文件效果:HTML:<li><label>上传照片</label><div class="fileBg"><input type="file" class="fileCheckUp"><span>未选择任何文件添加病情照片患处、检查报告或其他资料</span></div></li>CSS:.fileBg{background:url(image.

效果如下：HTML：<div class="dmbg"><div class="dmHt"><img src="images/txt01.png"><span>已有<b>257864</b>人在此寄托了思念</span></div><div class="dmShow"><!--<div>祝家乡越来越繁荣昌盛，人们的生活也越来越富裕。</div>

JSSDK配置wx.config/** jssdk初始化* */export function initSdk(appId,nonceStr,signature,timestamp,apiList){ //从后端获取 wx.config({ debug: false, appId: appId, timestamp: timestamp, nonceStr: nonceStr, signature: signature, //jsApi...

效果如下:HTML：<ul class="friendList"> <li><a href="#">中国政府网</a></li> <li><b>国务院部门网站</b> <div> <!--很长的隐藏二级链接--> <a href="#">友情连接网站</a> <a .

HTML：<view class="whiteBg"><people-list :peopleListData="peopleListData" @getCoupon="fatherCoupon"></people-list><coupon-list :couponListData = "couponListData"></coupon-list></view>JS：<script>import Pe

效果如下：THML：<view class="process"> <view class="ht">处理进度</view> <view class="processList"> <view v-for="(list,index) in processData.arrivalProcess" :key="index"> <text>{{list.content}}&l.

HTML:<view class="peopleSwiper"> <swiper class="bigImg" :current="current"> <swiper-item v-for="(big,index) in imgSwiperData" :key="index"> <image :src="big.imgUrl" mode="scaleToFill"></image> </...