搜索[javascript]结果-低调大师优秀个人博客

精选列表

搜索[javascript]，共9005篇文章

JavaScript对象模型-执行模型

Prototype就是Prototype，没有必要强把JavaScript与面向对象概念结合起来， JavaScript只具备有限的面向对象能力，从另外的角度我们可以把它看成函数语言、动态语言，所以它是吸收了多种语言特性的精简版

2018-03-08

注意：避免使用document.write() 没有将结构和行为分开 createElement createTextNode创建元素 insertBefore 是将指定元素插入目标元素的前面需要父元素属性 parentNode就可以得到父元素 insertBefore： var gallery=document.getElementById("sdf"); gallery.insertBefore(new,gallery);gallery insertAfter: 需要自己编写挺有用的 function insertAfter(new,old){ var parent=old.parentNode; if(parent.lastChild==old){ parent.appendChild(new); }else{ old.insertBefore(new,old.nextSibling); } } innerHTML的使用： var test=document.getElementById("tes"); test.innerHTML="inserted this content."; 显示的值是inserted this content. 注意：DOM方法如 setAttribute 方法并未改变文档的物理内容如果用文本编辑器而不是浏览器去打开的话根本看不到变化因为浏览器实际显示的是那颗DOM节点树在浏览器看来DOM节点树才是文档所以动态创建标记并不是创建标记而是改变DOM节点树。创建元素：var para=document.createElement("p"); 一般创建出来就赋值给一个变量 var para=document.createElement("p"); var testdiv=document.getElementById("testDiv"); testdiv.appendChild(para); 和 testdiv.appendChild(document.createElement("p")); 创建文本元素： var para=document.createElement("p"); var testdiv=document.getElementById("testdiv"); var testdiv.appendChild(para); var txt=document.createTextNode("hello world"); para.appendChild(txt); 如果创建更复杂的组合呢？如 this is my content. function(){ var txt1=document.createTextNode("this is "); var emx=document.createElement("em"); var txt2=document.createTextNode("my"); var txt3=document.createTextNode("content."); var para=document.createElement("p"); para.appendChild(txt1); para.appendChild(emx); emx.appendChild(txt2); para.appendChild(txt3);vv var textdiv=document.getElementById("divTe"); testdiv.appendChild(para); } 重回图片库： html中的一个图片和文字仅仅是为了showPic服务这些元素的存在只是为了让DOMD来处理他们呢那么只能用DOM的方法来创建他们就好了 var placeholder=document.createElement("img"); placeholder.setAttribute("src","xx.gif"); placeholder.setAttribute("id","sdf"); var decription=document.createElement("p"); decription.setAttribute("id","zzz"); var desctext=document.createTextNode("choose an image"); decription.appendChild(desctext); 可以直接最佳到body元素节点后面 document.getElementByTagName("body")[0].appendChild(placeholder); document.getElementByTagName("body")[0].appendChild(decription); 也可以用HTML-DOM document.body.appendChild(placeholder); document.body.appendChild(decription); 最后图片库改进后的结果是： function insertAfter(new,old){ var parent=old.parentNode; if(parent.lastChild==old){ parent.appendChild(new); }else{ old.insertBefore(new,old.nextSibling); } } function prepare(){ if(!document.createElement) return false; if(!document.createTextNode) return false; if(!document.getElementById) return false; if(!document.getElementById("imagegallery")) return false; var placeholder=document.createElement("img"); placeholder.setAttribute("src","xx.gif"); placeholder.setAttribute("id","sdf"); var decription=document.createElement("p"); decription.setAttribute("id","zzz"); var desctext=document.createTextNode("choose an image"); decription.appendChild(desctext); var gallery=document.getElementById("imageallery"); insertAfter(placeholder,gallery); insertAfter(decription,placeholder); }

2018-02-05

JavaScript 观察者模式

JavaScript中的观察者模式在JavaScript中观察者模式的实现主要用事件模型。

2018-01-25

BlackCat的JavaScript入门之路

JavaScript的条件控制 JavaScript条件语句分为三种：if、if/else、switch。

2018-01-21

javascript 数据类型判断

