JoshFenge
JoshFenge

史上最全的web前端面试题汇总及答案1

小编推荐：Fundebug提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大佬公司都在使用。

很早之前就在看web前端面试题，一直想总结一个比较全面又详细的面试题库，现在总结了一些，分享给大家，以后还会持续更新，有些题目有多种答案，本文只给出其中一种，哪里有问题的欢迎指出。

Html&CSS

1、谈谈你对web标准的理解

web标准的理解

2、列举html中至少三个实体

&、  、<、>、®、©
详细请看w3schoolHTML实体符号参考手册
w3schoolHTML实体符号参考手册

3、cellpadding与cellspacing有何区别？

cellpadding：代表单元格边框到内容之间的距离（留白）
cellspacing：cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字，表示单元格间隙所占的像素点数。

4、CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有哪些？

1.id选择器（ # myid）
2.类选择器（.myclassname）
3.标签选择器（div, h1, p）
4.相邻选择器（h1 + p）
5.子选择器（ul > li）
6.后代选择器（li a）
7.通配符选择器( *)
8.属性选择器（a[rel = "external"]）
9.伪类选择器（a: hover, li: nth - child）
**可继承的样式： **
font-size font-family color, UL LI DL DD DT;
不可继承的样式：
border padding margin width height
优先级
优先级就近原则，同权重情况下样式定义最近者为准，载入样式以最后载入的定位为准;
优先级为:
!important > id > class > tag
important 比 内联优先级高
CSS3新增伪类举例
p:first-of-type 选择属于其父元素的首个

元素的每个

元素。
p:last-of-type 选择属于其父元素的最后

元素的每个

元素。
p:only-of-type 选择属于其父元素唯一的

元素的每个

元素。
p:only-child 选择属于其父元素的唯一子元素的每个

元素。
p:nth-child(2) 选择属于其父元素的第二个子元素的每个

元素。
:enabled :disabled 控制表单控件的禁用状态。
:checked 单选框或复选框被选中。

5、display与visibility有何异同？

display可以有很多值，visibility只有两个常用值：visible、hidden。
当display为none、visibility为hidden时都会隐藏元素。但display会隐藏掉元素空间，visibility会保留元素空间。

6、怎么在网页中实现绝对定位？

absolute
绝对定位与相对定位

7、table-layout、border-collapse有何用途？

①table-layout：设置表格是否自动调整宽高
②border-collapse：表格与单元格及单元格间的边框是否融合在一起。

8、简述盒模型

简述盒模型

9、链接标记target属性的_top、_parent、_blank、main、left、top各有何用处?

链接标记target与Dom，Bom

10、你对浏览器兼容怎么看？通常你都做哪些处理？

浏览器的兼容性

11、get和post的区别？

GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符
POST：一般用于修改服务器上的资源，对所发送的信息没有限制。
GET方式需要使用Request.QueryString来取得变量的值，而POST方式通过Request.Form来获取变量的值，也就是说Get是通过地址栏来传值，而Post是通过提交表单来传值。
然而，在以下情况中，请使用 POST 请求：
①无法使用缓存文件（更新服务器上的文件或数据库）向服务器发送大量数据（POST 没有数据量限制）。
②发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠。

12、xhtml和html有什么区别

①HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言
②最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。

13、行内元素有哪些?块级元素有哪些?空(void)元素有那些？
行内元素和块级元素的区别是什么？行内块元素的兼容性使用？（IE8 以下）

块级元素：div p h1 h2 h3 h4 form ul ol dl dt dd
行内元素: a b br i span input select image strong（强调的语气）
常见空元素：

/

////
不常见空元素：
/////////
行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。
块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。
兼容性：
display:inline-block;*display:inline;*zoom:1;

14、CSS引入的方式有哪些? link和@import的区别是?

CSS引入的方式包括内联 内嵌 外链 导入
link和@import的区别是 ：
①link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS；
②页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载；
③import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题；
④后者优先级更高

15、你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?介绍一下你对浏览器内核的理解

Ie(Ie内核) 火狐（Gecko） 谷歌（webkit） opera(blink)
对内核的理解：
主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。
①渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
②JS引擎：解析和执行javascript来实现网页的动态效果。
最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。

16、解释css sprites，如何使用。

Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量。
适用于以下情况：
①静态图片，不随用户信息的变化而变化
②小图片，图片容量比较小
③加载量比较大

17、清除浮动的几种方式，各自的优缺点

（1）父级div定义height。
（2）结尾处加空div标签clear:both。
（3）父级div定义伪类:after和zoom。
（4）父级div定义overflow:hidden。
（5）父级div定义overflow:auto。
（6）父级div也浮动，需要定义宽度。
（7）父级div定义display:table。
（8）结尾处加br标签clear:both。
比较好的是第3种方式，好多网站都这么用。

18、Doctype作用？标准模式与兼容模式各有什么区别?

①告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
②标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
注意点：
HTML5 只需要写不需要对DTD进行引用，因为HTML5不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。
而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。

19、iframe有哪些缺点？

①iframe会阻塞主页面的Onload事件，搜索引擎的检索程序无法解读这种页面，不利于SEO；
②iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。
使用iframe之前需要考虑这两个缺点。如果需要使用iframe，最好是通过javascript动态给iframe添加src属性值，这样可以绕开以上两个问题。

20、如何实现浏览器内多个标签页之间的通信?

①通过WebSocket、SharedWorker来实现；
②也可以调用localstorge、cookies等本地存储方式。
localstorge另一个浏览上下文（另一个标签页）里被添加、修改或删除时，它都会触发一个事件，我们通过监听事件，控制它的值来进行页面信息通信。
注意quirks：Safari 在无痕模式下设置localstorge值时会抛出 QuotaExceededError 的异常。

21、如何在页面上实现一个圆形的可点击区域？

