Web技术
文章平均质量分 72
web前端
科技颠覆未来
金融+科技
Think-持续重构知识体系框架
展开
-
JS——ES6、ES7、ES8、ES9、ES10介绍
ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMA-417。关于ECMA的最新资讯可以浏览ECMA news查看。ECMA规范最终由TC39敲定。TC39由包括浏览器厂商在内的各方组成,他们开会推动JavaScript提案沿着一条严格的发展道路前进。Stage 0: strawman——最初想法的提交。原创 2024-05-08 15:31:05 · 1878 阅读 · 0 评论 -
JS——判断节假日(假日包括周末,不包括调休上班的周末)
创建两个数组,数组1为节假日数组,数组2为是周末上班日期数组。如果当前日期(或某日期)同时满足如下2个条件即为节假日,否则即为非假日。(1)在节假日数组内或在周末。(2)不在周末上班日期数组。原创 2024-04-03 19:06:58 · 1413 阅读 · 0 评论 -
JS——indexOf 方法详解(检索字符串、数字、数组)
备注:三等号(===)是一种严格类型相等运算符,它比较两个值的类型和值是否都相等,如果类型不同或值不同,返回 false。第一种写法简单直接,对于已知的较短的数字也不是不可行。这里用的是严格等于(===)。看到这里有个小点就是 indexOf 会做简单的类型转换,把数字转换成字符串 '2' 然后再执行。搜索将从指定位置开始,如果未指定开始位置,则从头开始,并在数组末尾结束搜索。indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。注释:第一项的位置为 0,第二项的位置为 1,依此类推。原创 2024-04-03 12:02:49 · 10502 阅读 · 0 评论 -
JS——三维评分确定客户等级
如下图,目前有ABC三个维度的评分,每个维度有10个得分区间,客户评分落在1-4区间则等级为E,落在5—8区间则等级为D,落在9-10区间则等级为C,C为对称对称轴,B和D对称,A和E对称。:以C维为垂直线,AB形成平面,从上往下切割为10层,依次形成10层平面,分别列出10层得分,最后基于10层评分写代码。原创 2024-03-26 09:40:26 · 303 阅读 · 0 评论 -
JS——10大陷阱
因为[1,2,3]和[1,2,3]是两个不同的数组,只是它们的元素碰巧相同。因此,不能简单的通过`===`来判断。3>2>1 返回值为false(原因:3>2为true,会默认转成数字1,1>1为false)1原创 2024-03-22 22:05:03 · 894 阅读 · 0 评论 -
JS——局部变量和全局变量,隐式声明和显示声明
JavaScript声明变量可以用var声明,也可以不用var声明,两种声明变量的方式有什么区别呢?JavaScript变量分为局部变量和全局变量在函数中用var声明的变量即为局部变量在函数外用var声明的变量即为全局变量使用var声明变量也叫显示声明,不用var声明变量也叫隐式声明(1)区别一:在函数外,用var声明的变量为全局变量,不用var声明的变量为全局变量在函数中,用var声明的变量为局部变量,不用var声明的变量为全局变量除了作用域的区别以外// demo5// 使用var声明。转载 2024-01-18 08:50:29 · 367 阅读 · 0 评论 -
JS——日期字符串yyyymmdd转yyyy-mm-dd的两种方法
1、年月日转换2、年月日时分秒} else {原创 2023-11-20 15:47:01 · 8215 阅读 · 0 评论 -
正则表达式——^的两种用法
比如: /[^a-z\s]/会匹配"my 3 sisters"中的"3" 这里的”^”的意思是字符类的否定,上面的正则表达式的意思是匹配不是(a到z和空白字符)的字符。比如 /^A/会匹配"An e"中的A,但是不会匹配"ab A"中的A。经过对比,只要是”^”这个字符是在中括号”[]”中被使用的话就是表示字符类的否定,如果不是的话就是表示限定开头。其实也就是说”[]”代表的是一个字符集,”^”只有在字符集中才是反向字符集的意思。[^a]表示“匹配除了a的任意字符”。用法一: 限定开头。原创 2023-10-09 16:41:19 · 1004 阅读 · 0 评论 -
js正则表达式大全(转)
此时rs的值为null,如果加入g,rs的值仍然为null,如果加入m,则rs的值为{bj}(也就是说,在第一行没有找到匹配,因为有参数m,所以可以继续去下面的行去找是否有匹配),如果m和g都加上,则返回{bj,b7}(只加m不加g说明,可以去多行进行匹配,但是找到一个匹配后就返回,加入g表明将多行中所有的匹配返回,当然对于match方法是如此,对于exec呢,则需要执行多次才能依次返回)" 号,则可以使匹配次数不定的表达式尽可能少的匹配,使可匹配可不匹配的表达式,尽可能的 "不匹配"。原创 2022-11-22 19:49:02 · 1048 阅读 · 0 评论 -
Spring Boot实战:Restful API的构建
在现在的开发流程中,为了最大程度实现前后端的分离,通常后端接口只提供数据接口,由前端通过Ajax请求从后端获取数据并进行渲染再展示给用户。我们用的最多的方式就是后端会返回给前端一个JSON字符串,前端解析JSON字符串生成JavaScript的对象,然后再做处理。本文就来演示一下Spring boot如何实现这种模式,本文重点会讲解如何设计一个Restful的API,并通过Spring boot来实现相关的API。不过,为了大家更好的了解Restful风格的API,我们先设计一个传统的数据返回接口,这样原创 2021-12-07 15:49:15 · 321 阅读 · 0 评论 -
四个div并列一行展示
.first { float:left; display:inline; width:22%; line-height:35px; height: 35px; } .second{ float:left; display:inline; width:25%原创 2013-05-07 16:04:45 · 6916 阅读 · 0 评论 -
HTML解析原理
Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验 简单地说,页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的: 1. 用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回html文件; 2. 浏览器开始载入html代码,发现标签内有一个标签引用外部CS转载 2016-05-20 16:38:01 · 435 阅读 · 0 评论 -
前端开发者必备的20个文档和在线工具
1. LoupeThis is “a little visualisation to help you understand how JavaScript’s call stack/event loop/callback queue interact with each other.” It’s interactive, allowing you to include your own c转载 2016-05-20 16:40:27 · 505 阅读 · 0 评论 -
js&&html校验组件(非空,格式等)
//校验器(校验器还可以继续扩充,实现各种格式的校验,在此只是举例)var validator = { required : function(el) { if(!el.value || Trim(el.value)==''){ alert("校验非空"); el.value=''; var msg=$(el).attr('v原创 2013-02-22 10:35:32 · 904 阅读 · 0 评论 -
jQuery的基本选择器的js实现
// 定义Longfei为框架名称,将Longfei定义为window对象的属性 var Longfei = window.Longfei = window.$ = function(selector){return new Longfei.fn.init(selector)}; Longfei.fn = Longfei.prototype ={ ini原创 2013-02-22 17:11:23 · 563 阅读 · 0 评论 -
JS调试必备的5个debug技巧
1. debugger;我以前也说过,你可以在JavaScript代码中加入一句debugger;来手工造成一个断点效果。需要带有条件的断点吗?你只需要用if语句包围它:复制代码代码如下:if (somethingHappens) { debugger;}但要记住在程序发布前删掉它们。2. 设置在转载 2016-06-21 09:58:26 · 353 阅读 · 0 评论 -
js闭包实现块级作用域和私有变量的访问
1、块级作用域首先看下面的例子function test1(){for(var i=0;i}alert(i);}test1();//10上面的函数说明了变量i的作用域是整个函数,而不是for循环内,那么怎么才能function test2(){for(var i=0;i} var i;alert(i);}test转载 2013-05-30 17:23:40 · 1027 阅读 · 0 评论 -
JavaScript发展史
JavaScript最初的目的是用于处理以前由服务器语言处理的一些基本校验,后来慢慢的发展,兼容了ECMAScript文档对象模型DOM以及浏览器对象模型BOM,慢慢的发展成为一门语言。 JavaScript既简单也难,简单是因为学习它只需要两三行代码就可以了解入门,难是因为如今的JavaScript作为一门语言,兼容了不少语言的特性,比如java编程的思想,以及浏览器对象和文档模型对象原创 2013-01-22 11:55:56 · 1018 阅读 · 0 评论 -
js复习——数据类型
一。语言。1.js中的一切都区分大小写2.typeof操作符undefined 声明未定义number 变量为数值boolean 变量为boolean类型object 对象类型或者nullfunction 函数注意:1.未声明的变量也会返回undefined 2.alert(undefine原创 2013-01-23 15:21:28 · 407 阅读 · 0 评论 -
js实现div内容局部变色的两种方法
function test1(){ var vId = document.getElementById("abc").getAttribute("value"); var vValue = vId.fontcolor("red"); document.getElementById("abc").innerHTML = "我爱你,"+vValue+",我的母原创 2013-01-24 16:55:15 · 2384 阅读 · 0 评论 -
js原型获取字符串中特定字符的下标
RegExp.prototype.getIndex = function(str){ var vArray = str.match(this); var indexArray = []; if(vArray!= null){ for(var i =0,iLength=vArray.length;i var原创 2013-01-21 17:26:19 · 8340 阅读 · 0 评论 -
验证表单是否修改
function verifyForm(formName){ //通过form名称获取form对象 var form = getForm(formName; //循环获取每一个元素对象 for(var i=0;i var control = form.elements[i]; //验证大小写文本框 if(原创 2013-01-25 09:35:34 · 703 阅读 · 0 评论 -
js实现进度条遮罩效果
摘要:现在需要在页面一加载的时候出现进度条,并遮罩整个页面,等加载完之后取消进度和遮罩。思想:需要借辅助页面二,页面二加载的时候调用js方法init(),init做两个动作,动作一:显示进度条和遮罩区域。动作二:传递url,提交action到后台查询页面一的数据,当跳转到页面一的时候,加载页面一,调用页面二的js方法隐藏掉进度条和遮罩区域。页面二的部分代码://页面初始化f原创 2013-01-25 09:38:02 · 4111 阅读 · 0 评论 -
js语言之美——实现map
function Map(){ this.elements = new Array();//map载体 /** * 获取Map元素个数 */ this.size = function(){ return this.elements.length; } /** * 为Map添加(key,value) */ this.put =原创 2013-01-25 15:18:02 · 539 阅读 · 0 评论 -
获取两数相加等于sum的集合(共n个数)
/** *获取n个数中和等于sum的两个数的集合比如(1,2,3,4,5)中获取和等于7的组合(3,4;2,5) */ function getCombination(sum,vArray){ var lArray = []; vArray.sort(compare1); for(var i=0,vLength=vArray.length;i原创 2013-01-11 19:34:08 · 949 阅读 · 0 评论 -
剔除n个字符串的包含项,如('a','ab','cd')留下('ab','cd')
/** *算法:第一步:将选择的记录按照长度由短到长排序插入数据比如【'1','12','123','2345'】 * 第二步:由短到长迭代数据,剔除包含在长元素中的短元素【'123','2345'】 */ function getStr(){ var obj=jQuery("XX");; obj.ea原创 2013-01-11 19:35:54 · 387 阅读 · 0 评论 -
js编程性能分析
javaScript做为解释性语言,其执行速度要比编译型语言慢很多,然后在开发中却有很多需要注意的地方一。注意作用域1.避免全局查找function test1(){ var sArray=[]; for(var i=0;i sArray.push(document.getElementById(i))//在作用域链中循环查找了10次转载 2013-01-16 20:50:21 · 526 阅读 · 0 评论 -
js实现文本域的字符即时统计效果
/** * 字符数判断 * */ function textLimiter(field, countfield, maxlimit) { el=document.getElementById(countfield); var length=maxlimit - getStringLength(fi原创 2013-02-19 10:59:42 · 545 阅读 · 0 评论 -
跨浏览器的事件对象
var EventUtil = { //注册通用的调用方法element为dom元素,type为事件类型,handler为事件处理程序 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler转载 2013-06-04 10:19:08 · 611 阅读 · 0 评论 -
Console命令详解,让调试js代码变得更简单
Firebug是网页开发的利器,能够极大地提升工作效率。但是,它不太容易上手。我曾经翻译过一篇《Firebug入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。===================================Firebug控制台详解作者:阮一峰出处:http://www.ruanyifeng.com/blog/2011/03/firebug_转载 2013-10-31 14:56:39 · 450 阅读 · 0 评论 -
javaScript构造函数继承
上一篇讲了原形链的继承法,原形链继承存在一个问题,那就是继承之后子实例1改写了父构造的方法或者属性,子实例2也会体现出来。如下function Parent(){ this.color=['red','blue','yellow'];}function Sub(){}Sub.prototype=new Parent();var sub1=new Sub();原创 2012-12-05 14:51:07 · 460 阅读 · 0 评论