JS实现jQuery的addClass和removeClass功能

jQuery不能用或者jQuery没法及时使用的时候,有需要操作节点的className,就可以用这些代码了。【现代浏览器】element.classList.add(selector);element.classList.remove(sele...

百度小程序怎么做?如何查看小程序ID?

一、注册百度小程序首先我们需要先注册百度小程序,注册流程非常简单,按照官方的要求进行注册就可以了,当我们注册通过之后就可以登录百度只能小程序平台,进行创建我们的第一个小...

jQuery多彩标签云代码 支持F5随机刷新

如果你想在博客侧栏添加一个标签云模块,那么不妨试下这款jQuery多彩标签云吧!jQuery多彩标签云代码不仅支持字体样式随机并且还支持支持F5随机刷新;html代码<div class="demo">...

js生成随机数的方法

这几天一直在研究前台DIV元素的随机定位的问题,而这里面涉及到了JS生成随机数的方法,就下功能研究了一翻,并整理了一些资料以防以后再用得到。JS中Math对象在JS中可以使用 Math...

推荐一款JQ轻量级的幻灯片插件

网站流量大了就需要对网站前台的模版做一些简化工作,一是可以提高网站前台的加载速度,二是如果使用CDN静态资源加速的话可以减少CDN的使用量,尽量的降低网站的成本开支。今天给...

js中md5加密的方法

在web前端js中使用md5加密,可以有效的保障信息在传向后端服务器过程中的安全,同时也可以减少后端二次md5加密计算资源的消耗。由于md5加密的不可破解性,相对来说md5方式的加密...

js实现动态倒计时功能代码

在一些电子商务网站的活动页面常常会出现一些动态倒计时的效果元素,比如离活动开始还有xx小时xx分钟xx秒,离活动结束还有xx小时xx分钟xx秒等,并且时间是动态减少的,非常的引人注...

判断当前网页是否在微信浏览器中打开

这几天一直在与微信内置的浏览器打交道,也总结出一些如何判断当前浏览器环境是否为微信浏览器的小经验(其实代码网上一搜一大把),今天记录一下。判断网页是否在微信浏览器中打,一...

原生click()和onclick()的区别

上一篇文章刚写了关于HTML中的onclick事件,就有小伙件私信问我click方法与onclick事件有什么区别,这篇文章就重点说一说。click()方法原生javascript的click在w3c里边的阐述是...

js设置按钮禁用,js原生加JQ两种方法

网页设计时,如果遇到数据提交或一些其它功能的触发,为了防止用户重复点击。我们就需要让用户在点击某个按钮后,让按钮处于禁用不可点击的存在。今天这篇文章就说说,在利用js和JQ...

JS设为首页和加入收藏的代码

今天有人提出了一个小需求,需要将网站的首页设置为用户浏览器的默认首页,并且网站每个页面可以让用户在浏览器里收藏。在网上找了很多的代码,此时效果不是很理想。不过也记录一...

js字符串替换的方法

php中有对一个字符串中的指定字符进行替换的方法,在web前端 javascript 脚本中也有字符串替换的方法,而且还非常的简单。接下来我们就说一说,javascrpt 中对字符串进行替换的方...

JS获取和设置元素的属性以及属性值

在div元素中自定义一些属性可以很方便传递一些数据,那么这篇文章就说一说,利用 js 来获取DIV元素的属性值,以及如何动态的设置div的属性以及属性值。js 获取DIV的属性值原生 ja...

JavaScript复制文章内容自动加网站版权的方法

现在国内的版权意识越来越强,特别是一些做原创博客的站长们。自己辛辛苦苦写出来的东西,被别人鼠标点几下,就复制走了。有些自觉的复制者们都会带上文章的网站链接,但是大多数的...

利用JS获取当前页面网址及其它参数的方法

在网站的前台使用JS可以做很多的事情,比如利用JS获取当前网页的网址,参数,锚点,通讯协议等等。那么这篇文章就简单的说一下,利用 javascript 获取当前网页网址中部份信息的方法。...

Jquery中几种查找节点的方法

Jquery中有多种可以查找节点的方法,今天这篇文章就说几种简单点的,也在日常中经常用到的。jQuery parent() 方法parent():查找并返回被选元素的父元素语法:$(selector).parent(f...

jQuery 中几种常用的追加元素的方法

jquery 中有很多种追加元素的方法,今天就介绍几种最常用的,做个笔记,记录一下。jQuery append() 方法append():方法可以在被选元素的内部的结尾处插入内容语法:$(selector).appen...

谈谈个人对百度小程序的看法

最近一段时间接到不少网络公司的电话推销百度小程序,大意就是百度小程序所占排名比较好等等,那么我们到底适合做百度小程序吗?在考虑做不做之前,先要确定百度小程序到底排名怎...

搜狗正式上线搜狗输入法小程序平台

最近,随着百度,腾讯,和360等互联网巨头们纷纷入局小程序领域之后,搜狗输入法也瞄上了小程序,并正式推出了搜狗输入法小程序平台。主要应用场景就是“输入法+小程序”据...

微信公众平台推出小程序视频广告和小程序视频前贴广告组件

9月16日 消息:今日,微信公众平台发文称,新增了小程序视频广告组件、小程序视频前贴广告组件,同时升级了流量主数据报表。小程序视频广告组件:流量主在小程序页面内以视频形式展...

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

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

了解微信小程序之wx.showToast

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

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

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

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

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

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

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

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

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

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

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

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

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

js中==和===区别

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

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

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

原生JS实现滚动条

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

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

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

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

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

4个顶级开源JavaScript图表库

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

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

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

JavaScript创建对象方法实例小结

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

JavaScript之Promise对象

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

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

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

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

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

微信小程序之获取并解密用户数据(获取openid,nickName等)

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

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

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

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

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

JavaScript模板引擎原理与用法

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

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

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

JavaScript遍历循环

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

微信小程序 跑马灯效果

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

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

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

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

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

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

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

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

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

返回顶部
顶部