①map+area或者svg
②border-radius
③纯js实现 需要求一个点在不在圆上简单算法、获取鼠标坐标等等

22、CSS3有哪些新特性？

① CSS3实现圆角（border-radius:8px），阴影（box-shadow:10px）；
② 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）；
③ transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);
//旋转,缩放,定位,倾斜
④ 增加了更多的CSS选择器 多背景 rgba
CSS3新增属性

Html5

1、Html5与html4相比，各有何优缺点？ 怎样处理html5新标签的兼容性问题？

html5余html4的异同请看以下的链接
html5与html4的异同
兼容性问题
IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shim。

Javascript

1、JS如何使页面跳转?怎么引入一个外部JS文件?

①直接在head标签内写入js代码，如下

②引入写好的js文件，使用语句

也是直接放入到head标签里头，也有的是放在前面。

2、输入框的验证用什么事件?

change(fn)

3、undefined与null有何异同？

null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。
undefined：
（1）变量被声明了，但没有赋值时，就等于undefined。
（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。
（3）对象没有赋值的属性，该属性的值为undefined。
（4）函数没有返回值时，默认返回undefined。
null：
（1） 作为函数的参数，表示该函数的参数不是对象。
（2） 作为对象原型链的终点。
它们都表示空，转换为boolean后都为false，但是null代表一个对象变量已经被初始化，但未装入对象；undefined表示未初始化变量

4、===与==有何异同？

相同点：都是判定两个值是否相等
不同点：==不会判断类型，而===会判断类型

5、如何判断一个变量的值是否为数字？以及有哪些手段判断变量值的数据类型？

全局函数isNaN可以判断一个变量的值是否为数字。
可以使用运算符type、instanceof判断变量值的数据类型。

6、什么是Bom什么是Dom?你如何理解Dom?

链接标记target与Dom，Bom

7、Array的join、push、splice、slice各有何用途，splice与slice有何异同？

join：使用指定间隔符连接所有元素为字符串
push：在尾部添加元素并维护array实例的length
splice与slice都是截取一部分元素。不同的在于：slice返回截取后的新实例，splice在原array实例上操作，更详细的请见下文链接。
JS中数组对象详解

8、如何阻止表单提交？

在onsubmit事件中返回false

9、如何动态操作表格？

可以像普通dom一样操作，但是因为表格的dom比较复杂，所以我通常是使用table的insertRow、deleteRow及tr对象的insetCell、deleteCell操作。

10、String.match与RegExp.exec有何区别？

match只会返回没有分组的全部匹配结果或者有分组的第一次匹配结果；
而exec可以利用循环返回全部匹配结果。

11、为验证手机号写一个正则。

function checkSubmitMobil()
 {
 if ($("#phoneNum").val() == "") {
 alert("手机号码不能为空！");
 //$("#moileMsg").html("手机号码不能为空！"); 
 $("#mobile").focus();
 return false;
   }
if (!$("#phoneNum").val().match(/^(?:13\d|15\d|18\d)\d{5}(\d{3}|\*{3})$/)) 
{
 alert("手机号码格式不正确！");
 //$("#moileMsg").html("手机号码格式不正确！请重新输入！"); 
$("#phoneNum").focus();
  return false;
  }
    return true;
}

12、正则的i标记与g标记各有何用途？

i：不区分大小写；
g：全局匹配。

13、为String添加trim()方法。

String.prototype.trim = function() {
    return this.replace(/^ +| +$/g,"");
}

14、简述COOKIE。在JS中如何操作Cookie?

简述cookie，在JS中如何操作cookie

15、谈谈javascript数组排序方法sort()的使用，重点介绍sort()参数的使用及其内部机制。

JS数组排序方法sort()的使用

16、谈谈innerHTML outerHTML innerText之间的区别。

①innerHTML是w3c的html dom定义的方法，而后两者是IE独有的方法；
②innerHTML代表一个元素节点内由所有子节点，不包括当前节点组成的html代码；
③outerHTML代表一个元素节点内由所有子节点和当前节点组成的html代码；
④innerText代表一个元素节点内由所有子文本节点内容组成的文本；

17、在JavaScript中定时调用函数 foo() 如何写？

setTimeout(
    foo,
    1000    //这里设置延时数
);

18、setTimeout与setInterval有何区别?

①setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。
②不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。

19、你在js中用过array吗？如果用过，array中添加数据用什么方法？

在尾部添加使用push();
在头部添加使用unshift();
在任意位置添加使用splice(),但要注意把它的删除个数设置为0;
array详细介绍请看下文链接
JS中数组对象详解

20、简述javascript的优缺点。

优点：简单易用，与Java有类似的语法，可以使用任何文本编辑工具编写，只需要浏览器就可执行程序，并且事先不用编译，逐行执行，无需进行严格的变量声明，而且内置大量现成对象，编写少量程序可以完成目标；
缺点：不适合开发大型应用程序；

21、Javascript有哪些内置对象?

只有Math和Global（在浏览器环境中，Global就是Window）

22、列举Javascript的本地对象。

Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError

23、javascript的typeof返回哪些数据类型

object number function boolean undefind string

24、例举3种强制类型转换和2种隐式类型转换?

强制（parseInt,parseFloat,number）
隐式（== – ===）

25、IE和DOM事件流的区别

①执行顺序不一样、
②参数不一样
③事件加不加on
④this指向问题

26、事件绑定和普通事件有什么区别

①事件绑定就是针对dom元素的事件，绑定在dom元素上
②普通事件即为非针对dom元素的事件

27、事件委托是什么

利用事件冒泡的原理，让自己的所触发的事件，由他的父元素代替执行！
通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。
例子请看以下链接
JS中的事件委托

28、闭包是什么，有什么特性，对页面有什么影响

