JavaScript - 随笔分类 - 晏过留痕

[JavaScript] Preloading modules

摘要：Browsers are finally starting to natively support JavaScript modules, both with static and dynamic import support. This means it's now possible to wri 阅读全文

posted @ 2022-08-23 13:33 晏过留痕阅读(79) 评论(0) 推荐(0)

[JavaScript] HTML5 播放hls流媒体视频流

摘要：在最新版的 Android webview 中不用任何插件，可以直接播放在windows10自带的Edge浏览器可直接播放，PC端 safari浏览器可直接播放 PC端chrome，IE，Firefox以及集成以上内核的各种浏览器，以及旧版的Android SDK的webview 不能播放在阅读全文

posted @ 2020-06-06 17:50 晏过留痕阅读(9626) 评论(0) 推荐(0)

[JavaScript] Canvas 动画实例

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta name="description" content="canvas zoom example"> <meta charset="UTF-8" /> <meta name="viewport" content 阅读全文

posted @ 2020-06-02 20:14 晏过留痕阅读(424) 评论(0) 推荐(0)

[JavaScript] 处理多余空格，即字符串之间只间隔一个空格

摘要：str = 'aaa bb cc dd' str.replace(/\s+/g, " ") // "aaa bb cc dd" 阅读全文

posted @ 2020-03-26 13:30 晏过留痕阅读(1397) 评论(0) 推荐(0)

[JavaScript] Canvas中ImageData

摘要：ImageData 对象 ImageData对象中存储着canvas对象真实的像素数据，它包含以下几个只读属性： width data属性返回一个 Uint8ClampedArray，它可以被使用作为查看初始像素数据。每个像素用4个1bytes值(按照红，绿，蓝和透明值的顺序; 这就是"RGBA"格阅读全文

posted @ 2020-01-16 10:08 晏过留痕阅读(4304) 评论(0) 推荐(0)

[JavaScript] 利用html2canvas实现dom元素转图片下载

摘要：安装html2canvas依赖导入使用阅读全文

posted @ 2020-01-16 09:45 晏过留痕阅读(944) 评论(0) 推荐(0)

[JavaScript] Base64加密解密

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>js base64加密解密</title> </head> <body> <script> // 创建Base64对象 var Base64 = { _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0 阅读全文

posted @ 2020-01-09 15:41 晏过留痕阅读(499) 评论(0) 推荐(0)

[JavaScript] 数组去重

摘要：1、假如数组元素不是对象，如 2、假如数组元素是对象，如阅读全文

posted @ 2020-01-07 09:24 晏过留痕阅读(200) 评论(0) 推荐(0)

[JavaScript] console.log只在查看时才会读取这个打印的对象，并把此刻相关属性和值显示出来

摘要：打印值：说法一：console.log() 是一个异步的方法说法二：当在打印一个对象的时候，由于对象中的值是引用的内存中的值，所以就会存在当打印对象的时候，当引用到对象中的值的时候，对象中的值已经发生变化了。所以只在查看时才会读取这个打印的对象，并把此刻相关属性和值显示出来。 Value bel 阅读全文

posted @ 2019-09-30 16:56 晏过留痕阅读(940) 评论(0) 推荐(0)

[Vuejs] 点击单选框触发两次点击事件的处理

摘要：成功失败 data () { return { uploadStatus: '-1' } }, methods: { /** * 点击单选框取消选中状态的处理 * @param e 原生e * @param index */ clickRadio (e, index) { i... 阅读全文

posted @ 2019-08-23 11:33 晏过留痕阅读(8045) 评论(0) 推荐(0)

[Vuejs] 在vue各个组件中应用全局scss变量

摘要：需要安装一个插件：sass-resources-loader 1、执行安装命令： 2、修改vue-cli环境下build文件夹下utils.js，找到scss加载位置：修改为： 3、在_var.scss中定义变量： 4、在vue组件中使用自定义的变量：阅读全文

posted @ 2019-05-17 16:31 晏过留痕阅读(8790) 评论(0) 推荐(0)

[JavaScript] 跳出循环方法总结

摘要：1、forEach() 方法对数组的每个元素执行一次提供的函数。但是没有办法中止或者跳出 forEach 循环，除了抛出一个异常，该方法没有返回值，return/return false/return true 只用于跳过本次循环，而不是整个循环 2、Array.every() 方法用于测试数组的所阅读全文

posted @ 2019-04-25 11:25 晏过留痕阅读(2029) 评论(0) 推荐(0)

[JavaScript] 根据指定宽度截取字符串

摘要：/** * 根据指定宽度截取字符串 * @param desc 原始字符串 * @param width 该显示的宽度 * @param fontsize 字体大小 12px * @returns {string} 截取后的字符串 */ export function getStrByWith (desc, width, fontsize) { var span = docum... 阅读全文

posted @ 2019-04-23 14:39 晏过留痕阅读(1119) 评论(1) 推荐(2)

[JavaScript] js实现保存文件到本地

摘要：function fake_click(obj) { var ev = document.createEvent("MouseEvents"); ev.initMouseEvent( "click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null ); ... 阅读全文

posted @ 2019-01-05 23:08 晏过留痕阅读(27432) 评论(0) 推荐(2)

[JavaScript] Nginx实现跨域设置

摘要：假如跨域请求的接口为：http://xxx.cn/was5/web/search Nginx配置：在conf/nginx.conf文件中后面增加配置之后，将js请求接口改为：/was5/web/search 重启Nginx服务，浏览器访问http://localhost即可，默认端口80，可在阅读全文

posted @ 2019-01-05 22:57 晏过留痕阅读(1344) 评论(0) 推荐(0)

[JavaScript] iframe更改了src后，父页面history.back只能后退iframe而不能使自己后退解决办法

摘要：浏览器的机制如此，在iframe导航变化后手动点击浏览器的后退按钮也依然只是后退iframe中的导航。有一种解决方案是不要修改iframe.src，而是删除旧iframe元素，新建一个iframe元素并替换它，这样不会产生history。直接createElement，替换原来的iframe。阅读全文

posted @ 2018-07-03 14:25 晏过留痕阅读(3458) 评论(0) 推荐(0)

[HTML] 动态修改input placeholder的颜色

摘要：用这些伪类就可以让placeholder变色了，在用户需要显示红色的时候，用js给input加上invalid class就行了阅读全文

posted @ 2018-06-25 18:39 晏过留痕阅读(1196) 评论(0) 推荐(0)

[JavaScript] 判断设备类型，加载相应css

摘要：$(document).ready(function () { var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器... 阅读全文

posted @ 2018-05-24 19:26 晏过留痕阅读(228) 评论(0) 推荐(0)

[HTML] H5在webApp中的注意事项

摘要：常用的meta标签特殊情况需要用到的meta标签如果用的rem。为了完全自适应，通常会拿js先控制，然后再用rem，代码如下：比如720的设计图纸，h2字体大小36px，宽度400px，那么可以这样写：以此类推，这样就会达到无论在什么设备上，都是1:1还原了设计图纸。当然在一些section 阅读全文

posted @ 2018-05-23 11:10 晏过留痕阅读(450) 评论(0) 推荐(0)

[JavaScript] css将footer置于页面最底部

摘要：#wapper{ position: relative; /*重要！保证footer是相对于wapper位置绝对*/ height: auto; /* 保证页面能撑开浏览器高度时显示正常*/ min-height: 100% /* ... 阅读全文

posted @ 2018-04-22 15:52 晏过留痕阅读(682) 评论(0) 推荐(0)

随笔分类 - JavaScript