用法描述：比如数组arr中的数据渲染到视图中，首先在script标签中遍历arr数组，然后通过document.getElementById 去创建一个节点（孤儿节点），然后在把遍历的数据给每一个孤儿节点，
首先想一想我们有哪些需求？大多时候我们需要将一个File对象压缩之后再变为File对象传入到远程图片服务器；有时候我们也需要将一个base64字符串压缩之后再变为base64字符串传入到远程数据库；有时候后它还有可能是一块canvas画布，或者是一个Image对象，或者直接就是一个图片的url地址，我们需要将它们压缩上传到远程；
安装： npm i -D webpack webpack-cli webpack-dev-server
JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到中：
什么是 AST？AST 是 Abstract Syntax Tree 的首字母的缩写，中文名称为：抽象语法树抽象语法树本质上就是一个 JS 对象，以字符串的视角，将 Html 标签 解析为 JS 对象渲染函数（h 函数），既是 AST 的产物，也是 vnode 的起源h('div', { attrs: { className: 'box' } }, [ h('ul', {}, [ h('li', {}, '1'), h('li', {}, '2'), h('l
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/169370.html原文链接：https://javaforall.cn
两个数字相加，返回数字相加的和；两个字符串相加，变量会连接成一个字符串；如果数字与字符串相加，返回字符串。
其中，Vue 中的列表渲染指令 v-for就是一种模板引擎。而**插值表达式{{}}`**便是本次要研究的` mustache模板引擎`的语法 ## 将数据变为视图的方法 ### 纯 DOM 法 很笨拙。需要频繁创建节点，添加数据，添加节点。
JS中的数据类型分为 【基本数据类型】 数字 number 字符串 string 布尔 boolean 空 null 未定义 undefined 【引用数据类型】 对象 object - 普通对象 - 数组对象 (Array) - 正则对象 (RegExp) - 日期对象 (Date) - 数学函数 (Math) ... 函数 function
非可变性是函数式编程的一个核心规则，对于面向对象编程也有很多用处。本文为参考sitepoint（参考链接1）中的文章后所记录的一些主要内容。
str.lastIndexOf(start)// " Index " 的 " I " 大写
上一期堡堡给大家讲解了简单的页面交互效果 - 点击块，让块动起来，让我们更清晰的了解JS逻辑和DOM的结合。如果想具体了解点击块，让块动起来，可以回复“交互”到“HTML5学堂”公众号。而今天我们主要讲解JS简单页面交互实战 - 点击按钮实现求和功能。 Tips：由于上一期的文章篇幅过长，微信的文章有字数要求，所以小编把部分的内容（作用域）放到这一期进行讲解。 继上一期的内容 - 作用域 作用域 我们知道函数就是把多条语句封装起来，那封装起来了，在其它地方能否访问的到？具体看下面的实例。 实例： var n
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getEl
栈（stack）又名堆栈，它是一种运算受限的线性表，仅在表尾能进行插入和删除操作。这一端被称为栈顶，相对地，把另一端称为栈底。
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById(
总结几条Javascript实用的语句，供新手快速学习入门，相信会对你有很大的帮助。
==不像===那样严格，对于一般情况，只要值相等，就返回true，但==还涉及一些类型转换，它的转换规则如下：
ng内置了九种过滤器，使用方法都非常简单，看文档即懂。不过为了以后不去翻它的文档，还是做一个详细的记录。
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
解析XML文件是开发中常见的需求之一。为了以一种简单易用的方式访问XML数据，你可能不想编译一个C解析器，而是想寻找一个更方便的解决方案。那么，xml2js就是你需要的工具！xml2js是一个简单的XML到JavaScript对象转换器，支持双向转换。它使用了sax-js和xmlbuilder-js这两个工具库。
在正式的学习JavaScript之前，我们先来学习一些小工具，帮助我们更好的学习和理解后面的内容。
这是前端的JavaScript和JQuery的基础使用，对于日常使用来说，这些代码足够了。我写代码的时候经常忘记，写下常用的代码，用的时候直接看这些，免得再去百度了。文章内容以例子为主，一个例子胜过千言万语。
过滤，顾名思义，就是将提交上来的数据中的敏感词汇直接过滤掉。例如对"<script>"、""、""等标签进行过滤，有的是直接删除这类标签中的内容，有的是过滤掉之类标签中的on事件或是'javascript'等字符串，让他们达不到预期的DOM效果。
数组的操作 ---- Array.prototype.toString ( ) 把数组转变为字符串，返回字符串，arr.toString(); ---- Array.prototype.toLocaleString ( ) 这个也是把数组转变为字符串，返回字符串，但是带有本地字符串格式，主要是日期方面有不一样，arr.toString(); ---- Array.prototype.concat ( [ item1 [ , item2 [ , … ] ] ] ) 把数组链接在目标数组上，并且返回目标数组，t
引用jquery.form <script type="text/javascript" src="http://libs.useso.com/js/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="http://libs.useso.com/js/jquery.form/3.50/jquery.form.min.js"></script> ajaxSubmit与ajaxForm 提交配置参数 var opti
ASCII,ISO-8859-1,GB2312,GNBK,UTF-8,UTF-16等
最近.NET7.0和C#11相继发布，笔者也是第一时间就用上了C#11，其中C#11的有一个更新能解决困扰我多年的问题，也就是文章的标题原始字符串。
alert 需要等到alert弹出框，点击确定关闭后，后面的代码才执行 – alert会阻碍住线程的渲染 alert弹出的内容都会默认转换为字符串 – 调用toString 其他类型转数字类型 字符串转数字 空字符串转数字=>0 Symbol转数字 不能把Symbol类型转换为数字，否则报错 parseFloat、parseInt parseFloat比parseInt多识别一位小数点 字符串拼接 只要加号两边的任意一边出现字符串，则变为字符串拼接 对象转数字时需要先转换为字符串，变为字符串之后则直接拼接，
let 的作用域与 const 命令相同：只在声明所在的块级作用域内有效。且不存在变量提升 。
经常会遇到对比两个值大小关系的逻辑，常规的处理中我们都是处理两个数字或者数字类型的字符串。那么这里进行延伸拓展的练习，来避免一些开发中的采坑。
MD5算法 密码在数据库当中是如何存储的?明文还是密文？ 很显然做为一家负责人的公司密码应该采用密文在数据库中存储 这样做即使数据库被攻破密码采用了加密也不会得到泄露 MD5算法介绍 MD5是一种
最近在做结算系统，经常需要用到金额保留两位小数，刚开始我一直用的是Angular中的过滤器number |2，但是，这无法满足我的需求。问题是，当用户离开文本框时，我需要将用户输入的内容转换成保留两位小数的格式，我想了好久，没有想出来，然后我试了toFined()方法，这个方法也不可行，因为它将数据转换成了字符串，传给后台是错的。然后，我就找了其他方法。现在刚好有空，所以就把相关保留两位小数的方法总结了一下，不同的场景用不同的方法，即用即取。
3.给定一个整数数组 a，其中1≤a[i]≤sn（n为数组长度），其中有些元素出现两次而其他元素出现一次。找到所有出现两次的元素。你可以不用到任何额外空间并在O（n）时间复杂度内解决这个问题吗？ function findRepeat2Element (arr: number [ ]) i // TODO: ｝
给定一个非负整数N，找出小于或等于N的最大的整数，同时这个整数需要满足其各个位数上的数字是单调递增。当且仅当每个相邻位数上的数字x和y满足x <= y时，我们称这个整数是单调递增的。
看了光哥的文章，自己写了两遍找了找感觉，很神奇，光哥的文章地址：手写一个 ts-node 来深入理解它的原理
webpack做的事情，仅仅是分析出各种模块的依赖关系，然后形成资源列表，最终打包生成到指定的文件中。 更多的功能需要借助loaders和plugins完成。比如说：在代码中有一张图片需要进行打包，webpack可以把图片读出来，但是不能将图片当做js代码来读，所以需要一个加载器loader来帮助我们把图片的二进制数据转变为js代码，loader的作用说白了就是将一种形式的代码通过逻辑转变成另一种形式的代码，转换后的代码webpack就能识别了。loader的功能定位是转换代码
作为新手，第一次接触json，连它是什么，估计都不知道吧，json其实是一种数据交换格式，是基于一种文本格式，可以解析以及生成。换另一种方式来说，是可以将json内容转变为json文件进行格式化，当然如果转化过程中，格式出现了问题，还能够提醒。接下来我们具体来看看json在线解析吧。
从接触 vue 到工作中用到 vue 将近 2 年了，在开发 vue 项目中用到了很多 es6 的 api ，es6 给我的开发带来了很大便利。
Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：
何时: 只要给定的数据类型和运算要求的数据类型不相符，都要先转化数据类型，再执行运算
借鉴java的管理机制，c的函数，最开始交Mocha,后改为LiveScript,当时java特别火，和sun公司合作以后改名为JavaScript。（与java毫无关系）
在移动右指针时,如果新加入的字符没有出现过,或者出现次数没有超过2次,我们就扩大窗口,并更新最大长度。
往往在此时你会发现，这里的正则语法和 Javascript 等语言中虽然大部分相同，但还是有些差异，用起来处于一种 “会，但不完全会” 的奇怪叠加态。
过滤器（filter）正如其名，作用就是接收一个输入，通过某个规则进行处理，然后返回处理后的结果。 主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。 ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。总共九种。 除此之外还可以自定义过滤器，这个就强大了，可以满足任何要求的
mongodb11天之屠龙宝刀（九）js函数入门：MongoDB基于js的数据类型修改 原文连接：直通车 Mongodb并不提供Alter table这样的语句或者工具修改字段类型，只能写程序转。
漏洞知识库 网络安全/渗透测试/代码审计/ 关注 Dom Xss实例 [Discuz X2.5] 我们教程的DOM XSS就到这里了。最后再给大家送上一个实例。希望大家能够体会到：XSS的上下文非常重要，如何结合上下文，利用未过滤字符，合理的构造，才是成功的关键。 哎，近几天相信别人有世界末日，跑到一个方舟里避难去了。结果3天过后，我发现世界还是如此的精彩，如此的辉煌，我就又出来了。咱们继续。 这年头，码字不容易，求月票。 1. 我们直接看实例点。 http://www.discuz.net/connec
最近在学习typeScript，因为公司估计需要使用。同样是学习笔记，写文章的意图就在于复习总结一下之前的学习，顺带着积累写文章的感觉，在这个人人都是自媒体的时代，也能不被落的太远。
mongodb11天之屠龙宝刀（九）js函数入门：MongoDB基于js的数据类型修改 Mongodb并不提供Alter table这样的语句或者工具修改字段类型，只能写程序转。 数据类型 基本数据类型 MongoDB的文件存储格式为BSON,同JSON一样支持往其它文档对象和数组中再插入文档对象和数组，同时扩展了JSON的数据类型.与数据库打交道的那些应用。例如，JSON没有日期类型，这会使得处理本来简单的日期问题变得非常繁琐。只有一种数字类型，没法区分浮点数和整数，更不能区分32位和64位数
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