什么是闭包
“官方”的解释：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。
在 Scala、Scheme、Common Lisp、Smalltalk、Groovy、JavaScript、Ruby、 Python、Go、Lua、objective c、swift 以及Java（Java8及以上）等语言中都能找到对闭包不同程度的支持。
通俗的讲就是函数a的内部函数b，被函数a外部的一个变量引用的时候，就创建了一个闭包。
闭包的特性：
①.封闭性：外界无法访问闭包内部的数据，如果在闭包内声明变量，外界是无法访问的，除非闭包主动向外界提供访问接口；
②.持久性：一般的函数，调用完毕之后，系统自动注销函数，而对于闭包来说，在外部函数被调用之后，闭包结构依然保存在；
对页面的影响
使用闭包会占有内存资源，过多的使用闭包会导致内存溢出等。
详细请看以下推荐链接
深入理解JavaScript的闭包特性 如何给循环中的对象添加事件

29、javascript的本地对象，内置对象和宿主对象

①本地对象为array obj regexp等可以new实例化
②内置对象为gload Math 等不可以实例化的
③宿主为浏览器自带的document,window 等

30、编写一个数组去重的方法

思路：
1.创建一个新的数组存放结果
2.创建一个空对象
3.for循环时，每次取出一个元素与对象进行对比，如果这个元素不重复，则把它存放到结果数组中，同时把这个元素的内容作为对象的一个属性，并赋值为1，存入到第2步建立的对象中。
说明：至于如何对比，就是每次从原数组中取出一个元素，然后到对象中去访问这个属性，如果能访问到值，则说明重复。
代码如下：

Array.prototype.unique3 = function(){
 var res = [];
 var json = {};
 for(var i = 0; i < this.length; i++){
  if(!json[this[i]]){
   res.push(this[i]);
   json[this[i]] = 1;
  }
 }
 return res;
}
var arr = [112,112,34,'你好',112,112,34,'你好','str','str1'];
alert(arr.unique3());

31、this对象的理解

①this总是指向函数的直接调用者（而非间接调用者）；
②如果有new关键字，this指向new出来的那个对象；
③在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window；

32、eval是做什么的？

①它的功能是把对应的字符串解析成JS代码并运行；
②应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。
③由JSON字符串转换为JSON对象的时候可以用eval，var obj =eval('('+ str +')');

33、new操作符具体干了什么呢?

①创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。
②属性和方法被加入到 this 引用的对象中。
③新创建的对象由 this 所引用，并且最后隐式的返回 this 。

34、call() 和 apply() 的区别和作用？

①apply()函数有两个参数：第一个参数是上下文，第二个参数是参数组成的数组。如果上下文是null，则使用全局对象代替。
如：function.apply(this,[1,2,3])；
②call()的第一个参数是上下文，后续是实例传入的参数序列。
如：function.call(this,1,2,3)；

如何获取UA

JS代码

function whatBrowser() {  
        document.Browser.Name.value=navigator.appName;  
        document.Browser.Version.value=navigator.appVersion;  
        document.Browser.Code.value=navigator.appCodeName;  
        document.Browser.Agent.value=navigator.userAgent;  
    }

35、请解释一下 JavaScript 的同源策略

概念:同源策略是客户端脚本（尤其是Javascript）的重要的安全度量标准。它最早出自Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。
这里的同源策略指的是：协议，域名，端口相同，同源策略是一种安全协议。指一段脚本只能读取来自同一来源的窗口和文档的属性。
为什么要有同源限制？
我们举例说明：比如一个黑客程序，他利用Iframe把真正的银行登录页面嵌到他的页面上，当你使用真实的用户名，密码登录时，他的页面就可以通过Javascript读取到你的表单中input中的内容，这样用户名，密码就轻松到手了。

36、请描述一下 cookies，sessionStorage 和 localStorage 的区别？

cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会
sessionStorage和localStorage的存储空间更大；
sessionStorage和localStorage有更多丰富易用的接口；
sessionStorage和localStorage各自独立的存储空间；

Ajax

1、什么是Ajax？

Ajax（Asynchronous JavaScript + XML），即异步JavaScript + XML的缩写，主要用来页面异步刷新，也是构建RIA的一种基础技术。

2、如何使用Ajax从服务器获取数据？

①创建XMLHttpRequest对象，注意兼容IE6的情况
②使用XMLHttpRequest对象的open方法，其中有三个参数：
a.字符串，代表html的请求:GET,POST。
b.要访问的服务器的URL。
c.Boolean值，true表示异步，flase表示同步，一般情况下是异步，默认为true。
③ajax的回调函数。xhr.readyState==4表示请求已经结束，服务器响应完成。
status表示http请求的状态，200表示正常响应；404表示资源找不到；500表示服务器端错误。
④发送ajax请求。如果没有数据，可以不传或者传递null；如果post请求传递数据：首先设置xhr的请求头信息：

xhr.setRequestHeader("Content-type","application/x-www-formurlencoded");

再传递参数：

xhr.send(name=liujianhong&password=123);

3、解释XMLHttpRequest是什么？

XMLHttpRequest是我们得以实现异步通讯的根本。最早在IE5 中以ActiveX组件实现；最近，Mozilla 1.0和Safari 1.2中实现为本地对象。XMLHttpRequest虽然不是W3C标准，但却得到了FireFox、Safari、Opera、Konqueror、IE等绝大多数浏览器的支持。

4、谈谈你对Ajax的理解。你在项目中如何使用Ajax？手写一个简单的Ajax操作。

Ajax（Asynchronous JavaScript + XML），即异步JavaScript + XML的缩写，主要用来页面异步刷新，也是构建RIA的一种基础技术。因为它涉及浏览器兼容、跨域等问题，在项目中一般会使用一些基础类库辅助实现，如jQuery等。
一个简单的Ajax操作如下。

