使用rem布局(js动态改变根字体大小),兼容pc端,设计稿750px <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <meta name="keywords" content="关键字"/> <meta name="description" content="描述"/> <!--360浏览器渲染模式优先级:极速/ie兼容/ie标准--> <meta name...
angularJS系列:基础篇
[ 2017/05/11, 4151阅, 1评 ]
1.日期格式化 13位时间戳(毫秒为单位的直接格式化) {{1423130269432 | date:'yyyy-MM-dd HH:mm:ss'}} 10位时间戳(秒为单位的需要×1000转为毫秒再格式化) {{1438668006*1000 | date:'yyyy-MM-dd HH:mm:ss'}} 2.截取字符串 在HTML的模板绑定中:{{ limitTo_expression | limitTo : limit : begin}} In JavaScript:$filter('limitTo')(input, limit, begin) 栗子: ...
green-wipe.js视频实时绿幕抠像
[ 2025/09/04, 53阅, 0评 ]
green-wipe.js 是一个强大的JavaScript插件,它让在浏览器中实现实时绿幕抠像变得前所未有的简单。无需复杂的后端处理或专业的视频编辑软件,开发者仅需几行代码,即可为Web应用注入AR、虚拟背景、在线会议、直播等高级视频特效功能。它纯前端实现,低延迟,高效能,致力于为Web体验带来沉浸式革新。 示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>视频抠绿幕</title...
对象验证规则会按照对象的属性依次验证,直到设置的属性都完成验证。示例中会先验证省份选择器,选择省份后会继续验证城市,然后是地址。 <template> <el-form ref="formRef" :model="formData" :rules="formRules" label-width="auto"> <el-form-item label="活动名称" prop="name"> <el-input v-model="formData.name" clearable placeholder="...
经常做上传功能的朋友们都知道,一般还需要做一个实时预览功能,一般都是通过FileReader.readAsDataURL来转换为base64来实现。其实还有一个更简洁的API URL.createObjectURL,它可以直接生成一个临时可访问的链接,然后直接使用这个链接即可。 1、URL.createObjectURL() URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或...
vue项目线上环境开启vue devtools调试
[ 2024/06/16, 180阅, 0评 ]
vue2版本打开控制台,运行一下以下代码: var Vue, walker, node; walker = document.createTreeWalker(document.body,1); while ((node = walker.nextNode())) { if (node.__vue__) { Vue = node.__vue__.$options._base; if (!Vue.config.devtools) { Vue.config.devtools = true; if (window.__VUE_DEVTO...
经常使用el-input组件的朋友们都知道,当使用其文本域功能时,在输入框中敲回车的行为是换行。 那么问题来了,某些场景下,要使回车行为触发自己另外的事件(比如对话场景中的“发送”,此时“换行”功能也要托付给另外的按键,例如ctrl+enter键),该如何操作呢? 我们可以通过监听el-input的keydown事件来处理,栗子如下: <el-input ref="inputRef" v-model="questionStr" type="textarea" placeholder="输入问题,发送 [Enter]/换行 [Ctrl(...
js自定义多字段排序
[ 2023/11/18, 1316阅, 0评 ]
某些场景下,需要在前端实现将数组中的数据按照多个字段进行排序,Array实例内置的sort方法只能实现按照单个字段的排序。 多字段同时排序在后端很好实现,直接order by field1 asc, field2 asc, field3 desc… 在js中可以通过扩展sort方法来实现多个字段的同时排序: const items = [ { name: 'linc', age: 28, num: 1234 }, { name: 'linc', age: 28, num: 12345 }, { name: 'kiki', age: 20, num...
一个基于vue2的h5项目,被嵌套在安卓APP和iOS APP中使用。因为某些原因无法在webview中使用缓存,也无法使用cdn方式。 在经过分包、按需加载、代码清理、压缩资源文件、减少并发请求等常规手段优化后,网络较差的情况下较长的白屏时间仍然很尴尬。于是在index.html中加上了默认loading动画效果,这样用户在加载完入口文件后就可以直接看到动画,待vue初始化完成时再关闭loading动画,体验更佳。 辣么问题来了,在PC和Android设备上进行测试,都能达到预期效果。但是在iOS设备上,不管是 Safari 还是基于 iOS的WebView中,ind...