![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
Frontend-Arway
与智者学习!方能战无不胜~
展开
-
vue2 引用3D模型
【代码】vue2 引用3D模型。原创 2023-10-16 10:57:22 · 420 阅读 · 0 评论 -
vue.js 数据根据升降排序
Vue数据升降排序原创 2022-07-13 10:29:59 · 562 阅读 · 0 评论 -
Vue项目开发 引用字体包
网上查找对应字体,下载字体包,然后放进项目中新建font.css文件引用字体包文件/* font.css文件代码 */@font-face { /*给字体命名*/ font-family: 'HaiPai'; /*引入字体文件*/ src: url('./HaiPaiQiangDiaoGunShiJian-2.otf'); font-weight: normal; font-style: normal;}main.js全局引用//引入字体im原创 2022-05-20 10:34:19 · 327 阅读 · 0 评论 -
Vue父子组件通讯
Vue父子组件通讯父传子:子组件定义props去接收值,子传父:通过this.$emit() 传给父组件,接收方式通过methods可接收;父组件<div class="box"> <h3>子组件</h3> <!-- 3.使用子组件标签 --> <!-- :data为赋值/绑定值 @data为事件 --> <sonpage :datalist="value" :datanumber="numberVa原创 2022-03-01 15:57:15 · 489 阅读 · 0 评论 -
js 对象转数组
js对象转数组原创 2022-02-25 10:28:28 · 776 阅读 · 0 评论 -
vue浏览器消息提示
vue浏览器消息提示判断浏览器是否支持浏览器消息弹窗suportNotify() { if (window.Notification) { // 支持 console.log("支持" + "Web Notifications API"); //如果支持Web Notifications API,再判断浏览器是否支持弹出实例 this.showMess(event) } else {原创 2021-12-23 15:31:47 · 1800 阅读 · 0 评论 -
何如捕捉微信公众号文章 标题图
何如捕捉微信公众号文章 标题图在浏览器控制台 F12 Elements 查找JavaScript文件从下往上数10个 就是存放标题及图片的文件,喜欢图的可以直接浏览器打开下载效果图原创 2021-11-04 11:52:18 · 285 阅读 · 0 评论 -
vue 获取 一周 时间
页面结构 <div class="calendar_content"> <div @click="dateActive(index)" v-for="(day,index) in week"> <div>{{day.xq}}</div> <div :class="{ active:index==current}">{{day.ts}}</原创 2021-10-11 14:28:29 · 706 阅读 · 1 评论 -
vue 选择时间 显示天数及小时
使用element date-picker 作为时间控件 <el-date-picker v-model="form.date" @change="getdate" type="datetime" placeholder="选择完成时间"></el-date-picker>选择好时间后 把选中的值进行时间计算 //date-picker改变的时候 选取时间值 getdate(e) { this.form.duration = ''原创 2021-10-08 10:34:23 · 1074 阅读 · 0 评论 -
vue 输入天数 小时 显示日期
vue 输入天数 小时 显示日期监听用户输入 <el-input v-model="form.duration" @blur="durationchang(form.duration)" placeholder="请输入例如: 1天12时"></el-input>用户输入 进行数组分割计算durationchang(e) { var date1 = e.split('天')[0] console.log(date1) var原创 2021-10-08 10:26:04 · 345 阅读 · 0 评论 -
JavaScript 数组去重
方式1通过indexOf去重var arr = [1, 2, 3, 4, 6, 23, 13, 4, 5, 3, 4, 5, 5, 6, 7, 8, 9, 9, 8]; var result = []; arr.forEach(item => { if (result.indexOf(item) == -1) result.push(item) }) console.log(result);方式二通过filter去重var arr = [1, 2, 3, 4, 6,原创 2021-03-15 12:10:15 · 74 阅读 · 0 评论 -
JavaScript map函数 使用方式
js map 使用实例: var users = [ {name: "熊大", "email": "zhang@email.com"}, {name: "熊二", "email": "jiang@email.com"}, {name: "光头强", "email": "li@email.com"} ]; var emails = users.map(item=>{ return item.email })原创 2021-03-13 17:37:08 · 140 阅读 · 0 评论 -
js数组过滤重复数据
js数组过滤重复数据let arr = [1,2,3,4,4,1]let newArr = arr.reduce((pre,cur)=>{ if(!pre.includes(cur)){ return pre.concat(cur) }else{ return pre }},[])console.log(newArr);// [1, 2, 3, 4]原创 2021-02-04 17:48:37 · 3799 阅读 · 0 评论 -
微信小程序方法之间传参及api方法调用传参
点击aa、cc都会调用请求 请求的时候传个参数 在bb这个方法进行接收!wxml<view bindtap="aa" data-value="1234567890">点击1</view><text bindtap="cc" data-value="111111111">点击2</text>js aa(e){ this.bb(e) }, cc(e){ this.bb(e) }, bb(e){ console.原创 2020-10-15 17:57:58 · 3355 阅读 · 2 评论 -
前端用得上的框架组件,值得收藏!
框架element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuetify - 为移动而生的Vue JS 2组件框架vonic - 快速构建移动端单页应用vue-blu - 帮助你轻松创建web应用vue原创 2020-09-01 14:47:42 · 1247 阅读 · 1 评论 -
vue input 只能输入数字 且开头第一位数不能为0
vue input 只能输入数字 且开头第一位数不能为0HTML页面写一个@input事件<template> <div class="orderpayment_number"> <div>购买数量:</div> <div> <input type="text" placeholder="输入购买数量" v-model="number" @input="handleInput" /> <原创 2020-06-01 17:07:00 · 9357 阅读 · 2 评论 -
vue----移动端适配之px自动转换rem
vue移动端配置问题1.npm安装lib-flexiblenpm install lib-flexible --save2.main.js中引入import Vue from 'vue'import App from './App.vue'import 'lib-flexible'//引入Vue.config.productionTip = false如图显示3.安装pos...原创 2020-03-16 17:22:52 · 1067 阅读 · 2 评论