var xhr = new XMLHttpRequest();
//在环境中需要做浏览器兼容，这里省略了
xhr.onreadystatechange = function() {
//这里注册当xhr状态发生改变后调用事件
if( xhr.readyState == 4 ) {
//通常在读取状态为4的时候才能获取到部分数据
所以一般状态在4的时候才进行处理
if(status==200) {
            //当正常请求到资源时的处理,
可以调用xhr.responseText或xhr.responseXml获取数据
        }
        else {
        //当请求资源失败时的处理
        }
    }
}
xhr.open( "GET", url);
//设置xhr的请求方式和url,这里使用的是GET方式，
 //如果有参数，则连接在url后面
 /*
  如果是POST请求，还当设置请求的Content-Type
  数据使用send作为参数发送
  */
xhr.send();

5、谈谈你对JSON的理解。

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。 这些特性使JSON成为理想的数据交换语言。
所以它往往在AJAX中替代XML，交换数据。

6、你的项目中有使用到跨域吗？你在项目中是如何处理JS跨域问题的？

①有。
②主要是使用其它网站提供的javascript api如QQ。使用script的src可以直接读取跨域资源。
③当然跨域还有其它处理方式：如代理服务器、改变domain、JSONP等。

7、你在项目中有使用到网页到服务器的即时通信吗？说说你都采用什么手段处理以及你所知道的处理办法？

没有用到，但我知道html的websockets、flash的socket、ajax长轮询等都可以实现。

8、你在AJAX中有遇到乱码吗？如果遇到，你是如何解决的？

①遇到过。
②一般我首先统一页面和服务器编码，对请求和响应的Content-Type设置正确编码；对请求参数进行编码处理。

9、解释jsonp的原理，以及为什么不是真正的ajax

①Ajax与JSONP这两种技术看起来很像，目的也一样，都是请求一个url，然后把服务器返回的数据进行处理，因此jQuery等框架都把JSONP作为Ajax的一种形式。
②实际上Ajax与JSONP有着本质上的不同。Ajax的核心是通过XMLHttpRequest获取数据，而JSONP的核心则是动态添加

