随笔分类 -  Web

1 2 下一页
为什么从后台获取的id到前端后却变了？Long类型转json时前端js丢失精度解决方案
摘要：https://www.cnblogs.com/zwh0910/p/15104277.html 阅读全文
posted @ 2022-08-29 14:38 月半流云 阅读(112) 评论(0) 推荐(0)
smooth-signature 使用经验
摘要：https://github.com/linjc/smooth-signature 背景颜色 默认背景是透明的，因此实例化时需要主动设置背景颜色。 const canvas = document.getElementById('signature') const pad = new SmoothSi 阅读全文
posted @ 2022-02-17 08:38 月半流云 阅读(1474) 评论(0) 推荐(0)
Vue 中 v-model 在自定义组件中的使用
摘要：<div id="app"> "inputValue 的值：" + {{inputValue}} <my-input v-model="inputValue"></my-input> </div> Vue.component('my-input', { template: '<div><input 阅读全文
posted @ 2020-07-02 15:36 月半流云 阅读(388) 评论(0) 推荐(0)
拖放
摘要：```html ``` 阅读全文
posted @ 2019-10-07 11:24 月半流云 阅读(134) 评论(0) 推荐(0)
微信浏览器中滚动至指定位置
摘要：微信浏览器中 scrollTop 值的修改，是通过 document.body.scrollTop 实现的。 因此，移动浏览器上兼容滚动的方法应该是这样的： 获取目标元素的判定，可能会有人产生疑问。 其实这样判定，是可以满足需求的。因为只有偏移量不为 0 的情况，才会执行滚动至顶部。 阅读全文
posted @ 2019-01-03 17:00 月半流云 阅读(1499) 评论(0) 推荐(0)
利用canvas制作简单的logo
摘要： 阅读全文
posted @ 2018-08-11 15:24 月半流云 阅读(1370) 评论(0) 推荐(0)
利用canvas做一个简单个gif停止和播放
摘要： 阅读全文
posted @ 2018-03-27 20:40 月半流云 阅读(670) 评论(0) 推荐(0)
记一次使用 removeEventListener 移除事件监听失败的经历
摘要：测试一 测试代码如下 但是，测试结果发现，调用 后，点击依旧有效。明明按照以前看的文档说的，add 和 remove 的时候是同一个函数啊。 测试二 于是，又调整了一下代码。 去掉了 add 时的 bind，再测试发现点击不响应了。 结论 经过测试，add 和 remove 事件监听回调时，既不能使 阅读全文
posted @ 2018-03-06 19:56 月半流云 阅读(10003) 评论(1) 推荐(0)
一个最简的短信验证码倒计时例子
摘要：主要用于移动端 阅读全文
posted @ 2018-03-01 15:32 月半流云 阅读(141) 评论(0) 推荐(0)
通过 url 获取相应的 location 信息
摘要：```javascript var properties = ['href', 'origin', 'host', 'hostname', 'port', 'pathname', 'search', 'hash']; var getLocation = function(url) { var res 阅读全文
posted @ 2018-02-06 12:47 月半流云 阅读(310) 评论(0) 推荐(0)
移动端实现复制内容至剪贴板
摘要：需求场景 使用document.execCommand()方法，以下简称为“命令API”。 示例一 HTML部分 JavaScript部分 示例二 实际开发中，需要复制的内容通常是文本元素中的文本。此时，可以使用一个不在可见区域内的表单元素来变向实现。 HTML部分 CSS部分 JavaScript 阅读全文
posted @ 2017-12-15 18:43 月半流云 阅读(3901) 评论(2) 推荐(0)
实现兼容document.querySelector的方法
摘要：``` var querySelector = function(selector) { //TODO 先简单兼容，后续继续扩展； var element = null; if(document.querySelector) { element = document.querySelector(se 阅读全文
posted @ 2017-09-29 16:27 月半流云 阅读(2592) 评论(0) 推荐(0)
浏览器中选取元素的方法总结
摘要：getElementById 定义在Document对象中 getElementsByName 定义在Document对象中 getElementsByTagName 定义在Document对象中 Element类也有定义 getElementsByClassName 定义在HTMLDocument 阅读全文
posted @ 2017-09-29 12:48 月半流云 阅读(328) 评论(0) 推荐(0)
浏览器中页面的visibility状态及变化监听
摘要：需求 在浏览器中播放视频，当用户进行页面切换操作时。需要根据视频播放页是否处于可见状态，来控制视频的暂停及重新播放。 相关文档 参考MDN中，关于页面的可见性相关的API说明。 "https://developer.mozilla.org/en US/docs/Web/API/Page_Visibi 阅读全文
posted @ 2017-09-28 16:55 月半流云 阅读(647) 评论(0) 推荐(0)
QQ浏览器等window.innerHeight首次读取的高度不正确的解决办法
摘要：问题描述 移动端的页面，需要处理首屏为一满屏。并且，采用 计算高度来设置容器高度的方案。 测试的时候发现，在QQ浏览器中，首次访问的时候，底部的部分内容未显示出来。刷新页面以后，页面显示的内容才正确。 问题分析 从现象来看，底部的内容像是被浏览器自带的菜单栏挡住了，并且首次计算的高度值比实际的区域高 阅读全文
posted @ 2017-09-25 20:40 月半流云 阅读(3201) 评论(2) 推荐(1)
使用document.execCommand复制内容至剪贴板
摘要：API "https://developer.mozilla.org/zh CN/docs/Web/API/Document/execCommand" 兼容性 "http://caniuse.com/ search=document.execCommand" 示例 html部分 javascript 阅读全文
posted @ 2017-09-01 17:18 月半流云 阅读(2130) 评论(0) 推荐(0)
使用clipboard.js实现复制内容至剪贴板
摘要：下载插件 clipboard.js是不依赖flash，实现复制内容至剪贴板的js插件。下载clipboard.js的压缩包，根据需要选择dist目录下的压缩或未压缩版。 github地址： "https://github.com/zenorocha/clipboard.js/" 例子 html部分 阅读全文
posted @ 2017-08-28 16:51 月半流云 阅读(633) 评论(0) 推荐(0)
从iconfont下载项目所需的图标资源
摘要：前端开发中，经常会用到各种各样的图标（icon）。这些icon，如果每个都要自己去做，那真的是耗时又耗力。但是，有了 "阿里巴巴矢量图标库" 这样的平台后，一切都变得简单了起来。 本文以此平台为例，演示如何搜集并下载项目所需的icon资源。 访问官网并登录 访问 "iconfont官网" ，并且登录 阅读全文
posted @ 2017-07-03 23:34 月半流云 阅读(1073) 评论(0) 推荐(0)
html5的video标签自动播放
摘要：概念澄清 这里的“自动播放”，是指用户的视觉效果，并不一定是元素自身的自动播放。 查看相关文档后，有以下两种最简方案。 配置属性 发现有video标签有一个自动播放的属性autoplay，指定后会马上播放视频。 文档地址： "HTML video 元素" 通过API触发 在有些场景下，当前页面中的v 阅读全文
posted @ 2017-07-03 14:16 月半流云 阅读(9654) 评论(0) 推荐(0)
类新浪微博登录关联邮箱信息
摘要： 阅读全文
posted @ 2017-04-11 18:44 月半流云 阅读(268) 评论(0) 推荐(0)

1 2 下一页