html5
Frontend-Arway
与智者学习!方能战无不胜~
展开
-
HTML图片链接缓存问题解决
HTML更新图片链接,图片更新了,显示却没变化原创 2024-06-28 17:48:40 · 470 阅读 · 0 评论 -
vue.js 数据根据升降排序
Vue数据升降排序原创 2022-07-13 10:29:59 · 614 阅读 · 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 · 352 阅读 · 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 · 1878 阅读 · 0 评论 -
vue 使用DataV数据可视化组件
一、安装DavaV(前往官网查看安装步骤,这里不详细说了)DataV官方文档(查看组件详细配置)二、使用方式<!-- :config 组件配置 --><dv-percent-pond :config="datav" style="width:200px;height:100px;margin:20px auto;" />//需要用到的页面引用该该组件import countTo from 'vue-count-to'data() { return { //原创 2021-09-03 15:12:39 · 2326 阅读 · 0 评论 -
vue 点击删除常用方式
【代码】vue 点击删除常用方式。原创 2021-09-03 14:47:28 · 14075 阅读 · 0 评论 -
Vue element ui input 禁止输入空格
element ui input 禁止输入空格直接在v-model拼上.trim 就可以禁止用户输入空格<el-input v-model.trim="param.loginName" maxlength="15" placeholder="请输入您的账号">这样用户怎么输入都输入不了空格了 完美解决禁止输入空格的需求...原创 2021-08-25 12:02:55 · 1387 阅读 · 0 评论 -
小程序请求封装
小程序请求封装小程序app.js文件App({ globalData: { userInfo: null, apiHost: 'http://api:8888', } })创建一个独立的 request.js 文件request.js代码 注:(目前401表示未登录 200成功 500 接口请求错误)注释就不详细说了 我有点懒 能看得懂就看吧! 上代码~//获取app.jsconst app = getApp();//获取app.js里的globalData原创 2021-08-20 16:23:46 · 211 阅读 · 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 · 106 阅读 · 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 · 156 阅读 · 0 评论 -
前端用得上的框架组件,值得收藏!
框架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 · 1309 阅读 · 1 评论 -
VUE Animate Css动画库使用
Animate Css动画库使用1.使用CDN添加到您的网页中 <link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>2样式用法 这个类 animate__animated必加、记住别忘了!加Animate前缀 animate__ <h1 class="animate__animated animate__fadeInDownBi原创 2020-06-17 11:49:00 · 383 阅读 · 0 评论