JavaScript一共有六种数据类型，分为原始类型（又名基本类型）和对象类型（又名引用类型）原始类型有五种，分别为number，string，boolean，undefined，null五种。

2018-01-16

Javascript MVC Frameworks

http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/ 11.16.1.Backbone http://backbonejs.org

2018-01-09

JavaScript 代码混淆

11.14.1.JavaScript Packer http://joliclic.free.fr/php/javascript-packer/index.php 原文出处：Netkiller 系列手札

2018-01-09

JavaScript之map的使用

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 /* *MAP对象，实现MAP功能 * *接口： *size()获取MAP元素个数 *isEmpty()判断MAP是否为空 *clear()删除MAP所有元素 *put(key,value)向MAP中增加元素（key,value) *remove(key)删除指定KEY的元素，成功返回True，失败返回False *get(key)获取指定KEY的元素值VALUE，失败返回NULL *element(index)获取指定索引的元素（使用element.key，element.value获取KEY和VALUE），失败返回NULL *containsKey(key)判断MAP中是否含有指定KEY的元素 *containsValue(value)判断MAP中是否含有指定VALUE的元素 *values()获取MAP中所有VALUE的数组（ARRAY） *keys()获取MAP中所有KEY的数组（ARRAY） * *例子： *varmap=newMap(); * *map.put("key","value"); *varval=map.get("key") *…… * */ function Map(){ this .elements= new Array(); //获取MAP元素个数 this .size= function (){ return this .elements.length; }; //判断MAP是否为空 this .isEmpty= function (){ return ( this .elements.length<1); }; //删除MAP所有元素 this .clear= function (){ this .elements= new Array(); }; //向MAP中增加元素（key,value) this .put= function (_key,_value){ this .elements.push({ key:_key, value:_value }); }; //删除指定KEY的元素，成功返回True，失败返回False this .removeByKey= function (_key){ var bln= false ; try { for (i=0;i< this .elements.length;i++){ if ( this .elements[i].key==_key){ this .elements.splice(i,1); return true ; } } } catch (e){ bln= false ; } return bln; }; //删除指定VALUE的元素，成功返回True，失败返回False this .removeByValue= function (_value){ //removeByValueAndKey var bln= false ; try { for (i=0;i< this .elements.length;i++){ if ( this .elements[i].value==_value){ this .elements.splice(i,1); return true ; } } } catch (e){ bln= false ; } return bln; }; //删除指定VALUE的元素，成功返回True，失败返回False this .removeByValueAndKey= function (_key,_value){ var bln= false ; try { for (i=0;i< this .elements.length;i++){ if ( this .elements[i].value==_value&& this .elements[i].key==_key){ this .elements.splice(i,1); return true ; } } } catch (e){ bln= false ; } return bln; }; //获取指定KEY的元素值VALUE，失败返回NULL this .get= function (_key){ try { for (i=0;i< this .elements.length;i++){ if ( this .elements[i].key==_key){ return this .elements[i].value; } } } catch (e){ return false ; } return false ; }; //获取指定索引的元素（使用element.key，element.value获取KEY和VALUE），失败返回NULL this .element= function (_index){ if (_index<0||_index>= this .elements.length){ return null ; } return this .elements[_index]; }; //判断MAP中是否含有指定KEY的元素 this .containsKey= function (_key){ var bln= false ; try { for (i=0;i< this .elements.length;i++){ if ( this .elements[i].key==_key){ bln= true ; } } } catch (e){ bln= false ; } return bln; }; //判断MAP中是否含有指定VALUE的元素 this .containsValue= function (_value){ var bln= false ; try { for (i=0;i< this .elements.length;i++){ if ( this .elements[i].value==_value){ bln= true ; } } } catch (e){ bln= false ; } return bln; }; //判断MAP中是否含有指定VALUE的元素 this .containsObj= function (_key,_value){ var bln= false ; try { for (i=0;i< this .elements.length;i++){ if ( this .elements[i].value==_value&& this .elements[i].key==_key){ bln= true ; } } } catch (e){ bln= false ; } return bln; }; //获取MAP中所有VALUE的数组（ARRAY） this .values= function (){ var arr= new Array(); for (i=0;i< this .elements.length;i++){ arr.push( this .elements[i].value); } return arr; }; //获取MAP中所有VALUE的数组（ARRAY） this .valuesByKey= function (_key){ var arr= new Array(); for (i=0;i< this .elements.length;i++){ if ( this .elements[i].key==_key){ arr.push( this .elements[i].value); } } return arr; }; //获取MAP中所有KEY的数组（ARRAY） this .keys= function (){ var arr= new Array(); for (i=0;i< this .elements.length;i++){ arr.push( this .elements[i].key); } return arr; }; //获取key通过value this .keysByValue= function (_value){ var arr= new Array(); for (i=0;i< this .elements.length;i++){ if (_value== this .elements[i].value){ arr.push( this .elements[i].key); } } return arr; }; //获取MAP中所有KEY的数组（ARRAY） this .keysRemoveDuplicate= function (){ var arr= new Array(); for (i=0;i< this .elements.length;i++){ var flag= true ; for ( var j=0;j<arr.length;j++){ if (arr[j]== this .elements[i].key){ flag= false ; break ; } } if (flag){ arr.push( this .elements[i].key); } } return arr; }; } 转载链接：http://www.cnblogs.com/fengys-moving/archive/2012/08/26/2657417.html

2017-12-31

iOS: 在Object-C中监听javascript事件（ Javascript communicating back with Obje...

在iOS开发之Objective-C与JavaScript交互操作中我们可以通过stringByEvaluatingJavaScriptFromString 去实现在obj-C中获取到相关节点属性，添加

2017-09-12

Javascript Typescript Typescript Scaffold 实用指南

# Javascript Typescript Typescript Scaffold 实用指南 > 导读：本文整理自开源社区 Agent Skills 合集的中文翻译版本，围绕 You are a TypeScript

2026-08-29

JavaScript函数：代码的积木块

函数让代码变得模块化、可维护，是JavaScript开发中最核心的构建块之一。

2026-08-05

Rust 全面对比 JavaScript/TypeScript

JetBrains 发文将常年被认为是竞争对手的 Rust 和 JavaScript/TypeScript 语言进行了一个全面的对比，深入探讨 Rust 和 JavaScript/TypeScript

2026-03-13

JavaScript Set 全新方法

Mozilla开发者博客宣布，JavaScript Set迎来了一系列新方法，这些方法已经在大多数主流浏览器引擎（从Firefox 127开始）中得到支持。

2024-06-25

Ollama 发布 Python 和 JavaScript 库

Ollama Python 和 JavaScript 库的初始版本现已推出： Ollama Python Library Ollama JavaScript Library 这两个库都可以通过几行代码将新的和现有的应用程序与

2024-01-25

深入了解 JavaScript 内存泄漏

作者：京东零售谢天在任何语言开发的过程中，对于内存的管理都非常重要，JavaScript 也不例外。

2023-03-21

彻底弄懂Javascript模块导入导出

笔者开始学习Javascript的时候，对模块不太懂，不知道怎么导入模块，导出模块，就胡乱一通试比如 import xx from 'test.js' 不起作用，就加个括号 import {xx} from

2022-12-24

CoffeeScript 2.7.0 发布，JavaScript 转译语言

CoffeeScript是一套JavaScript转译语言，它会将类似 Ruby 语法的代码编译成 JavaScript，而且大部分结构都相似。CoffeeScript 拥有更严格的语法。

2022-04-25

JavaScript的事件循环机制浅析

前言 JavaScript是一门单线程的弱类型语言，但是我们在开发中，经常会遇到一些需要异步或者等待的处理操作。类似ajax，亦或者ES6中新增的promise操作用于处理一些回调函数等。

2022-03-16

常用的前端JavaScript方法封装

type === 'js') { // 外部js ref = document.createElement('script') ref.setAttribute('type', 'text/JavaScript

2021-12-02

JavaScript 字节单位换算函数【详解】

我们可以看到，这个函数中的核心运算是对数运算和指数运算，JavaScript 中的 Math.log() 函数是对数运算，需要强调的一点是，它是自然对数运算（以 e 为底）。

2021-11-03

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。