JavaScript - 教程之家

315浏览

0评论

html屏蔽右键、禁止复制与禁止查看源代码

众所周知，要保护一个页面，最基础的就是要屏蔽右键。而现在网页上用得最多的是function click()，即下面这段代码：<script>function click(){ if(event.button==2){ alert( '...

2019-08-30

389浏览

0评论

了解微信小程序之wx.showToast

昨天才做了个微信小程序的页面，因为入门不久，很多东西还不熟悉，一些弹出层的交互还是比较陌生，还有很多要学习。今天在这里就分享昨天才学习到的微信小程序之wx.showToast。wx.s...

微信

2019-08-30

389浏览

0评论

在微信小程序中使用二次贝塞尔曲线画出滚动的波浪

在微信小程序中使用二次贝塞尔曲线画波浪，我们使用的是canvasContext.quadraticCurveTo方法。我们先看下什么是canvasContext.quadraticCurveTo。定义创建二次贝塞尔曲线路径...

微信

2019-08-30

620浏览

0评论

浅析小程序TAB点击切换class的功能

近期做了一些程序，分享个小知识点，就是模仿WEB端的TAB点击切换。在浏览器端开发时，经常会有这种情况：单击某个元素，让其高亮显示，例如下图：这个用 js 很容易实现，因为单击事件触发...

2019-08-30

459浏览

0评论

聊聊微信小程序的数组(Array)相关操作方法

提到微信小程序，相信大家都会了解一些，对于前端开发者来说，熟练掌握小程序开发，算是一项基本技能了。开发过小程序的童鞋，刚开始的时候肯定遇到过很多坑，毕竟小程序开发和我们日常...

微信

2019-08-30

251浏览

0评论

手把手教你美化微信小程序中的轮播效果

微信小程序现在依然很火，相信大家有目共睹；所以作为前端开发者，掌握如何开发小程序，是一项必备技能了，你觉得呢？相对于PC和H5开发，小程序坑很多，所以需要慢慢“踩”，被坑多...

微信

2019-08-30

617浏览

0评论

微信小程序之坑：使用scroll-view模拟元素item滚动效果

刚刚做了个需求，遇到了坑，需要在小程序里做多个导航功能，达到设计师的效果。这个应用在APP里也很常见，毕竟屏幕只有那么宽，要放很多个导航标签，只能采用滚动，我们先来了解如何实现...

微信

2019-08-30

296浏览

0评论

微信小程序：和三星手机联手实现入口首次跳出微信

过去的一年多，在web前端开发项目中，做过很多小程序的项目，小程序跳出微信是一件不可能的事情，不过最近发现微信动摇了？居然要跟三星合作啦。
微信小程序是一种新的开放能力，开发者...

三星

微信

2019-08-30

303浏览

0评论

js中==和===区别

简单来说： == 代表相同， ===代表严格相同, 为啥这么说呢，这么理解：当进行双等号比较时候：先检查两个操作数数据类型，如果相同，则进行===比较，如果不同，则愿意为你进行一次类型转...

2019-08-25

357浏览

0评论

jQuery实现发送验证码30s倒计时，且刷新页面时有效

在这里讲一讲这个案例的实现思路吧（个人见解）。。核心思想：为防止页面刷新时倒计时失效的解决方案是：当每次刷新一次页面时都执行一个函数即下面讲到的 setStyle() 函数。这个...

2019-08-25

255浏览

0评论

原生JS实现滚动条

原生JS模拟滚动条求滚动条的高度可视内容区的高度 / 内容区的实际高度 = 滚动条的高度 / 滑道的高度求内容区top的值内容区距离顶部的距离 / (内容区的实际高度 - 可视内容...

2019-08-25

348浏览

0评论

javascript 几种常用继承方法和优缺点分析

1.原型链继承(最简单) 核心 (实现思路)：用父类的实例充当子类原型对象 function Person(name) { this.name = name; this.fav = ['basketball', 'football']; this....

2019-08-25

296浏览

0评论

如何对前端图片主题色进行提取？

本文由云+社区发表图片主题色在图片所占比例较大的页面中，能够配合图片起到很好视觉效果，给人一种和谐、一致的感觉。同时也可用在图像分类，搜索识别等方面。通常主题色的提取...

2019-08-25

287浏览

0评论

4个顶级开源JavaScript图表库

图表对于可视化数据和使网站具有吸引力非常重要。可视化演示使分析大块数据和传达信息变得更加容易。JavaScript图表库使你能够以易于理解和交互的方式可视化数据，并改善网站...

2019-08-25

301浏览

0评论

JavaScript引用类型Object常见用法实例分析

1、JavaScript数据类型(1)基本类型5种基本类型：Undefined、Null、Boolean、Number、String(2)引用类型5种引用类型：Object、Array、Date、RepExp、Function(3)基本类型与引用...

2019-08-25

301浏览

0评论

JavaScript创建对象方法实例小结

本文实例讲述了JavaScript创建对象方法。分享给大家供大家参考，具体如下：最简单的方式就是创建一个Object对象，并为其添加属性和方法。//示例代码var person=new Object()pers...

2019-08-25

330浏览

0评论

JavaScript之Promise对象

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法...

2019-08-25

276浏览

0评论

JavaScript中浅拷贝和深拷贝的区别和实现

要理解 JavaScript中浅拷贝和深拷贝的区别，首先要明白JavaScript的数据类型 JavaScript有两种数据类型，基础数据类型和引用数据类型基础数据类型：保存在栈内存中的简单数据段...

2019-08-25

557浏览

0评论

微信小程序：wx.getUserInfo 接口的变动与使用

问题在微信小程序开发中，获取用户信息是经常会用到的！在之前，我们直接调用wx.getUserInfo接口，就可以直接获取用户的信息，然而为了安全考虑，从2018年4月30号开始，wx.getUserInfo...

微信

2019-08-25

564浏览

0评论

微信小程序之获取并解密用户数据（获取openid，nickName等）

本文主要总结微信小程序通过后台请求访问微信用户信息创建一个微信小程序工程(自行百度)微信小程序index.js代码//index.js//获取应用实例const app = getApp()Page({ data...

微信

2019-08-25

255浏览

0评论

Javascript 函数声明和函数表达式的区别

Javascript Function无处不在，而且功能强大！通过Javascript函数可以让JS具有面向对象的一些特征，实现封装、继承等，也可以让代码得到复用。但事物都有两面性，Javascript函数有的...

2019-08-25

209浏览

0评论

一个解决js浮点运算精度的代码

比市面上很多解决方案都要准确的方案^_^<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-...

2019-08-25

310浏览

0评论

JavaScript模板引擎原理与用法

这篇文章主要介绍了JavaScript模板引擎原理与用法,结合实例形式详细分析了javascript模版引擎相关概念、原理、定义及使用方法,写的十分的全面细致，具有一定的参考价值，对此有...

2019-08-25

263浏览

0评论

JavaScript"模拟事件"的注意要点

今天小编就为大家分享一篇关于JavaScript"模拟事件"的注意要点详解，写的十分的全面细致，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。DOM...

2019-08-25

267浏览

0评论

JavaScript遍历循环

定义一个数组和对象const arr = ['a', 'b', 'c', 'd', 'e', 'f'];const obj = { a: 1, b: 2, c: 3, d: 4}fo...

2019-08-25

359浏览

0评论

微信小程序跑马灯效果

广告推送不适宜占用大幅位置，且动态滚动效果更能吸引视线。实现起来并没什么难度，主要是样式和布局，这次我们用小程序的swiper 组件来写一个自下往上滚动的跑马灯。【效果图】（...

微信

2019-08-24

615浏览

0评论

微信小程序仿某品会某菇街商城商品分类

个人觉得商城类小程序某品会和某菇街是做的比较好的，看了一下新电商的商品分类，相对于老的商城那种顶部分类比较新颖，就仿做了一个。新电商平台商品分类效果图（图片来源蘑菇街，图...

微信

2019-08-24

516浏览

0评论

微信小程序保存图片到本地相册

本章主要介绍保存图片到本地相册的几种方法及注意事项。首先需获取scope.writePhotosAlbum权限。（放在wx.getSetting之前调用，建议放在onload中）wx.authorize({ scope: 's...

微信

2019-08-24

536浏览

0评论

微信小程序左右滚动公告效果

本文主要讲的是无限循环左右滚动的公告先上效果图原理是设置公告的左移距离，不断减小，当左移距离大于公告长度（即公告已移出屏幕），重新循环。
下面将代码贴上：<view class='no...

微信

2019-08-24

829浏览

0评论

微信小程序 wx.request请求封装，超级简单

微信提供了api，开发者可以通过wx.request来获取服务器的数据和传递数据。虽然api提供了很大的方便，但是调用多个接口时，代码重复性太高，我们可以进一步封装。将官方文档中wx.req...

微信

2019-08-24

346浏览

0评论

微信小程序返回顶部组件

点击返回组件的按钮，返回至页面顶部。按照之前讲的组件创建步骤，创建组件wxml:<view wx:if="{{backTopValue}}" class="back-top" catchtap="backTop" > <text>顶部</text...

微信

2019-08-24

284浏览

0评论

微信小程序获取验证码60s倒计时

验证码倒计时，手机号格式校验。【简要说明】code字段在获取验证码之前显示验证码，点击获取验证码后显示倒计时数字。``用来拼接字符串，格式为字符串${data}。设置每1s执行一次...

微信

2019-08-24

351浏览

0评论

【微信小程序】时间戳转换

本章主要讲时间戳转换成时间，Y/M/D h:m:s（年月日时分秒）将js代码放到utils文件的utils.js中const formatTime = date => { const year = date.getFullYear() const month = d...

微信

2019-08-24

365浏览

0评论

js 根据cookie判断该页面浏览次数

2019-08-24

288浏览

0评论

JS/JQuery页面刷新、局部刷新

//div的局部刷新$(".dl").load(location.href+" .dl");//全页面的刷新方法window.location.reload()刷新当前页面.parent.location.reload()刷新父亲对象（用于框架）opener.loc...

2019-08-24

211浏览

0评论

js正则表达式验证大全

/判断输入内容是否为空 function IsNull(){ var str = document.getElementById('str').value.trim(); if(str.length==0){ alert(&#3...

2019-08-24

289浏览

0评论

验证码倒计时60秒的JS代码

2019-08-24

320浏览

0评论

JS操作剪贴板代码详解

javascript可以轻松操作客户端剪贴板内容，不过只适用IE5以上浏览器。javascript可以使用window.clipboardData对象处理剪贴板内容。保存到剪贴板的方法setData(param1, param...

2019-08-23

318浏览

0评论

JS判断用户名及密码是否为空的方法

2019-08-23

289浏览

0评论

jQuery实现选中行变色效果(实例讲解)

//点击复选框添加样式<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/...

2019-08-23

348浏览

0评论

简单实现js点击展开二级菜单功能

虽然，jQuery已经非常好用了，但是实际的开发项目中，还是有很多限制，比如项目组奇葩的要求，不能使用任何插件，当然，也是考虑插件占用资源，毕竟100+KB对与小型项目来说还是非常大的。我...

2019-08-23

287浏览

0评论

jQuery实现div跟随鼠标移动

重点是弄清楚如何获取鼠标现位置与移动后位置，div现在位置与移动后位置：用jQuery实现div随鼠标移动而移动，不是鼠标自身的位置！！而是div相对于之前位置的移动代码如下：（注意看绿色...

2019-08-23

270浏览

0评论

jQuery制作input提示内容（兼容IE8以上）

我们都知道HTML5的input新属性有 placeholder=""，那么这个不兼容IE低版本我们只能用脚本来写了。首先HTML新建一个input<input type="text" class="input" value="请输入搜索...

2019-08-22

303浏览

0评论

jQuery remove()过滤被删除的元素

jQuery remove() 方法也可接受一个参数，允许您对被删元素进行过滤。该参数可以是任何 jquery 选择器的语法。下面的例子删除 class="italic" 的所有 <p> 元素：<!DOCTYPE html>...

2019-08-22

438浏览

0评论

javascript实现汉字转拼音代码实例

js代码：function arraySearch(l1,l2){ for (var name in PinYin){ if (PinYin[name].indexOf(l1)!=-1) { return name; break; } } return false;}核心代码：var...

2019-08-22

439浏览

0评论

JS生成当前页面URL二维码

在页面中加入当前页面URL的二维码，方便用户扫码到手机上无缝浏览，JS和HTML代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict....

2019-08-21

718浏览

0评论

超链接 a href 通过post方式提交表单的方法

我们知道超链接一般是通过get方式提交表单的，如下列子：<a href='oneGetAllCultivateEndCertificateServlet?page=1&hiddenA=A'><font color='#000000'>首页</font></a>如果想...

2019-08-09

347浏览

0评论

微信测试“PC端打开小程序”能力支持windows7及以上版本

8月9日消息:近日，微信方面透露，微信正在测试“PC端支持打开小程序”能力。据微信开放社区显示，微信 PC 版新版本中，支持打开聊天中分享的小程序，开发者可下载安装微信...

微信

2019-08-09

281浏览

0评论

jquery版轮播图效果和extend扩展

本文实例为大家分享了jquery版本轮播图及extend扩展的具体代码，供大家参考，具体内容如下具体代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl...

2019-08-08

520浏览

0评论

解决jquery validate对隐藏元素hidden不进行验证的方法

validation默认不会对hidden元素进行验证的，我们得自己设置一下ignore: “”,很简单吧，代码如下：$("#fyform").validate({ ignore: "",//不验证的元素 rules:{ ...

2019-08-07

热门文章