随笔分类 - Javascript
摘要:这是通过原生HTML/CSS/JavaScript完成一个日期选择器(datepicker)组件,一个纯手搓的组件的开发。主要包括datepicker静态结构的编写、日历数据的计划获取、组件的渲染以及组件事件的处理。 根据调用时的时间格式参数,可以控制短日期格式或长日期格式。 实现效果(短日期格式)
阅读全文
摘要:要防止或禁止打开浏览器开发者工具,可以采取以下几种方法,但请注意,这些方法并不能完全阻止技术熟练的用户,而是提高一定的安全门槛。以下是一些建议的防范措施: 1,禁用F12快捷键: 通过JavaScript代码可以禁用F12快捷键,阻止用户通过按F12键快速打开开发者工具。例如,可以使用documen
阅读全文
摘要:在HTML中,<a> 标签通常用于创建链接,使用户能够点击并跳转到另一个页面或网址。如果你想在跳转前处理一些事件,你可以使用JavaScript来实现这一功能。 以下是一个简单的示例,展示了如何在用户点击 <a> 链接并在页面跳转之前执行一些JavaScript代码: <!DOCTYPE html>
阅读全文
摘要:本文是在上一篇的基础上改造成 根据输入关键词动态筛选选项列表,然后实现多项选择并且关键词高亮。 上一篇:带有多选和突出显示关键字的自定义下拉选择框(静态) >> 带有多选和突出显示关键字的自定义下拉选择框: Custom Dropdown Select Box with Multiple Selec
阅读全文
摘要:数组的遍历、插入、删除操作 在JavaScript中,数组是一种常见的数据结构,可以包含多个元素,并且可以进行遍历、插入和删除等操作。下面分别介绍数组的遍历、插入和删除操作。 1,数组的判断: 代码不能操作空对象(空指针),在操作数组之前,一般建议先判断数组是否为空。 let arr = [1, 2
阅读全文
摘要:带有多选和突出显示关键字的自定义下拉选择框: Custom Dropdown Select Box with Multiple Selection and Highlighting Keywords: 不使用select元素,用div、ul、li、span元素实现带有多选和突出显示关键字的自定义下拉
阅读全文
摘要:JavaScript 的 addEventListener 方法允许你为指定的 HTML 元素添加事件监听器。以下是一些常见的事件类型,可以使用 addEventListener 来监听它们: 1,点击事件 (click) 点击事件 (click): 当用户点击元素时触发。 element.addE
阅读全文
摘要:在JavaScript中,classList 是一个DOM元素属性,它提供了一组方法来添加、移除和切换元素的类名。classList 属性返回一个 DOMTokenList 集合,表示元素的类名。 这个集合提供了几个非常有用的方法,我们可以方便地对元素的类名进行操作,包括添加、移除、切换类名等。 1
阅读全文
摘要:在JavaScript语言里有个 Math.random() 随机函数,用于生成指定范围内的随机数。 #### Math.random()函数 根据官方的定义: **Math.random()** 函数返回一个浮点数, 伪随机数在范围[0,1),也就是说,从0(包括0)往上,但是不包括1(排除1),
阅读全文
摘要:JS获取字符串实际长度(双字节字符、汉字算两个字符) //第一种 GetLength = function(str) { var realLength = 0; for (var i = 0; i < str.length; i++) { charCode = str.charCodeAt(i);
阅读全文
摘要:一、前言 在MVVM模式下,有个双向数据绑定(data-binding)的优势,可以通过viewmodel实时的监听用户操作,也可以将model的改动实时的反馈到界面上。 那么,在传统的js操控DOM的情况下如何实现呢? 下面我们以输入框(input)为例,对用户的操作进行监听,并实时的反馈给用户
阅读全文
摘要:asp.net新建一个服务端程序,用来处理链接服务端: 1,新建一个处理程序 .ashx using System; using System.Collections.Generic; using System.Linq; using System.Net.WebSockets; using Sys
阅读全文
摘要:js 监听ios手机键盘弹起和收起的事件 关于ios键盘弹起 body的高度拉长,页面底部空白问题当输入框失去焦点时,ios手机键盘收起,将滚动条改为0,如下: ios软键盘将页面抵到上面后,关闭软键盘页面不回弹这个问题有时候会导致弹出框确定按钮失效等一系列问题, 解决办法:失去焦点时将页面滚动到底
阅读全文
摘要:轮盘抽奖基本原理:1,通过设置CSS样式的position属性,z-index属性等实现背景图,转盘图与指针图的层叠摆放;2,通过设置元素style.transform = "rotate(0deg)"实现旋转效果。
阅读全文
摘要:typeof ECMAScript 有 5 种原始类型(primitive type),即 Undefined、Null、Boolean、Number 和 String。我们都知道可以使用typeof运算符求得一个变量的类型,但是对引用类型变量却只会返回object,也就是说typeof只能正确识别
阅读全文
摘要:在Javascript中判断相等关系有双等号(==)和三等号( )两种。其中双等号(==)是值相等,而三等号( )是严格相等(值及类型是否完全相等)。 因此有几个常识知识: 1、对于string,number等基础类型,==和 是有区别的 1)不同类型间比较,==之比较“转化成同一类型后的值”看“值
阅读全文
摘要:JS实现客户端的网页加密解密技术,可用作选择性隐蔽展示。当然客户端的加密安全度是不能与服务器相提并论,肯定不能用于密码这类内容的加密,但对于一般级别的内容用作展示已经够了。 JS加密与解密的解决方案有很多,本文则利用String对象的charCodeAt()方法和fromCharCode()方法对字
阅读全文
摘要:上传图片到图片服务器,因为域名不同,多以会有跨域问题。 No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://img.xxx.com' is therefore not
阅读全文
摘要:设计模式并不是某一种语言所特有的,而是一种设计理念,本文学习Javascript的设计模式中的工厂设计模式相关知识。音乐播放器的prototype属性可以封装成一个对象,用作父类继承。建立工厂动态生成WangyiMusic或者QQMusic,然后生成一个QQMusic实例,并调用相应的方法。
阅读全文
摘要:对象的私有方法和属性,外部是不可以访问的,在方法的内部不是能this调用对象的公有方法、公有属性、特权方法的。调用公有方法,我们必需先实例化对象,公有方法中通过不this调用公有属性和特权方法,不能使用this调用静态方法和属性,必需裁通过对象本身调用,即对象名,公有方法也不能调用私有方法。特权方法通过this调用公有方法、公有属性,通过对象本身调用静态方法和属性,在方法体内直接调用私有属性和私有方法。使用静态方法时,无需实例化对象,便可以调用,对象实例不能调用对象的静态方法,只能调用实例自身的静态属性和方法。只包含静态属性和静态方法的类叫静态类,不能被实例化。
阅读全文