你可能感兴趣的:(前端开发)

  • 大厂都在用的前端缓存策略，你掌握了吗？ AI架构全栈开发实战笔记 前端缓存ai
    大厂都在用的前端缓存策略，你掌握了吗？关键词：前端缓存、HTTP缓存、ServiceWorker、CDN缓存、缓存策略、性能优化、浏览器缓存摘要：本文将深入探讨前端开发中常用的缓存策略，从浏览器缓存到ServiceWorker，从HTTP缓存头到CDN缓存，全面解析大厂都在使用的高效缓存技术。通过生动的比喻和实际代码示例，帮助开发者理解并掌握这些提升Web应用性能的关键技术。背景介绍目的和范围本文
  • H5UI微信小程序前端框架实战指南 ai
    本文还有配套的精品资源，点击获取简介：H5UI是一个为微信小程序开发设计的前端框架，基于H5技术，提供简洁高效的组件库。框架集成了丰富的UI元素，如按钮、表格、导航栏等，简化了界面布局和交互的实现。通过安装、引入、使用组件和事件绑定四个步骤，开发者可以轻松构建功能齐全的应用。了解性能优化等注意事项对于高效开发同样重要。1.微信小程序前端开发框架介绍微信小程序概述微信小程序是微信官方推出的一种无需下
  • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
    一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
  • 页面开发样式和布局入门：Vite + Vue 3 + Less
    页面开发样式和布局入门：Vite+Vue3+Less引言在现代前端开发中，样式和布局是页面开发的核心部分。随着技术的不断发展，Vite、Vue3和Less等工具和框架的出现，使得前端开发变得更加高效和灵活。然而，尽管这些工具和框架提供了强大的功能，但在实际开发中仍然会遇到各种样式和布局的问题。本文将结合Vite、Vue3和Less，详细介绍在页面开发中常见的样式和布局问题，并提供解决方案和最佳实践
  • Vue 工程化开发入门 dawn191228 前端学习vue.js前端javascript前端框架
    文章目录一、Vue工程化开发概述二、Vue脚手架三、项目运行流程四、组件化开发五、组件注册六、总结在当今的前端开发领域，Vue.js以其简洁、高效的特性受到了广泛的欢迎。Vue的工程化开发能够帮助我们更好地组织和管理项目，提高开发效率和代码质量。本文将带你了解Vue工程化开发入门知识，包括脚手架、项目运行流程、组件化以及组件注册。一、Vue工程化开发概述工程化开发是一种将软件开发过程规范化、标准化
  • Websocket使用简单示例 北海几经夏 前端websocket前端
    在前端开发中，WebSocket用于建立客户端与服务器的持久化双向通信连接，相比HTTP的单向请求响应模式，能更高效地实现实时数据交互（如聊天、实时通知、数据更新等场景）。基本步骤如下：1.建立WebSocket连接通过WebSocket构造函数创建连接，传入服务器WebSocket接口地址（协议为ws://或加密的wss://）：//连接服务器WebSocket端点constsocket=new
  • 告别UI卡顿：深入 Web Worker 与 Comlink，解锁浏览器多线程编程的真正威力 码力无边-OEC ui前端webjavascript
    告别UI卡顿：深入WebWorker与Comlink，解锁浏览器多线程编程的真正威力你一定遇到过这样的场景：点击一个按钮后，页面突然“冻结”了，UI失去响应，动画卡住，滚动条也无法拖动。几秒钟后，页面才恢复正常。这种糟糕的体验，就是前端开发者永远的噩梦——主线程阻塞。Part1:痛点重现——当主线程不堪重负让我们先来制造一个经典的UI卡顿场景：计算大量斐波那契数。HTML(index.html):
  • 今日Github热门仓库推荐 第八期 桃白白大人 Github热门项目推荐githubpython人工智能
    今日Github热门仓库推荐2025-07-22如果让AI分别扮演后端开发人员和前端开发人员，然后看看他们分别对github每天的trending仓库感兴趣的有哪些，并且给出他感兴趣的理由，那会发生什么呢？本内容通过Python+AI生成，项目地址跳转后端开发人员推荐仓库名称：donnemartin/system-design-primer仓库推荐理由：作为后端开发工程师，系统设计是核心技能之一。
  • 前端开发面试问题及答案整理 邓波home web前端前端开发面试
    说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包有三个特性:1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。第一：每个特定
  • web开发学习日志1 奋斗的岑爸
    之前在一个学习编程的网站花费一万多元，没多久就坚持不下去了，感觉自己虎头蛇尾（确切的说是虎头无尾）的性格一时间也无法改变。从此，对学习新东西彻底失去信心。上个月在微博上看吴主任转了一条微博，是关于某编程网站的推广视频，两位google开发者在2分钟左右时间里生动而清晰的介绍了编程里面“对象”这一概念，完全颠覆了我对视频教学的认知，原来编程课可以这样讲。二话不说，立马报了前端开发入门课程（webde
  • CSS预处理器与后处理器对比解析 代码的余温 css前端
    CSS预处理器和后处理器是现代前端开发中用于增强和优化CSS的强大工具，它们解决了原生CSS在大型项目中的维护和兼容性问题，但工作方式和目标不同：CSS预处理器（CSSPreprocessor）定义：CSS预处理器是一种扩展CSS语言的脚本工具。开发者使用预处理器特有的语法（如变量、嵌套、函数等）编写代码，再通过编译器将其转换为标准CSS。核心特性：变量：存储颜色、尺寸等重复值，方便全局修改。$p
  • 小输入框，大讲究：Table 数字输入框 debounce 实战分享 陈三心 vue前端vue.js
    前言大家好，我是陈三心，热爱技术和分享，欢迎大家交流，一起学习进步！个人主页：陈三心Table表格在前端开发中是十分常见的，用于展示结构化数据，如商品列表、用户信息等。本文分享一下自己在表格开发中遇到的一个奇葩问题，以及采取的解决方法。目录背景编辑数量极端情况闭包结语背景项目中使用AntDesignVue进行表格的开发，允许用户直接在表格内编辑数量，如下：上述就是本次任务需要实现的目标，是的，你没
  • 【CSS-6】深入理解CSS复合选择器：提升样式表的精确性与效率 AllenBright #CSScss前端
    CSS选择器是前端开发的基石，而复合选择器则是其中最强大且实用的工具之一。本文将全面解析CSS复合选择器的类型、用法、优先级规则以及最佳实践，帮助你编写更高效、更精确的样式表。1.什么是复合选择器？复合选择器是通过组合多个简单选择器来创建更具体的选择规则。它们允许开发者精确地定位文档树中的特定元素，而无需添加过多的类或ID。/*简单选择器*/p{color:blue;}/*复合选择器*/artic
  • 深入掌握CSS Grid布局：每个属性详解与实战示例
    CSSGrid布局是前端开发者的“布局神器”，能让你轻松搞定复杂的网页排版。想从零基础到熟练运用Grid？别急，这篇文章会带你逐一拆解Grid的每个核心属性，配上直观的代码示例和效果分析，确保你不仅看懂，还能自己写出来！无论你是新手还是想进阶，这篇指南都帮你打牢基础，学会用Grid玩转布局！1.为什么要学CSSGrid？Grid是CSS提供的一种二维布局系统，比Flexbox更强大，因为它能同时控
  • 【CSS-7】深入解析CSS伪类：从基础到高级应用 AllenBright #CSScss前端
    CSS伪类是前端开发中不可或缺的强大工具，它们允许我们根据文档树之外的信息或简单选择器无法表达的状态来样式化元素。本文将全面探讨CSS伪类的各种类型、使用场景和最佳实践。1.伪类基础概念1.1什么是伪类？伪类（Pseudo-class）是CSS中的一种特殊关键字，用于选择元素的特定状态或特征。它们以冒号(:)开头，可以附加到选择器末尾来定义元素在特定状态下的样式。/*语法*/selector:ps
  • 零基础学后端-PHP语言（第二期-PHP基础语法）（通过php内置服务器运行php文件） 恰薯条的屑海鸥 php零基础学习php开发语言后端php入门php服务器php文件运行
    经过上期的配置，我们已经有了php的开发环境，编辑器我们继续使用VScode，如果是新来的朋友可以看这期文章来配置VScode零基础学前端-传统前端开发（第一期-开发软件介绍与本系列目标）（VScode安装教程）_vscode启动前端详细步骤-CSDN博客（本系列不过多介绍php的vscode插件，没有插件也是可以用的，只是打代码的速度慢一点）接下来我们来了解php的语法看过我之前网络安全-皮卡丘
  • JavaScript异步编程艺术：深入浅出回调函数与异步挑战【含代码示例】 DTcode7 HTML网站开发#前端基础入门三大核心之JSHTML5前端javascript前端三大核心JS
    JavaScript异步编程艺术：深入浅出回调函数与异步挑战【含代码示例】异步编程基础：为何我们需要它？回调函数：异步的起点深入回调：多层嵌套的挑战解决方案：Promise与async/await案例一：Promise的优雅案例二：async/await的丝滑体验异步的最佳实践与性能优化遇到问题怎么办？问题排查思路结语：异步的未来与讨论在JavaScript的奇妙世界里，异步编程是每位前端开发者绕
  • JS异步编程：从回调地狱到Async/Await的华丽转身 PineappleCode JavaScriptjavascript前端ecmascript
    深入浅出JS异步编程：从回调地狱到Async/Await的华丽转身嗨，各位掘友们！欢迎来到我的掘金小课堂。今天我们要聊一个让无数前端开发者又爱又恨，但又不得不面对的话题——JavaScript异步编程。别看它名字听起来有点“高大上”，其实理解起来就像谈恋爱一样，充满了等待、承诺和惊喜（也可能是惊吓）！想象一下，你点了一份外卖，你不会傻傻地站在厨房门口，看着厨师一步步切菜、炒菜、打包，直到外卖送到你
  • 算法在前端框架中的集成
    引言算法是前端开发中提升性能和用户体验的重要工具。随着Web应用复杂性的增加，现代前端框架如React、Vue和Angular提供了强大的工具集，使得将算法与框架特性（如状态管理、虚拟DOM和组件化）无缝集成成为可能。从排序算法优化列表渲染到动态规划提升复杂计算效率，算法的集成能够显著改善应用的响应速度和资源利用率。本文将探讨如何将常见算法（排序、搜索和动态规划）集成到前端框架中，重点介绍框架特性
  • 学习web前端开发的经验分享 小猿圈加加
    我们不管学习什么，必不可缺少的一定是恒心和毅力，学习web也一样，更需要不断地学习和练习，因为语言嘛，就是不断地练习才能说得更好，所以不要偷懒，偷懒一定学不会，这就是计算机语言，下面看一下小编的分享吧。感想：1.学习一个技术，不是一看见源代码就是copy，而是仔细阅读后，找到自己想要的，并且自己写出来，自己理解了，下次遇到同样的问题，自己才能解决。2.在电脑上学习的过程中，我总是先建立一个txt，
  • 大学生HTML期末大作业——HTML+CSS+JavaScript音乐网站（爱莫） 无·糖 Web前端期末大作业html课程设计css大学生前端javascript网页设计
    HTML+CSS+JS【音乐网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目音乐网站7页含网页设计报告二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图
  • 【原生JS】 前端JS字符串最常用 20 道面试题总结（含详细代码解析） 全栈前端老曹 前端javascript开发语言面试vuereact.jsecmascript
    原生JavaScript字符串最常用20道面试题总结（含详细代码解析）字符串是前端开发中最常见的数据类型之一，也是各大公司高频考察点。以下是老曹总结的原生JS字符串相关的20道高频面试题，涵盖字符串操作、正则表达式、性能优化、常见陷阱等多个方面，每道题都配有详细的代码示例和讲解。面试题目录序号题目考察点1slice,substring,substr的区别？截取方法2如何判断一个字符串是否包含另一个
  • JS与Go：编程语言双星的碰撞与共生 万能小贤哥 ffmpegjava数据结构小程序游戏
    在编程语言的璀璨星河中，JavaScript（简称JS）与Go语言凭借各自独特的魅力，成为不同领域的佼佼者。前者以灵活多变的姿态征服了前端世界，后者则以高效稳健的特性在后端领域崭露头角，二者的碰撞与共生，勾勒出当代编程世界的多元图景。JS：从前端霸主到全栈多面手JavaScript诞生于浏览器环境，凭借“只要有浏览器就能运行”的特性，迅速成为前端开发的基石。它是动态脚本语言，语法灵活，无需编译即可
  • WebAssembly：前端性能优化的新利器 大力出奇迹985 wasm前端性能优化
    WebAssembly作为一种新型二进制指令格式，为前端性能优化带来了革命性突破。它能与JavaScript协同工作，弥补了JS在计算密集型任务中的性能短板，可将执行效率提升数倍甚至数十倍。本文将从WebAssembly的核心特性出发，解析其优化原理，介绍在游戏开发、视频处理、数据加密等场景的应用案例，详解从开发到部署的实践流程，并探讨其未来发展趋势，为前端开发者提供一套完整的性能优化解决方案。一
  • HTML5和SVG篝火动画实战：月亮下的野营炊烟效果 申增浩
    本文还有配套的精品资源，点击获取简介：HTML5是网页标记语言的最新标准，支持更加动态和丰富的用户体验。本项目源码展示了如何使用HTML5的SVG来绘制篝火和炊烟动画，通过CSS3动画、JavaScript交互、Canvas与SVG的选择以及Web动画性能优化，实现了一个月亮下的篝火和野营炊烟效果。项目还考虑了响应式设计和数据结构的使用，为开发者提供了一个学习Web前端开发的实践案例。1.HTML
  • 本地存储（Local Storage）、会话存储（Session Storage）、IndexedDB 和 Cookies 区别及抗清除能力 郭靖8 html5
    本地存储（LocalStorage）、会话存储（SessionStorage）、IndexedDB和Cookies是前端开发中常用的客户端存储技术，它们在用途、生命周期、容量和特性上有显著区别。以下是它们的详细对比：1.本地存储（LocalStorage）特点：持久性：数据永久存储，除非手动清除（通过代码或浏览器设置）。作用域：同一域名下的所有页面共享数据。容量：约5MB（不同浏览器可能略有差异）
  • 前端开发性能监控详解 艾光远 前端架构React前端开发系统架构React
    Sentry是一个强大的错误跟踪和性能监控工具，能够帮助开发者在React应用中监控并诊断问题。它可以记录和报告前端应用中的错误和性能瓶颈，使开发者能够快速识别和解决问题。以下是关于Sentry在React应用中集成和使用的详细说明。1.创建Sentry项目访问Sentry官网并注册一个账号。登录后，创建一个新项目，选择平台为JavaScript或React。创建完成后，Sentry会给出一段初始
  • 前端开发 Vue 组件优化
    1.按需导入与代码分割对于一些大型库，尽可能只导入需要的部分：//好的做法import{Button,Select}from'element-plus'//避免这样做//importElementPlusfrom'element-plus'代码分割是一种将应用分解成分成较小的块的技术，可以显著提高加载性能。在Vue中，我们可以结合动态导入和异步组件来实现：配置路由：//router.jsimpor
  • Vue.js 性能优化指南：掌握 keep-alive 的使用技巧 乐闻x Vue进阶笔记手册vue.js性能优化前端
    前言在现代前端开发中，性能优化和用户体验一直是开发者关注的重点。对于使用Vue.js构建的单页应用（SPA）来说，频繁的组件切换可能带来性能问题和状态丢失等挑战。Vue提供的keep-alive组件为这一问题提供了优雅的解决方案。本文将深入探讨keep-alive的作用及其使用方法，帮助开发者在实际项目中充分利用这一功能实现高效的组件管理。什么是keep-alive？简单来说，keep-alive
  • 前端开发命名规范 十月不到底 javascript前端
    前言优秀的代码往往是最通俗易懂的代码，在于它的易于维护。在开发过程中，变量/方法优秀的命名往往有助于理解该变量/方法的用途，起到命名即注释的作用。而糟糕的命名往往会让人摸不着头脑。为了提高代码的可维护性，我们需要更优雅的命名方式。一.常见命名种类目前收集到的常见的命名方式主要有以下4种：驼峰命名法（camelCase）首字母小写，从第二个单词开始首字母大写，例如：myProjectFolder帕斯
  • ASM系列四 利用Method 组件动态注入方法逻辑 lijingyao8206 字节码技术jvmAOP动态代理ASM
            这篇继续结合例子来深入了解下Method组件动态变更方法字节码的实现。通过前面一篇，知道ClassVisitor 的visitMethod()方法可以返回一个MethodVisitor的实例。那么我们也基本可以知道，同ClassVisitor改变类成员一样，MethodVIsistor如果需要改变方法成员，注入逻辑，也可以
  • java编程思想 --内部类 百合不是茶 java内部类匿名内部类
    内部类;了解外部类 并能与之通信 内部类写出来的代码更加整洁与优雅   1,内部类的创建  内部类是创建在类中的 package com.wj.InsideClass; /* * 内部类的创建 */ public class CreateInsideClass { public CreateInsideClass(
  • web.xml报错 crabdave web.xml
    web.xml报错   The content of element type "web-app" must match "(icon?,display-  name?,description?,distributable?,context-param*,filter*,filter-mapping*,listener*,servlet*,s
  • 泛型类的自定义 麦田的设计者 javaandroid泛型
       为什么要定义泛型类，当类中要操作的引用数据类型不确定的时候。 采用泛型类，完成扩展。   例如有一个学生类     Student{ Student(){ System.out.println("I'm a student....."); } }  有一个老师类  
  • CSS清除浮动的4中方法 IT独行者 JavaScriptUIcss
    清除浮动这个问题，做前端的应该再熟悉不过了，咱是个新人，所以还是记个笔记，做个积累，努力学习向大神靠近。CSS清除浮动的方法网上一搜，大概有N多种，用过几种，说下个人感受。 1、结尾处加空div标签 clear:both 1 2 3 4 .div 1 { background : #000080 ; border : 1px   s
  • Cygwin使用windows的jdk 配置方法 _wy_ jdkwindowscygwin
    1.[vim /etc/profile]    JAVA_HOME="/cgydrive/d/Java/jdk1.6.0_43"  (windows下jdk路径为D:\Java\jdk1.6.0_43)    PATH="$JAVA_HOME/bin:${PATH}"    CLAS
  • linux下安装maven 无量 mavenlinux安装
    Linux下安装maven(转) 1.首先到Maven官网 下载安装文件，目前最新版本为3.0.3，下载文件为 apache-maven-3.0.3-bin.tar.gz，下载可以使用wget命令； 2.进入下载文件夹，找到下载的文件，运行如下命令解压 tar -xvf  apache-maven-2.2.1-bin.tar.gz 解压后的文件夹
  • tomcat的https 配置,syslog-ng配置 aichenglong tomcathttp跳转到httpssyslong-ng配置syslog配置
    1) tomcat配置https,以及http自动跳转到https的配置     1)TOMCAT_HOME目录下生成密钥(keytool是jdk中的命令)      keytool -genkey -alias tomcat -keyalg RSA -keypass changeit -storepass changeit
  • 关于领号活动总结 alafqq 活动
    关于某彩票活动的总结 具体需求，每个用户进活动页面，领取一个号码，1000中的一个； 活动要求 1，随机性，一定要有随机性； 2，最少中奖概率，如果注数为3200注，则最多中4注 3，效率问题，（不能每个人来都产生一个随机数，这样效率不高）； 4，支持断电（仍然从下一个开始），重启服务；（存数据库有点大材小用，因此不能存放在数据库） 解决方案 1，事先产生随机数1000个，并打
  • java数据结构 冒泡排序的遍历与排序 百合不是茶 java
    java的冒泡排序是一种简单的排序规则   冒泡排序的原理：           比较两个相邻的数，首先将最大的排在第一个，第二次比较第二个 ，此后一样；         针对所有的元素重复以上的步骤，除了最后一个     例题；将int array[]
  • JS检查输入框输入的是否是数字的一种校验方法 bijian1013 js
    如下是JS检查输入框输入的是否是数字的一种校验方法： <form method=post target="_blank"> 数字：<input type="text" name=num onkeypress="checkNum(this.form)"><br> </form>
  • Test注解的两个属性：expected和timeout bijian1013 javaJUnitexpectedtimeout
    JUnit4：Test文档中的解释： 　　The Test annotation supports two optional parameters. 　　The first, expected, declares that a test method should throw an exception. 　　If it doesn't throw an exception or if it
  • [Gson二]继承关系的POJO的反序列化 bit1129 POJO
    父类     package inheritance.test2; import java.util.Map; public class Model { private String field1; private String field2; private Map<String, String> infoMap
  • 【Spark八十四】Spark零碎知识点记录 bit1129 spark
    1. ShuffleMapTask的shuffle数据在什么地方记录到MapOutputTracker中的 ShuffleMapTask的runTask方法负责写数据到shuffle map文件中。当任务执行完成成功，DAGScheduler会收到通知，在DAGScheduler的handleTaskCompletion方法中完成记录到MapOutputTracker中  
  • WAS各种脚本作用大全 ronin47 WAS 脚本
    　　　http://www.ibm.com/developerworks/cn/websphere/library/samples/SampleScripts.html 　　　无意中，在WAS官网上发现的各种脚本作用，感觉很有作用，先与各位分享一下 　　　 获取下载 这些示例 jacl 和 Jython 脚本可用于在 WebSphere Application Server 的不同版本中自
  • java-12.求 1+2+3+..n不能使用乘除法、 for 、 while 、 if 、 else 、 switch 、 case 等关键字以及条件判断语句 bylijinnan switch
    借鉴网上的思路，用java实现： public class NoIfWhile { /** * @param args * * find x=1+2+3+....n */ public static void main(String[] args) { int n=10; int re=find(n); System.o
  • Netty源码学习-ObjectEncoder和ObjectDecoder bylijinnan javanetty
    Netty中传递对象的思路很直观： Netty中数据的传递是基于ChannelBuffer（也就是byte[]）； 那把对象序列化为字节流，就可以在Netty中传递对象了 相应的从ChannelBuffer恢复对象，就是反序列化的过程 Netty已经封装好ObjectEncoder和ObjectDecoder 先看ObjectEncoder ObjectEncoder是往外发送
  • spring 定时任务中cronExpression表达式含义 chicony cronExpression
    一个cron表达式有6个必选的元素和一个可选的元素，各个元素之间是以空格分隔的，从左至右，这些元素的含义如下表所示： 代表含义            是否必须 允许的取值范围         &nb
  • Nutz配置Jndi ctrain JNDI
    1、使用JNDI获取指定资源： var ioc = { dao : { type :"org.nutz.dao.impl.NutDao", args : [ {jndi :"jdbc/dataSource"} ] } } 以上方法,仅需要在容器中配置好数据源,注入到NutDao即可.
  • 解决 /bin/sh^M: bad interpreter: No such file or directory daizj shell
    在Linux中执行.sh脚本，异常/bin/sh^M: bad interpreter: No such file or directory。   分析：这是不同系统编码格式引起的：在windows系统中编辑的.sh文件可能有不可见字符，所以在Linux系统下执行会报以上异常信息。 解决： 1）在windows下转换： 利用一些编辑器如UltraEdit或EditPlus等工具
  • [转]for 循环为何可恨？ dcj3sjt126com 程序员读书
      Java的闭包(Closure)特征最近成为了一个热门话题。 一些精英正在起草一份议案，要在Java将来的版本中加入闭包特征。 然而，提议中的闭包语法以及语言上的这种扩充受到了众多Java程序员的猛烈抨击。 不久前，出版过数十本编程书籍的大作家Elliotte Rusty Harold发表了对Java中闭包的价值的质疑。 尤其是他问道“for 循环为何可恨？”[http://ju
  • Android实用小技巧 dcj3sjt126com android
    1、去掉所有Activity界面的标题栏 　　修改AndroidManifest.xml 　　在application 标签中添加android:theme="@android:style/Theme.NoTitleBar"   2、去掉所有Activity界面的TitleBar 和StatusBar  　　修改AndroidManifes
  • Oracle 复习笔记之序列 eksliang Oracle 序列sequenceOracle sequence
    转载请出自出处：http://eksliang.iteye.com/blog/2098859 1.序列的作用 序列是用于生成唯一、连续序号的对象 一般用序列来充当数据库表的主键值 2.创建序列语法如下：   create sequence s_emp start with 1 --开始值 increment by 1 --増长值 maxval
  • 有“品”的程序员 gongmeitao 工作
    完美程序员的10种品质　　   完美程序员的每种品质都有一个范围，这个范围取决于具体的问题和背景。没有能解决所有问题的   完美程序员（至少在我们这个星球上），并且对于特定问题，完美程序员应该具有以下品质： 　　1. 才智非凡- 能够理解问题、能够用清晰可读的代码翻译并表达想法、善于分析并且逻辑思维能力强   （范围：用简单方式解决复杂问题）　　
  • 使用KeleyiSQLHelper类进行分页查询 hvt sql.netC#asp.nethovertree
    本文适用于sql server单主键表或者视图进行分页查询，支持多字段排序。KeleyiSQLHelper类的最新代码请到http://hovertree.codeplex.com/SourceControl/latest下载整个解决方案源代码查看。或者直接在线查看类的代码：http://hovertree.codeplex.com/SourceControl/latest#HoverTree.D
  • SVG 教程 （三）圆形，椭圆，直线 天梯梦 svg
    SVG <circle> SVG 圆形 - <circle> <circle> 标签可用来创建一个圆： 下面是SVG代码： <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" c
  • 链表栈 luyulong java数据结构
    public class Node { private Object object; private Node next; public Node() { this.next = null; this.object = null; } public Object getObject() { return object; } public
  • 基础数据结构和算法十：2-3 search tree sunwinner Algorithm2-3 search tree
      Binary search tree works well for a wide variety of applications, but they have poor worst-case performance. Now we introduce a type of binary search tree where costs are guaranteed to be loga
  • spring配置定时任务 stunizhengjia springtimer
    最近因工作的需要，用到了spring的定时任务的功能,觉得spring还是很智能化的,只需要配置一下配置文件就可以了,在此记录一下，以便以后用到：     //------------------------定时任务调用的方法------------------------------ /** * 存储过程定时器 */ publi
  • ITeye 8月技术图书有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的8月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 8月试读活动回顾： http://webmaster.iteye.com/blog/2102830 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《跨终端Web》 gleams：http