现在位置: 首页 > web前端 > 文章
2020年02月18日 web前端 ⁄ 共 1102字 评论关闭

js实现适配移动端的拖动效果 本文实例为大家分享了js实现适配移动端的拖动效果,供大家参考,具体内容如下 1.html <div id="div1"> <div id="div2"></div> </div> 2.js var flag = false; var cur = { x: 0, y: 0 } var nx, ny, dx, dy, x, y; function down() { flag = true; var touch;

阅读全文
2020年02月18日 web前端 ⁄ 共 3180字 评论关闭

JS document对象简单用法完整示例 本文实例讲述了JS document对象简单用法.分享给大家供大家参考,具体如下: <html> <head> <title>js-document对象学习</title> <meta charset="UTF-8"/> <script type="text/javascript"> // 直接获取对象 function testGetElementById(){ //通过id获取对象

阅读全文
2020年02月18日 web前端 ⁄ 共 1891字 评论关闭

JS几个常用的函数和对象定义与用法示例 本文实例讲述了JS几个常用的函数和对象定义与用法.分享给大家供大家参考,具体如下: <html> <head> <title>js几种常见的函数</title> <meta charset="UTF-8"/> <script type="text/javascript"> //string类中的函数 var str="clannad"; // var m=str.t

阅读全文
2020年02月18日 web前端 ⁄ 共 1048字 评论关闭

JS函数进阶之prototy用法实例分析 本文实例讲述了JS函数prototy用法.分享给大家供大家参考,具体如下: <html> <head> <title>js-prototype</title> <meta charset="UTF-8"/> <script type="text/javascript"> function animation(name,data){ this.name=name; this.data=d

阅读全文
2020年02月18日 web前端 ⁄ 共 1864字 评论关闭

微信小程序图片自适应实现解析 这篇文章主要介绍了微信小程序图片自适应实现解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 关于微信小程序图片自适应的做法 在日常业务场景中,很多地方都需要图片进行列表的显示,但是这样就存在一个问题,由于每张上传的图片规格并不是一样的,就会发生图片要么过大,要么过小,或者被拉伸的情况,如下图 对于这个情况,我的思路是可以使用image标签内的bindload属性进行计算,bindload属性的介绍如下 下面就是具体的方法流程 1.首先我们在页

阅读全文
2020年02月18日 web前端 ⁄ 共 16476字 评论关闭

微信小程序聊天功能的示例代码 效果 初始化滚动条高度 var keyHeight = 0; 数据格式 const CHAT_DATA=[ { type:0,//0客服1用户 content:’欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎’, headImg:’../../assets/common/images/headHortrait.jpeg’,//头像 creatTime:’2019-01-01′,//创建时间 contentType:’text’ }

阅读全文
2020年02月18日 web前端 ⁄ 共 1305字 评论关闭

js实现橱窗展示效果 本文实例为大家分享了js实现橱窗展示的具体代码,供大家参考,具体内容如下 思路 1.获取需要的标签 2.求出滚动条的长度(公式:滚动条长度 = ( 盒子的宽度 / 内容的宽度) * 盒子的宽度) 3.监听鼠标按下事件:3 设置起始位置 4.监听鼠标的移动: 4.1求出移动的位置 4.2判断滚动条的位置(防超出) 4.3 移动滚动条.商品滚动(公式:内容走的距离 = (内容的长度 – 盒子的长度) / (盒子长度 – 滚动条的长度) * 滚动条走的距离): 5.监听鼠标的离开事件:把鼠标的移动事件

阅读全文
2020年02月18日 web前端 ⁄ 共 6984字 评论关闭

JS window对象简单操作完整示例 本文实例讲述了JS window对象简单操作.分享给大家供大家参考,具体如下: 例1: <html> <head> <title>js—window函数</title> <meta charset="UTF-8"/> <script type="text/javascript"> // 显示框:没有返回值,出现一个提示框 var sto; var stl; function tes

阅读全文
2020年02月18日 web前端 ⁄ 共 1337字 评论关闭

js实现二级联动简单实例 本文实例为大家分享了js实现二级联动的具体代码,供大家参考,具体内容如下 此实例是一个简单的二级联动,第一个列表中的值为固定的,第二个列表中的值随着第一个列表值的变化而变化,即第一个列表影响第二个列表. 实现思路:先写两个<select>标签,用name或id来区分:写一个二维数组来存放信息:在一级菜单中使用onchange()事件来动态加载二级菜单的内容. 完整代码 <html> <head> <meta charset="UTF-8&quo

阅读全文
2020年02月18日 web前端 ⁄ 共 1619字 评论关闭

微信小程序canvas截取任意形状的实现代码 最近在研究拼图验证码实现,需要对图片的部分模块进行特殊形状切割出一小块,明白后原来是如此简单,第一步就是将所有绘制的形状用线勾出(直线.弧线.贝塞尔曲线都可以)形成闭环,第二步就是切割绘制,第二步不麻烦,麻烦的只是第一步,需要一些计算,所以会在以后,尽力的多保存一些特殊形状的方法. 比如: 代码 drawPic(x,y,r){ // const ctxBackground = wx.createCanvasContext(‘canvasBackground’) const ctxBackgrou

阅读全文