JavaScript
文章平均质量分 63
小圣贤君
万丈红尘一码农
展开
-
JavaScript快速入门
JavaScript是互联网上最流行的脚本语言,这门语言可用于HTML和web。是一种轻量级的编程语言,是可插入HTML页面的编程代码,比较容易学习。下面给出一段代码可以让你快速了解JavaScript的一些特点。<!DOCTYPE html><html><head><meta charset="utf-8"><title>javascript学习</title></head><bo原创 2016-08-18 20:41:14 · 363 阅读 · 0 评论 -
LeetCode题库5:最长回文子串——JavaScript解答
题目描述:给定一个字符串 s,找到 s 中最长的回文子串。你可以假设 s 的最大长度为1000。示例 1:输入: “babad” 输出: “bab” 注意: "aba"也是一个有效答案。 示例 2:输入: “cbbd” 输出: “bb”解答方案:/** * @param {string} s * @return {string} */var longestPalindrom...原创 2018-09-28 11:06:05 · 1601 阅读 · 0 评论 -
LeetCode题库7:反转整数——JavaScript解答
题目描述:给定一个 32 位有符号整数,将整数中的数字进行反转。示例 1:输入: 123 输出: 321示例 2:输入: -123 输出: -321示例 3:输入: 120 输出: 21 注意:假设我们的环境只能存储 32 位有符号整数,其数值范围是 [−231, 231 − 1]。根据这个假设,如果反转后的整数溢出,则返回 0。解答方案:/** * @param {n...原创 2018-10-09 19:05:48 · 475 阅读 · 0 评论 -
LeetCode答案汇总(持续更新...)
点击这里就可以直达答案库答案大部分都是以JavaScript语言作为解答语言,部分会有java解答答案,笔者会不定期更新答案库,因为每一题都是笔者一题题做出来的,所以更新速度可能会比较缓慢。每一题都有用时ms数,如果读者有更好的解答方案,可以直接留言更新。欢迎关注博主——小圣贤君,有问题可以留言哦~...原创 2019-01-16 18:21:43 · 1243 阅读 · 3 评论 -
LeetCode题库11:盛最多水的容器——JavaScript解答
题目描述:给定 n 个非负整数 a1,a2,…,an,每个数代表坐标中的一个点 (i, ai) 。在坐标内画 n 条垂直线,垂直线 i的两个端点分别为 (i, ai) 和 (i, 0)。找出其中的两条线,使得它们与 x 轴共同构成的容器可以容纳最多的水。说明:你不能倾斜容器,且 n 的值至少为 2。图中垂直线代表输入数组 [1,8,6,2,5,4,8,3,7]。在此情况下,容器能够容纳...原创 2018-10-11 18:14:38 · 429 阅读 · 0 评论 -
LeetCode题库10:正则表达式匹配——JavaScript解答
题目描述:给定一个字符串 (s) 和一个字符模式 §。实现支持 ‘.’ 和 ‘*’ 的正则表达式匹配。‘.’ 匹配任意单个字符。‘*’ 匹配零个或多个前面的元素。匹配应该覆盖整个字符串 (s) ,而不是部分字符串。说明:s 可能为空,且只包含从 a-z 的小写字母。p 可能为空,且只包含从 a-z 的小写字母,以及字符 . 和 *。示例 1:输入: s = “aa” p = “...原创 2018-10-11 18:10:22 · 876 阅读 · 0 评论 -
js面向对象思想封装拖拽功能,兼容pc和移动端
我们在开发项目过程中,很可能会碰到页面上某块需要可以拖拽移动的功能需求,网上已经有不少前辈分享了相关功能的案例,插件或者代码,但是考虑到项目功能需求,我们可能仅需要实现拖拽移动功能就可以,不需要其他功能,而网上很多插件往往附带了其他功能需求。这里笔者仅对拖拽移动这一功能进行实现,并且采用了js面向对象的思想来实现,请各位读者品鉴,有不足之处还望指正。function Drag(dom) {原创 2017-11-04 15:43:42 · 1118 阅读 · 5 评论 -
javascript中组合使用构造函数模式和原型模式创建对象
首先来讲一下构造函数创建对象。ECMAScript中的构造函数可用来创建特定类型的对象。请看下面示例了解一下构造函数模式:function Person(name, age, job){ this.name = name; this.age = age; this.job = job; this.sayName = sayName;}function sayName原创 2016-09-12 11:26:11 · 2204 阅读 · 0 评论 -
javascript中原型模式创建对象特点分析
在javascript中,我们创建的每个函数都有一个prototype(原型)属性。这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。使用原型对象的好处是可以让多有对象实例共享它所包含的属性和方法。function Person(){}Person.prototype.name = "Dawang";Person.prototype.age = 2原创 2016-09-11 21:41:07 · 1749 阅读 · 0 评论 -
在html中使用javascript注意事项
把javascript插入到html页面中要使用元素。使用这个元素可以把javascript嵌入到html页面中,让脚本与标记混合在一起,也可以使用外部的javascript文件,需要注意的几点有:1.在包含外部javascript文件时,必须将src属性设置为指向相应文件的url。这个文件既可以是与包含它的页面位于同一服务器上的文件,也可以是其他任何域中的文件。2.所有元素都会按照他们在原创 2016-09-05 20:22:00 · 1263 阅读 · 0 评论 -
javascript计时秒表简单设计
这是一个简单的秒表设计,能够实现计时、停止等功能,涉及Window对象中setInterval、location等知识点的应用。<!doctype html><html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">原创 2016-09-14 18:22:21 · 2378 阅读 · 0 评论 -
javascript实现较全功能注册表单
今天笔者仿照京东注册表单,进行设计了一个表单案例,在这个案例中,可以完成常见表单注册的绝大部分功能,比如表单注册信息的验证,校验用户名,校验密码强弱,注册信息的追踪。这其中用到了正则表达式,表单脚本的相关知识点。 请先看效果图: 笔者在这里仅对案例中主要代码进行讲解,读者可以下拉到本博客最后,点击链接进行下载案例全部资源。 这里页面的html代码和css代码不在这里列出,仅就javascr原创 2016-10-09 09:03:13 · 6462 阅读 · 1 评论 -
javascript实现页面滚屏效果
当我们浏览网页的时候,时常会碰到可以滚动屏幕的炫酷网页,今天笔者对这一技术进行简单实现,效果不及读者理想中那般炫酷,主要针对滚屏的技术原理和思想进行分享和分析。本示例在页面右侧有五个数字标签,代表五个页面,点击数字可以切换到对应的页面,滚动鼠标滑轮可以实现数字标签的切换,页面的切换。笔者未对页面的平稳滚动进行实现,读者可自行试验研究。请看代码: 这是html代码:<!doctype html><原创 2016-09-22 20:51:30 · 10605 阅读 · 0 评论 -
javascript实现窗口随着鼠标移动且移动路径重现
现在实现一个挺有趣的示例,页面中出现一个窗口,鼠标在窗口指定位置区域内按下拖动,窗口会随着鼠标一起移动,松开鼠标,停止移动,点击“轨迹重现”,窗口会自动走一遍移动路径。请看代码:<!doctype html><html> <head> <meta charset="UTF-8"> <title>Document</title> <style原创 2016-09-22 22:41:48 · 4691 阅读 · 1 评论 -
javascript操作表格案例讲解
本案例是一个简单表格,通过javascript DOM相关技术,实现对表格的删除更改。案例代码详细的表达了思路分析,适合DOM初学者。<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author"原创 2016-09-20 11:07:33 · 1238 阅读 · 0 评论 -
javascript实现页面中回到顶部功能
当一个页面比较长的时候,在下拉页面到一定长度的时候,页面右下角通常会出现一个回到顶部的图标,点击即可以回到页面顶部,本案例对这一功能进行了简单实现。当页面下拉到一定长度后,页面右下角出现一个回到顶部图标,点击之后,页面会滑动到页面顶部,同时回到顶部图标也会消失。适合初学者参考。<!doctype html><html> <head> <meta charset="UTF-8"> <tit原创 2016-09-20 11:37:47 · 4973 阅读 · 0 评论 -
javascript图片轮播技术动态实现
我们经常会在网页中见到轮播的图片,如京东主页面中图片自动更换。我们在这里对这一技术进行实现,主要能够使图片自动进行轮播,数字标签随着图片一同更换,鼠标移动到数字标签上,相应的图片停留,鼠标在整个图片区域内时,图片停止轮播,鼠标离开图片区域,图片继续轮播的功能。请看示例代码: 这是html结构代码:<!DOCTYPE html><html> <head> <meta cha原创 2016-09-20 16:06:39 · 10292 阅读 · 0 评论 -
javascript实现图片放大镜效果
当我们在电商网站上购买商品时,经常会看到这样一种效果,当我们把鼠标放到我们浏览的商品图片上时,会出现类似放大镜一样的一定区域的放大效果,方便消费者观察商品。今天我对这一技术,进行简单实现,实现图片放大镜效果。 我在代码中进行了代码编写的思路的说明和详细的代码注释,方便读者,请看代码:<!doctype html><html> <head> <meta charset="U原创 2016-09-21 21:49:07 · 6190 阅读 · 0 评论 -
javascript购物车实现详细代码讲解
我们肯定都很熟悉商品购物车这一功能,每当我们在某宝某东上购买商品的时候,看中了哪件商品,就会加入购物车中,最后结算。购物车这一功能,方便消费者对商品进行管理,可以添加商品,删除商品,选中购物车中的某一项或几项商品,最后商品总价也会随着消费者的操作随着变化。 现在,笔者对购物车进行了简单实现,能够实现真实购物车当中的大部分功能。在本示例当中,用到了javascript中BOM操作,DOM操作,表格操原创 2016-09-27 21:13:37 · 108099 阅读 · 22 评论 -
html2canvas在安卓端微信里截取从相册打开的图片空白问题
需求描述:在一个页面里显示两张图片,一张静态图,一张用户从相册或者拍照获取的图,然后将这两张图片合并,并保存。问题描述:原创 2019-09-26 14:20:48 · 1438 阅读 · 0 评论