JavaScript
文章平均质量分 98
HolyCode_
理论不懂就实践,实践不会就学理论!
天道酬勤,恒者能胜!
展开
-
chrome插件开发(manifest_version版本V3 + Ant Design Vue)
谷歌浏览器插件是一种小型的定制浏览器体验的程序,通过插件可以自定义浏览器的一些行为来适合个人的需求,例如上面的查看服务器状态插件。在应用商店中下载下来的插件基本上都是以.crx 为文件后缀,该文件其实就是一个压缩包,包括插件所需要的 HTML,Javascript,CSS 、图片资源等等文件。开发 Chrome 插件只需要会 HTML,Javascript,CSS 就可以动手开发了。原创 2022-11-26 17:37:36 · 9699 阅读 · 5 评论 -
javascript 必背笔试题
1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下划线,总长度为5-20var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;reg.test("a1a__a1a__a1a__a1a__");2,截取字符串abcdefg的efgvar str = "abcdefg";if (/efg/.test(str)) { var ef转载 2014-10-15 00:11:24 · 2238 阅读 · 0 评论 -
JavaScript 获取页面宽度高度大全
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth(包括边线的宽)网页可见区域高:document.body.offsetHeight(包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高转载 2014-10-16 00:18:09 · 742 阅读 · 0 评论 -
javascript 中new的含义
javascript中的newjavascript是基于原型(Prototype based)的面向对象的语言,这点不同于我们熟悉的.NET,Java语言,是基于类模式(Class based)。所以javascript中没有类的概念。理解这一点很重要,很多javascript教程为了让读者更容易理解,会套用他们常用的类模式中的概念,这样反而让大家产生歧义。先进段代码,转载 2014-10-15 11:31:50 · 958 阅读 · 0 评论 -
javascript 后台与前台传递json 需要注意换行符 不然报错
a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a'a原创 2014-11-17 16:22:33 · 3613 阅读 · 0 评论 -
javascript 搜索二叉树
Tree.prototype = { constructor: Tree, addItem: function(value) { var Node = { data: value, left: null, right: null }; if (this.root == null) { this.root = Node;原创 2014-10-17 17:40:07 · 1201 阅读 · 0 评论 -
javascript 简单的瀑布流
刚开始接触js,就想写写经典的瀑布流,搜了下网上的教程,发现大多是用jquery写的,非常简单,用它也不用考虑兼容性的问题(jquery已经考虑到了),就想自己用原生的js写个简单的瀑布流模型,暂且没有考虑到拖动时自动排版的情形,以后再添加。(发现用原生的js果然步骤比较多啊!很多方法都很底层的!) waterfall flow body{margin:0p原创 2014-10-16 00:34:11 · 3332 阅读 · 0 评论 -
javascript 链式栈
function Stack() { this.top = null; this.size = 0;}Stack.prototype = { constructor: Stack, push: function(data) { if (data == null) { return false; } else { var Node = { data: dat原创 2014-10-17 10:35:54 · 683 阅读 · 0 评论 -
bootstrap 图片上传实例
html: <input id="specialrecommendfile" type="file" size="30" name="file"> <button type="button" onclick="UploadSpecialRecommendPic()" class="btn btn-warning btn-lg">上传 <input type=hidden class=原创 2014-11-25 20:00:54 · 42028 阅读 · 2 评论 -
javascript 哈夫曼树构造
function Node(data) { this.data = data; this.left = null; this.right = null;}/*测试用例*/var datasarray = [1, 54, 23, 64, 53, 87, 97];function createHufuTree(datasarray) { var nodes = []; /原创 2014-10-19 11:12:30 · 1413 阅读 · 0 评论 -
Struts2+ajax之form表单提交实例
前台form代码: <input name="cName" class="form-control cname" required="" value="输入框1" type="text"> <input name="cName" class="form-control cname" required="" value="输入框2" type="text"> <b原创 2015-11-06 00:12:24 · 7711 阅读 · 1 评论 -
javascript 网页中实现一个计算当年还剩多少时间的倒数计时程序
function counter() { var date = new Date(); var year = date.getFullYear(); var date2 = new Date(year, 11, 30, 23, 59, 59); /*转换成秒*/ var time = (date2 - date) / 1000; var day = Math.floor(ti原创 2014-10-14 23:42:22 · 8087 阅读 · 3 评论 -
javascript 关于局部变量和全局变量
js中函数执行过程不只是单纯的局部变量覆盖全局变量原创 2014-10-04 09:54:29 · 1719 阅读 · 0 评论 -
Javascript 中call的使用
Javascript中call的使用自己感觉蛮纠结的,根据文档很好理解,其实很难确定你是否真正的理解。call 方法应用于:Function 对象调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数:thisObj 可选项。将被用作当前对象的对象。 arg1, arg2,原创 2014-10-03 23:05:13 · 798 阅读 · 0 评论 -
JS操作JSON
JS操作JSONSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 本文首要是对JS操作JSON的要领做下总结。 在JSON中,有两种结构原创 2012-07-20 15:41:52 · 494 阅读 · 0 评论 -
《javascript设计模式》学习笔记一:创建javascript对象的三种方式
《javascript设计模式》学习笔记一:创建javascript对象的三种方式前 天刚入手《javascript设计模式》这本书,猛读了一下,颇有感悟,对javascript面向对象的写法有了进一步的了解,也解答了以前困惑良久的问题,萌发了写笔记的想法,想把这本书的精华分享给想要了解javascript设计模式的朋友们。一、三种创建对象的方式书上有个例子:启动和停止原创 2012-07-20 15:47:05 · 582 阅读 · 0 评论 -
Extjs 4.2 树结点右键菜单(全选,反选,撤销)
自己写的最新版本extjs4.2的树结点的操作,记录一下,以后可能会用到。 var tree = new Ext.tree.TreePanel({flex: 1,animate: true, autoScroll: true,anchor: '100% 93%',store: new Ext.data.TreeStore({root:{expanded: true原创 2014-04-27 16:03:18 · 6163 阅读 · 2 评论 -
Extjs 4.2 设置buttontext为中文
可以在Ext.QuickTips.init();后加入如下代码:Ext.MessageBox.buttonText = { ok : "确定", cancel : "取消", yes : "是", no : "否" };原创 2014-04-27 16:20:16 · 1982 阅读 · 0 评论 -
Jit设置节点图片
jit并没有直接给出设置图片的方法,必须自己修改js源代码,步骤如下:1.设置画布:2.修改jit.js中var NodeHelper = {...}中任意方法。3.修改原有代码为:var ctx = canvas.getCtx();var img=new Image();//新建图像实例img.src="b.jpg";//设置图像源ctx.drawImage(img,原创 2014-04-27 16:11:13 · 1832 阅读 · 0 评论 -
Menu G5 初使用
因为项目需要查看翻阅了一下Menu G5的用法,Menu G5作为一个跨frame框架的js库,使用起来还是比较方便的,但是中文的教程确实比较少,而且现在前台也基本上都用div了,哎,没办法,只能边学边看了。Menu G5的目录结构:css:放置menuG5的默认样式examples:N个使用实例,通过这个学习如何配置和使用,我认为比通过他的Document快多了faq原创 2014-09-10 21:26:08 · 1496 阅读 · 0 评论 -
javascript 继承的几种方式
//js继承有5种实现方式:/*1、继承第一种方式:对象冒充*/function Parent(username) { this.username = username; this.hello = function() { alert(this.username); }}function Child(username, password) { //通过以下3行实现转载 2014-10-13 22:43:52 · 650 阅读 · 0 评论 -
javascript 数组去重
//去除数字元素数组function sortnum(a, b) { return a - b;}Array.prototype.unique1 = function() { this.sort(sortnum); var newnumbers = [this[0]]; for (var i = 0; i < this.length; i++) { if (this[i] !=原创 2014-10-14 01:11:13 · 1881 阅读 · 2 评论 -
javascript 中几种实用的跨域方法原理详解
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题,我们可以使用以下几种方法: 一、通转载 2014-10-14 01:25:09 · 1018 阅读 · 0 评论 -
js 原型链
说到prototype,就不得不先说下new的过程。我们先看看这样一段代码: script type="text/javascript"> var Person = function () { }; var p = new Person(); script>很简单的一段代码,我们来看看这个new究竟做了什么?我们可以把ne转载 2014-10-03 22:40:27 · 744 阅读 · 0 评论 -
js验证码
js验证码完成后:.code{background-image:url(code.jpg);font-family:Arial;font-style:italic;color:Red;border:0;padding:2px 3px;letter-spacing:3px;font-weight:bolder;}.unchanged {bord原创 2012-07-20 15:40:27 · 499 阅读 · 0 评论