经验之谈
霜月枫桥
Web前端软件工程师
展开
-
前台开发总结14——20180504
一、元素定位后,只和定位的父级有关系,和自己的直接父级没有关系,假如定位子元素的width为100%,那么它的width取的为其定位父元素的width的100%二、获取事件对象及事件触发元素var ev=ev || window.event;var element=ev.target || ev.srcElement;三、IE8不支持window事件,可以使用document事件代替window...原创 2018-05-04 14:35:19 · 552 阅读 · 0 评论 -
前台开发总结13——20180419
一、JS中使用数组的sort()可以对数组进行排序,Array.sirt();默认是按照递增的顺序排列的。若需要按递减的顺序排序,可以对sort进行重写cosole.log([4,7,2,9,1,6].sort(function(a,b){ return b-a;}));二、系统架构包含技术架构、功能架构、部署架构、数据架构。国内的系统架构中往往包含了功能架构。三、HTML中的某些元素会具有自...原创 2018-04-19 14:26:51 · 279 阅读 · 0 评论 -
前台开发总结12——20171122
一、JS中判断变量的类型Object.prototype.toString.call([]); //控制台输出[object Array]Object.prototype.toString.apply(""); //控制台输出[object String]二、HTML5的API接口getBoundingClientRect(),可以在JS中获取页原创 2017-11-22 14:50:20 · 418 阅读 · 0 评论 -
前台开发总结11——20171115
一、各主流浏览器cookie大小一般为4K,get请求方式,传递数据的长度为2K,session大小有限制,具体是多少不清楚,但是不建议session太大,容易宕机。二、使用SSL对信息进行加密,可以确保信息的传输安全,但是却会降低传输效率。如果普通的http访问的效率为100%,那么使用https访问的效率便是40%——50%之间,而使用Stunnel加密,传输的效率为5原创 2017-11-15 15:30:52 · 332 阅读 · 0 评论 -
前台开发总结10——20170907
一、之前开发过程中经常遇到的情况是我需要该一个html节点的样式,不小心改了class类名。而js又恰恰使用了这个class操作了dom。这个时候页面运行的时候肯定会报错的,增加了项目的维护成本。有以下两种方案可以有效的解决这种问题。第一就是添加自定义属性,比如当我需要操作dom的时候就通过jQuery的属性选择器来操作这个dom而不会去使用class。这样在我调整样式、需要修改c原创 2017-09-07 11:17:25 · 492 阅读 · 0 评论 -
同事知识分享
一、微服务和分布式服务分为单体和微服务1、单体开发好后最好不要动,MVC模式,业务复杂,改动麻烦2、微服务高并发,易维护;但是需要大量资源,难以跟踪,需要监控常用的框架1、IceIce支持多语言,但是你使用Ice开发的代码却需要开源,并且服务器和客户端都必须使用Ice开发。2、Dubbox3、Spring Boot可以使用Java进行开发原创 2017-09-06 17:36:39 · 807 阅读 · 0 评论 -
前台开发总结09_20170728
一、正则表达式中中括号表达式 [] 注意事项大多数特殊字符在中括号表达式中失去它们的意义,但是以下特殊字符除外1、] :如果 ] 字符不是第一项,它结束一个列表,若要匹配列表中的 ] 字符,请将它放在第一位,紧跟在开始 [ 后面2、\ :转译符。若要匹配 \ 字符,请使用 \\ 3、- :连字符。在中括号表达式中使用连字符有两种方法:使用转译符 [\-] ;或者将连字符放在中括号列原创 2017-07-28 15:06:00 · 435 阅读 · 0 评论 -
浏览器渲染页面的过程,以及重绘和重排
浏览器的渲染过程1,浏览器解析html源码,然后创建一个 DOM树。在DOM树中,每一个HTML标签都有一个对应的节点,并且每一个文本也都会有一个对应的文本节点。DOM树的根节点就是 documentElement。2,浏览器解析CSS代码,计算出最终的样式数据。对CSS代码中非法的语法她会直接忽略掉。解析CSS的时候会按照如下顺序来定义优先级:浏览器默认设置,用户原创 2017-05-23 16:30:19 · 808 阅读 · 0 评论 -
前台开发总结06_20170520
1、JS中的 with(); 方法,用于设置代码在特定对象中的作用域。当在with()中调用方法或变量时,首先查询该对象的作用域中有无该方法或变量,若存在则输出,若不存在,则再查询全局作用域中有无该方法或变量。也即,with()会把一个对象插入到访问链的顶端。eg. function animal(name,address){ this.name=name; this.addres原创 2017-05-20 22:51:50 · 437 阅读 · 0 评论 -
前台开发总结05_20170516
1、问题描述:在前台开发中,经常需要通过点击按钮,为HTML的某一元素增删class中的值。过去通常通过jQuery的attr()方法设置指定元素的class值。但是,这种方法在循环中缺不方便实现。解决方法:可以使用jQuery的addClass()和removeClass()来具体的增删元素中的class2、HTML中中有属性download,加上它可以实现中href属性原创 2017-05-16 18:52:09 · 320 阅读 · 0 评论 -
前台开发总结04——2017.04.13
1、js闭包经典示例,如下所示:var db = (function() {// 创建一个隐藏的object, 这个object持有一些数据// 从外部是不能访问这个object的var data = {};// 创建一个函数, 这个函数提供一些访问data的数据的方法return function(key, val) { if (val === undefined) { r原创 2017-04-14 18:45:43 · 484 阅读 · 0 评论 -
前台开发总结03
1、原来Tomcat WEB-INF目录下的文件,浏览器一般无法直接方法,只能通过重定向后才可以访问,如果需要直接访问,可以放在和WEB-INF同级目录下。2、在Web前台开发中,我们经常需要为页面元素加上边框,例如使用border:1px solid black;但是,当你设置边框border-color属性值为透明时,border-color:transparent;边框会使用原创 2017-03-14 17:18:04 · 514 阅读 · 0 评论 -
前台开发总结07——20170525
1、KeePass 是专门为了解决人类记不得众多密码的问题所产生的,它包含了一个强大的密码产生引擎与加密储存机能,能够提供一个安全的密码储存空间。2、通过JS修改DOM会造成大量的开销,因为DOM的每次修改,浏览器内核都需要重新计算页面。因此,JS要少碰DOM,把所有的操作都放在ECMAScript里面。比如把操作使用一个变量储存起来。3、对于Object和Array,通过原创 2017-05-25 22:52:51 · 414 阅读 · 0 评论 -
前台开发总结02
1、前台页面设置导航条时,我们通常是使用链表中嵌套的方式实现的。使用链表嵌套的方式比直接使用,具有更多的好处:便于页面排版;有利于搜索引擎查询等。但是,许多时候我们已经写好了只使用的样式,如果要修改为的格式,需要对样式进行大量修改。可以使用下面方法进行快捷的修改,减少代码改动量。将的样式剪贴给,中只添加一个属性 display:block;原因:当父元素的display:inl原创 2017-02-21 17:33:11 · 536 阅读 · 0 评论 -
经验之谈——js中null、空字符串、undefined等特殊值比较
空字符串与数字比较,空字符串会转换为0,false转换为0,true转换为1,true>false;两个引用类型是不相等的比较总是返回false;数字对象引用类型比较由数字对象的值决定,两个字符串比较时,会使用字符串的localeCompare()方法进行比较,字符串为数字类型字符串时与数字比较, 将转换成数字比较,将字符串转换得到的是NaN时怎么比较都为false,NaN不等于它本身;undef原创 2017-02-16 14:51:23 · 3957 阅读 · 0 评论 -
前台开发总结01
1、在网站首页中,logo采用的是h1标签,一般是为了让搜索引擎更好的抓取关键字,建议一个页面只有一个h1,而且是最重要的关键字放在里面。并且,使用text-indent对该标签样式进行设置,如下所示:h1{ text-indent:-9999px;}//从而使该在页面上消失不见。或者使用display:none;2、页面导航条,通常是使用list列表和浮动样原创 2017-02-07 16:33:30 · 640 阅读 · 0 评论 -
前台开发总结08——20170607
1、最轻量级请求(信号灯)问题描述:我们常用的请求方式有Ajax和form表单提交,但是这些请求的方式都是单线程的,访问速度较慢。问题解决:可以使用媒体对象,如Image、Radio和Video。因为媒体对象在访问时可同时20线程加载。eg.var url="/test.php";var arr=['name=xyong','address=qingdao'];var img=n原创 2017-06-07 15:40:23 · 457 阅读 · 0 评论 -
Head First设计模式读书随笔
一、第九页找出应用中可能需要变化之处,把它们独立出来,不要和那些不需要变化的代码混合在一起。//面向对象的特点之封装。将不需要变化的代码封装起来。二、第十一页针对接口编程【针对超类型(接口+抽象类)编程】,而不是针对实现编程。依赖于实现的表现:行为来自超类的具体实现,或是继承某个接口并由子类自行实现出来。//面向对象的特点之多态。声明接口,实现具体类。//可以实现动态运行。三、第二十三页多用组合,...原创 2018-05-04 14:41:08 · 258 阅读 · 0 评论