midii

提高前端性能方面的处理以及不足

一，最最基本的

CSS顶部, JS底部
YUI compressor/Gzip
CDN 有
必要的CSS Sprite
Ajax可缓存

以上没什么好说的。

二、CSS渲染、页面重绘以及回流

尽量避免类似.a.b{}.list a{}以及其他一些复杂选择器，以提高整站整体CSS渲染。
避免某些expression表达式，避免IE6的AlphaImageLoader png透明滤镜，可以试试使用fireworks生成png8 alpha透明（目前photoshop只有png8 索引透明）。
适当定高，例如如果div内容可能有高度差异的动态内容载入。什么意思？例如右上角的个人用户信息是页面渲染完毕之后动态载入的。但是，有可能会出现高度20像素的小图标，，而文字所占据高度为12px * 1.4 = 16.8px, IE6又存在行高被拒的悲剧。因此，如果这部分div不定高，就会出现个人信息载入后，整个页面下沉几像素(3.2像素？)页面重绘的问题。
记住这么个原则，页面刷新载入的时候，应避免页面元素的晃动、位移等，这些都是额外的重绘，会让你的CPU和风扇兴奋的。
图片设定不响应重绘的尺寸，如果你的不设定尺寸、同时外部容器没有定死高宽，则图片在首次载入时候，占据空间会从0到完全出现，左右上下都可能位移，发生大规模的重绘。可以参见新浪微博载入时候页面高度随着图片显示不断变高的问题，这些都让浏览器重绘了，一是体验可能不好，二是烧CPU的。
你可以使用width/height控制，或者在CSS中设置。
</code>或者使用<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;"><script type="text/html"></code>存储动态载入HTML或模板HTML，降低首屏加载的渲染时间。</li> <li>具有复杂动画的元素绝对定位-脱离文档流，避免强烈的回流。现代浏览器可以渐进使用CSS3 transition实现动画效果，比改变像素值来的高性能。</li> <li>不使用<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">iframe</code>，据说开销最大的DOM元素。</li> </ul> <h3>三、降低静态资源请求数</h3> <ul> <li>开始提到的CSS sprite，目前因降低后期维护成本，sprite的规模有所降低</li> <li>字符与图形生成，如：<img src="http://img.e-com-net.com/image/info8/97db57cb0cc14725880e7d6aab2b301d.jpg" alt="" style="border:0px;" width="23" height="22"><span> </span>该图效果之前有介绍。</li> <li>CSS图形生成，如三角：<a href="http://img.e-com-net.com/image/info8/4c7249e0f7554fea857103c51b6efe8a.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/4c7249e0f7554fea857103c51b6efe8a.png" alt="" style="border:0px;" width="89" height="41"></a></li> <li>CSS模拟，如几像素的投影效果<a href="http://img.e-com-net.com/image/info8/0b8672b1aef14e868f760f6e3aa22419.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/0b8672b1aef14e868f760f6e3aa22419.png" alt="" style="border:0px;" width="150" height="37"></a></li> <li>CSS3技术，例如渐变效果CSS3<span> </span><code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">gradient</code>+<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">filter</code>。投影效果CSS3<span> </span><code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">box-shadow</code>+<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">filter</code><span> </span>blur。<br><a href="http://img.e-com-net.com/image/info8/ad3a53a4658c41ffa865c51262f42c61.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/ad3a53a4658c41ffa865c51262f42c61.png" alt="IE7浏览器下滤镜实现的按钮投影效果" class="alignnone" height="87" width="302" style="border:0px;"></a></li> <li>base64 url技术，例如虚点效果：<br><a href="http://img.e-com-net.com/image/info8/e5220a531d50439e8a7c76623bb4ef19.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/e5220a531d50439e8a7c76623bb4ef19.png" align="top" alt="" style="border:0px;" width="311" height="91"></a></li> </ul> <h3>四、资源的复用</h3> <ul> <li>团队CSS样式库，快速构建网站 – Bootstrap有点类似我们这个味道，<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">.span1</code>,<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">.span2</code>,<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">.span3</code>,<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">.span4</code>,<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">.span4</code>,<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">...</code></li> <li>高宽自适应 – 无论选项卡、按钮等还是各个大小模块都是高宽自适应的，以适用于各种环境、需求<br><a href="http://img.e-com-net.com/image/info8/2ce4dc044dd14d63868ea7a203b664c6.gif" target="_blank"><img src="http://img.e-com-net.com/image/info8/2ce4dc044dd14d63868ea7a203b664c6.gif" alt="提高前端性能方面的处理以及不足_第1张图片" class="alignnone" height="244" width="359" style="border:0px;;border:1px solid black;"></a></li> <li>CSS3 font-face技术 – 纯色图标大小以及颜色可以随意控制，增强复用<br><img src="http://img.e-com-net.com/image/info8/4ef72589ba3d4102a932ff1f0d2a6e13.jpg" alt="CSS3 font-face应用截图张鑫旭-鑫空间-鑫生活" height="22" width="75" style="border:0px;"><span> </span><img src="http://img.e-com-net.com/image/info8/9c815e32b7594f0696bf5f79d5c311ef.jpg" alt="CSS3 font-face应用截图张鑫旭-鑫空间-鑫生活" height="20" width="64" style="border:0px;"></li> </ul> <h3>五、js/HTML交互相关</h3> <ul class="share_first_p"> <li><code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">localStorage</code>本地存储与优化。两种实践。<br> 一是：大数据量交互，数据不怎么更新的，含版本控制机制，一次请求，之后高枕无忧；<br><a href="http://img.e-com-net.com/image/info8/9de7fbcb06394a5c902787f2f8db9b57.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/9de7fbcb06394a5c902787f2f8db9b57.png" alt="提高前端性能方面的处理以及不足_第2张图片" class="alignnone" height="194" width="260" style="border:0px;;border:1px solid black;"></a><br><a href="http://img.e-com-net.com/image/info8/1b25cfcb1ac24101b59c488b6ba1b345.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/1b25cfcb1ac24101b59c488b6ba1b345.png" alt="提高前端性能方面的处理以及不足_第3张图片" class="alignnone" height="206" width="387" style="border:0px;;border:1px solid black;"></a><br><a href="http://img.e-com-net.com/image/info8/9662d3aca5d54b3ea26ba44cd8cb2c88.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/9662d3aca5d54b3ea26ba44cd8cb2c88.png" alt="提高前端性能方面的处理以及不足_第4张图片" class="alignnone" height="146" width="529" style="border:0px;;border:1px solid black;"></a><br> 二是代替cookie实现某些功能，带过期时间管理，降低页面cookie大小（IE6-7依然使用Cookie）。<br><a href="http://img.e-com-net.com/image/info8/6a73ec5641b84ce6bdbb5365c5028aeb.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/6a73ec5641b84ce6bdbb5365c5028aeb.png" alt="提高前端性能方面的处理以及不足_第5张图片" class="alignnone" height="165" width="268" style="border:0px;;border:1px solid black;"></a></li> <li>图片/广告位的显屏加载，也就是滚动显示加载</li> <li>下拉/弹框等默认隐藏资源使用<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">textarea</code>隐藏。需要显示时候才真正显露。</li> <li>特殊交互JS资源再使用的时候才异步加载(上传图片，显示地图等)</li> <li>无关紧要资源避开加载渲染高峰显示，例如外站<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">iframe</code>等载入完毕后1秒再DOM创建载入处理（例如嵌入的新浪微博）。</li> <li>复杂事件侦听与初始化（鼠标移动或键入到该区域才初始化复杂事件）。</li> <li>键盘事件延迟，例如搜索的<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">Autocomplete</code>效果，或<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">hover</code>延迟浮动层显示</li> <li>MVC – 数据、展现、交互分离</li> <li>面向数据编程</li> <li>避免DOM操作，遍历数据而非DOM</li> <li>事件委托，避免过多的DOM元素的事件绑定</li> <li>其他N多JS编写细节等</li> </ul> <h3>六、浏览器自身的潜力</h3> <ul> <li><code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">ol</code>列表的数字、<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">table</code>的自适应性</li> <li><code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;"><strong></code><code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;"><h1-6></code>粗体效果</li> <li><code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">form</code>相关特性，元素自身特性实现<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">submit</code>以及<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">reset</code>等效果</li> <li>HTML5<span> </span><code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">placeholder</code>以及其他N多现代浏览器支持特性等</li> </ul> <h3>七、问题所在</h3> <ul> <li>没有模块加载机制，20个模块脚本参杂在一起，一个页面可能只使用了4个。</li> <li>图片的拉伸很常见</li> <li>各种广告跟踪代码，把网站前端性能拉低了一个等级。</li> <li>HTML没有顶边显示，去除冗余空白字符以及注释，因此HTML页面大小未优化。不难，程序那边一直没做相关处理。<br><a href="http://img.e-com-net.com/image/info8/85d5c18e9f3343f48b1f654b6e409382.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/85d5c18e9f3343f48b1f654b6e409382.png" alt="提高前端性能方面的处理以及不足_第6张图片" class="alignnone" height="193" width="232" style="border:0px;;border:1px solid black;"></a></li> <li>头部无用的一段专为IE6的<code style="border:1px solid rgb(234,234,234);margin-left:2px;font-family:Consolas, monospace;">script</code>输出，之前曾做过处理，只IE6输出的，后来因为不同城市不同站等原因，后台那边懒得折腾了。</li> </ul> <br> <p>转载：http://www.zhangxinxu.com/wordpress/?p=3152</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1281018451032293376"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(htm,css)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1882554788437094400.htm" title="微信小程序开发，底部选择器使用" target="_blank">微信小程序开发，底部选择器使用</a> <span class="text-muted">浩宇软件开发</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91%E5%85%A5%E9%97%A8/1.htm">微信小程序开发入门</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>文章目录1.官方文档使用指南2.功能描述3.具体代码逻辑实现4.运行效果图5.关于作者其它项目视频教程介绍1.官方文档使用指南使用指南：https://developers.weixin.qq.com/miniprogram/dev/component/picker.html2.功能描述从底部弹起的滚动选择器通用属性属性类型默认值必填说明最低版本header-textstring否选择器的标题，仅</div> </li> <li><a href="/article/1882503344057020416.htm" title="k8s中使用MySQL共享存储_k8s使用NFS做动态存储做mysql容器主从同步" target="_blank">k8s中使用MySQL共享存储_k8s使用NFS做动态存储做mysql容器主从同步</a> <span class="text-muted">罗-Moline</span> <a class="tag" taget="_blank" href="/search/k8s%E4%B8%AD%E4%BD%BF%E7%94%A8MySQL%E5%85%B1%E4%BA%AB%E5%AD%98%E5%82%A8/1.htm">k8s中使用MySQL共享存储</a> <div>k8s里面存储一直是比较难搞得，之前做的静态存储，写这篇文档记录一下动态存储创建的过程。使用动态存储的好处是开发者可以更关注自己的开发环境，不用关心后端的资源，还有就是更换存储类型不用做大的改变，只需切换一下storageclassName即可。根据这篇博客来的！谢谢博主！！！https://www.cnblogs.com/00986014w/p/9406962.html我把大致上思路分成三步：1</div> </li> <li><a href="/article/1882500446598262784.htm" title="Vue 全局自适应大小：使用 postcss-pxtorem" target="_blank">Vue 全局自适应大小：使用 postcss-pxtorem</a> <span class="text-muted">前端程序猿i</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/postcss/1.htm">postcss</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在现代前端开发中，响应式设计已经成为不可或缺的一部分。尤其是在移动设备的普及下，保证网页在各种屏幕尺寸下的显示效果变得尤为重要。Vue.js作为一个流行的前端框架，能够很方便地实现响应式设计。而在这方面，postcss-pxtorem是一个非常有用的工具，它可以将px单位自动转换为rem单位，从而实现更好的自适应布局。本文将介绍如何在Vue项目中使用postcss-pxtorem实现全局自适应大小</div> </li> <li><a href="/article/1882491371030376448.htm" title="大模型GUI系列论文阅读 DAY2续2：《使用指令微调基础模型的多模态网页导航》" target="_blank">大模型GUI系列论文阅读 DAY2续2：《使用指令微调基础模型的多模态网页导航》</a> <span class="text-muted">feifeikon</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BA%E6%96%87%E9%98%85%E8%AF%BB/1.htm">论文阅读</a> <div>摘要自主网页导航的进展一直受到以下因素的阻碍：依赖于数十亿次的探索性交互（通常采用在线强化学习），依赖于特定领域的模型设计，难以利用丰富的跨领域数据进行泛化。在本研究中，我们探讨了基于视觉-语言基础模型的数据驱动离线训练方法，以改进网页代理的性能。我们提出了一种名为WebGUM的指令跟随多模态代理，该代理能够同时观察网页截图和HTML页面，并输出网页导航操作，例如点击和输入文本等。WebGUM通过</div> </li> <li><a href="/article/1882475859294613504.htm" title="HTML常用标签" target="_blank">HTML常用标签</a> <span class="text-muted">王磊鑫</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>一.标题标签-1.HTML提供了6个等级的网页标题-二.段落和换行标签2.标签用于定义段落，它可以将整个网页分为若干个段落。特点：1）文本在一个段落中会根据浏览器窗口的大小自动换行。2）段落和段落之间保有空隙。3.换行标签，将某段文本强制换行显示。三、文本格式化标签1）加粗或者2)倾斜或者3)删除线或者4)下划线或者四、特殊标签1）和标签是没有语义的，它们就是一个盒子，用来装内容的。2）标签用来布</div> </li> <li><a href="/article/1882453920530362368.htm" title="爬取电影天堂" target="_blank">爬取电影天堂</a> <span class="text-muted">越哥的女人</span> <div>爬取每部电影的详细信息分析每页的url，可以得到规律是：第t页的url为：http://dytt8.net/html/gndy/dyzz/list_23_t.html于是可以先分析第一页，然后对页数进循环，就可得到所有最新电影的详细信息。fromlxmlimportetreeheaders={"User-Agent":"Mozilla/5.0(WindowsNT6.1;Win64;x64)Appl</div> </li> <li><a href="/article/1882452910051225600.htm" title="python爬取电影天堂beautiful_Python爬虫 -- 抓取电影天堂8分以上电影" target="_blank">python爬取电影天堂beautiful_Python爬虫 -- 抓取电影天堂8分以上电影</a> <span class="text-muted">carafqy</span> <div>看了几天的python语法，还是应该写个东西练练手。刚好假期里面看电影，找不到很好的影片，于是有个想法，何不搞个爬虫把电影天堂里面8分以上的电影爬出来。做完花了两三个小时，撸了这么一个程序。反正蛮简单的，思路和之前用nodejs写爬虫一样。爬虫的入口从分页的列表开始，比如美剧的列表第一页地址这样：http://www.ygdy8.net/html/gndy/oumei/list_7_1.html，</div> </li> <li><a href="/article/1882452026999238656.htm" title="用 Java 发送 HTML 内容并带附件的电子邮件" target="_blank">用 Java 发送 HTML 内容并带附件的电子邮件</a> <span class="text-muted">五行星辰</span> <a class="tag" taget="_blank" href="/search/%E4%B8%9A%E5%8A%A1%E7%B3%BB%E7%BB%9F%E5%BA%94%E7%94%A8%E6%8A%80%E6%9C%AF/1.htm">业务系统应用技术</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>实现思路首先，设置邮件服务器的相关属性，包括是否需要认证、使用的邮件协议、服务器地址、端口等。创建一个会话对象，使用Session.getInstance方法，并提供邮件服务器的属性和认证信息。创建一个MimeMessage对象作为邮件消息，设置发件人、收件人、邮件主题等信息。为了发送HTML内容，使用setContent方法并指定内容类型为text/html。对于附件，创建一个MimeMulti</div> </li> <li><a href="/article/1882446477771468800.htm" title="Mathtype使用记录" target="_blank">Mathtype使用记录</a> <span class="text-muted">白粥行</span> <a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E5%B7%A5%E5%85%B7/1.htm">软件工具</a><a class="tag" taget="_blank" href="/search/Mathtype/1.htm">Mathtype</a> <div>1、把大括号中的公式左对齐https://jingyan.baidu.com/article/86fae346d436053c48121a50.html2、加粗字符https://www.mathtype.cn/jiqiao/mathtype-wjsjc.html3、修改公式编号todo4、插入省略号https://office.tqzw.net.cn/office/mathtype/21827.</div> </li> <li><a href="/article/1882446225119178752.htm" title="搭建vue项目" target="_blank">搭建vue项目</a> <span class="text-muted">LYy0</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>一、VueVue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。二、环境1.nodejs环境:下载地址三、创建Vue应用创建的项目将使用基于Vite的构建设置，并允许我们使用Vue的单文件组件(SFC)。$npmcreatevue@l</div> </li> <li><a href="/article/1882443062668488704.htm" title="【YashanDB知识库】非YCM方式的自动备份方案示例" target="_blank">【YashanDB知识库】非YCM方式的自动备份方案示例</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281310.html?templateId=171...概述如果有YCM，推荐使用YCM自动备份，详情请参考YCM官方文档。但是如果没有YCM，则可通过crontab实现自动备份。目前示例的自动备份方案是每周的周3、周6的凌晨0点做全量备份；每天的凌晨2点做增量备份；每天的凌晨4点</div> </li> <li><a href="/article/1882426936358137856.htm" title="html两级地区选择级联,index.html · RockYang/JAreaSelect-js省市区级联选择插件 - Gitee.com..." target="_blank">html两级地区选择级联,index.html · RockYang/JAreaSelect-js省市区级联选择插件 - Gitee.com...</a> <span class="text-muted">猫咪兔兔</span> <a class="tag" taget="_blank" href="/search/html%E4%B8%A4%E7%BA%A7%E5%9C%B0%E5%8C%BA%E9%80%89%E6%8B%A9%E7%BA%A7%E8%81%94/1.htm">html两级地区选择级联</a> <div>地区选择插件.form-control{margin-right:5px;}传统表单selectUI样式获取地址仿京东UI样式选择区域vararea=$("#area-select-box").JAreaSelect({prov:1,city:72,dist:2839,level:3});$(".btn-success").on('click',function(){$(this).text(ar</div> </li> <li><a href="/article/1882423025425510400.htm" title="如何使用 Emmet 快捷方式提高开发效率" target="_blank">如何使用 Emmet 快捷方式提高开发效率</a> <span class="text-muted">木觞清</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>前端开发是一个高度依赖效率的领域，开发者们常常需要处理大量的HTML和CSS代码。为了解决重复工作和提高开发效率，Emmet快捷方式应运而生。Emmet作为一款强大的前端工具，能够通过简化的快捷命令快速生成HTML和CSS结构，极大地提升了开发者的编码速度。本文将介绍如何在日常开发中使用Emmet，帮助你节省宝贵的时间。什么是Emmet快捷方式？Emmet是一款广泛应用于前端开发的插件，它通过一系</div> </li> <li><a href="/article/1882416221970821120.htm" title="freebsd12 安装gnome3图形界面" target="_blank">freebsd12 安装gnome3图形界面</a> <span class="text-muted">sayang_shao</span> <a class="tag" taget="_blank" href="/search/FreeBSD/1.htm">FreeBSD</a><a class="tag" taget="_blank" href="/search/FreeBSD12/1.htm">FreeBSD12</a><a class="tag" taget="_blank" href="/search/gnome3/1.htm">gnome3</a><a class="tag" taget="_blank" href="/search/freebsd12/1.htm">freebsd12</a> <div>1、准备工作注：由于我是在实体机上做的所以没有提供截图。也可以访问官方文档进行安装：https://www.freebsd.org/doc/en_US.ISO8859-1/books/handbook/x11-wm.html已经安装完Freebsd12系统可以联网2、开始安装pkg更新#pkgupdate安装显卡驱动（本机为intel）#pkginstallxf86-video-intel开启li</div> </li> <li><a href="/article/1882412563321384960.htm" title="vue - 实现省市区的级联选择" target="_blank">vue - 实现省市区的级联选择</a> <span class="text-muted">紫菀檀ss</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div> 最近要实现一个省市区级联选择效果，省市区的数据都是使用的本地数据，实现起来逻辑会有一点复杂，我在这里列举PC端的总结分享一下，移动端的代码也是差不多的，除了html之外，其它的可以复制根据需求使用即可。希望对大家有所帮助。一、效果图 PC端的效果图：移动端的效果图：二、实现逻辑我这里的实现逻辑是先通过省份来获取城市，然后通过城市来获取区县，街道因为不是固定的，所以让用户自己输入。获取</div> </li> <li><a href="/article/1882391013130039296.htm" title="uniapp或小程序使用jsencrypt" target="_blank">uniapp或小程序使用jsencrypt</a> <span class="text-muted">钢铁熊猫33</span> <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/jsencrypt/1.htm">jsencrypt</a><a class="tag" taget="_blank" href="/search/rsa/1.htm">rsa</a> <div>uniapp或小程序使用报错jsencrypt.js使用了window对象，app、小程序中没有窗口对象的环境解决办法在jsencrypt.js文件插入以下代码varnavigator2={appName:'Netscape',userAgent:'Mozilla/5.0(iPhone;CPUiPhoneOS9_1likeMacOSX)AppleWebKit/601.1.46(KHTML,like</div> </li> <li><a href="/article/1882383953344655360.htm" title="uniapp小程序项目从0到1开发" target="_blank">uniapp小程序项目从0到1开发</a> <span class="text-muted">扶园</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>一、在HBuilderX新建项目,然后可以先把可能用到的文件夹建好二、引入UI框架,根据npm方式配置文档uView2地址:https://uviewui.com/components/install.htmlcmd执行npminstalluview-ui@2.0.36引入并使用uView的JS库，注意这两行要放在importVue之后。//main.jsimportuViewfrom"uview</div> </li> <li><a href="/article/1882382312881057792.htm" title="uniapp 小程序目录搭建以及 pages.json 配置" target="_blank">uniapp 小程序目录搭建以及 pages.json 配置</a> <span class="text-muted">YZRHANYU</span> <a class="tag" taget="_blank" href="/search/uniapp%2B%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">uniapp+微信小程序</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>uniapp小程序目录搭建1.分包结构├──api各个模块接口文件夹├──login.js登录模块接口文件├──common公共模块，包含公共基础css等├──base.css公共基础css├──components主包当中使用的组件或者复用率较高的组件作为全局组件├──node_modulesnodejs相关依赖包文件目录├──pages主包:业务页面文件存放的目录├──common├──sys</div> </li> <li><a href="/article/1882377773666856960.htm" title="前端——Html+CSS" target="_blank">前端——Html+CSS</a> <span class="text-muted">逆风局？</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>目录CSS引入方式颜色表达方式CSS选择器去掉超链接的下划线路径表示行高和首行缩进常见标签布局标签flex布局表单标签表单项标签改变鼠标指针的样式表格标签div{box-sizing:border-box;}CSS引入方式具体有3种引入方式，语法如下表格所示：名称语法描述示例行内样式在标签内使用style属性，属性值是css属性键值对。中国新闻网内部样式定义标签，在标签内部定义css样式。h1{.</div> </li> <li><a href="/article/1882372179350319104.htm" title="【YashanDB知识库】YCM数据库托管遇到的问题" target="_blank">【YashanDB知识库】YCM数据库托管遇到的问题</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281308.html?templateId=171...YCM托管了集群，现在显示数据库处于故障状态，按照告警项建议检查实例的状态是正常运行的问题现象：查看dba\_users视图发现yasom用户不存在。问题原因：YCM运维工具是通过yasdb中的yasom用户进行数据库管理的，</div> </li> <li><a href="/article/1882366674858995712.htm" title="python把列表插入列表" target="_blank">python把列表插入列表</a> <span class="text-muted">Zoert</span> <div>python相关学习资料：https://edu.51cto.com/video/4102.htmlhttps://edu.51cto.com/video/1158.htmlhttps://edu.51cto.com/video/4645.htmlPython中列表的嵌套与操作在Python编程中，列表（List）是一种非常重要的数据结构，它不仅可以存储数据，还可以进行各种操作，如插入、删除、排序</div> </li> <li><a href="/article/1882351291385049088.htm" title="ssm基于HTML5的红酒信息分享系统" target="_blank">ssm基于HTML5的红酒信息分享系统</a> <span class="text-muted">Q_2743785109</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/1.htm">计算机毕业设计</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>SSM基于HTML5的红酒信息分享系统是一个专注于红酒领域的综合性信息平台，旨在为红酒爱好者、从业者以及普通消费者提供一个便捷的交流与获取红酒相关信息的空间。一、系统背景与意义随着人们生活水平的提高和消费观念的转变，红酒作为一种高雅的饮品，越来越受到消费者的青睐。然而，红酒市场的信息不对称和消费者缺乏专业知识等问题限制了红酒文化的传播和消费者的购买决策。因此，开发一个基于SSM框架和HTML5技术</div> </li> <li><a href="/article/1882297620215427072.htm" title="【YashanDB知识库】MySQL的FIND_IN_SET如何在YashanDB改写" target="_blank">【YashanDB知识库】MySQL的FIND_IN_SET如何在YashanDB改写</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7323369.html?templateId=171...前言MySQL应用使用的SQL的Where条件存在FIND\_IN\_SET，无法在YashanDB直接执行，需要改写。本文探讨不兼容的原因，并给出改写手段。问题SQL示例MySQL执行成功mysql>selectc1from</div> </li> <li><a href="/article/1882297363175895040.htm" title="【YashanDB知识库】通过导入导出修改用户名称" target="_blank">【YashanDB知识库】通过导入导出修改用户名称</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281313.html?templateId=171...YashanDB中不支持直接修改用户名称，但可以通过导入导出间接修改用户名称。以下已将用户test修改为test01为例：1、通过exp备份test用户exptest/yasdb_123@127.0.0.1:1688file=</div> </li> <li><a href="/article/1882297361850494976.htm" title="【YashanDB知识库】私有maven使用崖山JDBC驱动" target="_blank">【YashanDB知识库】私有maven使用崖山JDBC驱动</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281312.html?templateId=171...将yashandb-jdbc-1.5.1.jar打包进mavan本地仓库mvninstall:install-file-Dfile=F:\developRE\yashan\dbeaver-for-yashandb-23.1-w</div> </li> <li><a href="/article/1882297234712752128.htm" title="【YashanDB知识库】归档日志清理" target="_blank">【YashanDB知识库】归档日志清理</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281311.html?templateId=171...问题：按照官方文档提供的清理归档日志三种方式，手动删除归档日志文件返回succeed后，发现归档日志文件仍然存在原因：按照Yashan的默认配置，如果archivelog没有备份，没有同步到备机时，归档日志是不能删除的。因此考</div> </li> <li><a href="/article/1882297106358661120.htm" title="【YashanDB知识库】备库扩缩容指导" target="_blank">【YashanDB知识库】备库扩缩容指导</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281309.html?templateId=171...扩容Step1：生成配置文件$yasbootconfignodegen-cyashandb-uyashan-ppassword--ipip1,ip2...ipn--port22--install-path/var/databa</div> </li> <li><a href="/article/1882296853383409664.htm" title="【YashanDB知识库】Yasldr错误处理" target="_blank">【YashanDB知识库】Yasldr错误处理</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281306.html?templateId=171...问题1.YAS-04113bracketexpected[YASLDR]executefailed**原因：导入数据的用户没有dba权限解决方法：为导入数据的用户赋dba权限：grantdbatousername；问题2.YA</div> </li> <li><a href="/article/1882268226549772288.htm" title="CSS选择器" target="_blank">CSS选择器</a> <span class="text-muted">梧桐WuTong2024</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录文章目录目录选择器的优先级通配选择器元素选择器类选择器ID选择器交集选择器（复合选择器）并集选择器（复合选择器）后代选择器子代选择器兄弟选择器通用兄弟选择器属性选择器伪类选择器结构伪类选择器first-child寻找第一个儿子last-child寻找最后一个儿子nth-child(n)nth-last-child(n)first-of-typelast-of-typenth-of-child(</div> </li> <li><a href="/article/1882259016239869952.htm" title="网络安全法详细介绍——爬虫教程" target="_blank">网络安全法详细介绍——爬虫教程</a> <span class="text-muted">小知学网络</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>目录@[TOC](目录)一、网络安全法详细介绍1.网络安全法的主要条款与作用2.网络安全法与爬虫的关系3.合法使用爬虫的指南二、爬虫的详细教程1.准备环境与安装工具2.使用`requests`库发送请求3.解析HTML内容4.使用`robots.txt`规范爬虫行为5.设置请求间隔6.数据清洗与存储三、实战示例：爬取一个公开的新闻网站小知学网络一、网络安全法详细介绍1.网络安全法的主要条款与作用《</div> </li> <li><a href="/article/119.htm" title="Spring中@Value注解，需要注意的地方" target="_blank">Spring中@Value注解，需要注意的地方</a> <span class="text-muted">无量</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/%40Value/1.htm">@Value</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac</div> </li> <li><a href="/article/246.htm" title="mongoDB 分片" target="_blank">mongoDB 分片</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div> mongoDB的分片。要mongos查询数据时候先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。第一步启动两台以上的mongo服务 &nb</div> </li> <li><a href="/article/373.htm" title="OVER(PARTITION BY)函数用法" target="_blank">OVER(PARTITION BY)函数用法</a> <span class="text-muted">0624chenhong</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍开窗函数 &nb</div> </li> <li><a href="/article/500.htm" title="Android开发中，ADB server didn't ACK 解决方法" target="_blank">Android开发中，ADB server didn't ACK 解决方法</a> <span class="text-muted">一炮送你回车库</span> <a class="tag" taget="_blank" href="/search/Android%E5%BC%80%E5%8F%91/1.htm">Android开发</a> <div>首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb</div> </li> <li><a href="/article/627.htm" title="canvas中的像素绘制问题" target="_blank">canvas中的像素绘制问题</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/canvas/1.htm">canvas</a> <div>pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的</div> </li> <li><a href="/article/754.htm" title="编码乱码问题" target="_blank">编码乱码问题</a> <span class="text-muted">灵静志远</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A0%81/1.htm">编码</a> <div>1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte</div> </li> <li><a href="/article/881.htm" title="java 求几个月后的日期" target="_blank">java 求几个月后的日期</a> <span class="text-muted">darkranger</span> <a class="tag" taget="_blank" href="/search/calendar/1.htm">calendar</a><a class="tag" taget="_blank" href="/search/getinstance/1.htm">getinstance</a> <div>Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M</div> </li> <li><a href="/article/1008.htm" title="数据库设计的三大范式（通俗易懂）" target="_blank">数据库设计的三大范式（通俗易懂）</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E5%A4%8D%E4%B9%A0/1.htm">数据库复习</a> <div>关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。</div> </li> <li><a href="/article/1135.htm" title="想学工作流怎么入手" target="_blank">想学工作流怎么入手</a> <span class="text-muted">atongyeye</span> <a class="tag" taget="_blank" href="/search/jbpm/1.htm">jbpm</a> <div>工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。系统学习工作流，很重要的一本书《JBPM工作流开发指南》。本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1 首先要</div> </li> <li><a href="/article/1262.htm" title="Context和SQLiteOpenHelper创建数据库" target="_blank">Context和SQLiteOpenHelper创建数据库</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/Context%E5%88%9B%E5%BB%BA%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">Context创建数据库</a> <div> 一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper 一:SQLiteOpenHelper创建数据库: 1,SQLi</div> </li> <li><a href="/article/1389.htm" title="浅谈group by和distinct" target="_blank">浅谈group by和distinct</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/group+by/1.htm">group by</a><a class="tag" taget="_blank" href="/search/distinct/1.htm">distinct</a> <div> group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta</div> </li> <li><a href="/article/1516.htm" title="vi opertion" target="_blank">vi opertion</a> <span class="text-muted">征客丶</span> <a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a><a class="tag" taget="_blank" href="/search/opration/1.htm">opration</a><a class="tag" taget="_blank" href="/search/vi/1.htm">vi</a> <div>进入 command mode （命令行模式）按 esc 键再按 shift + 冒号注：以下命令中带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行数字</div> </li> <li><a href="/article/1643.htm" title="【Spark十四】深入Spark RDD第三部分RDD基本API" target="_blank">【Spark十四】深入Spark RDD第三部分RDD基本API</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div> 对于K/V类型的RDD,如下操作是什么含义？ val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect reduceByKey在这里的操作，是把</div> </li> <li><a href="/article/1770.htm" title="java类加载机制" target="_blank">java类加载机制</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">虚拟机</a> <div>java类加载机制 1.java类加载器的树状结构引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。虚拟机区分一个Cla</div> </li> <li><a href="/article/1897.htm" title="动态添加文本框" target="_blank">动态添加文本框</a> <span class="text-muted">BreakingBad</span> <a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E6%A1%86/1.htm">文本框</a> <div> <script> var num=1; function AddInput() { var str=""; str+="<input </div> </li> <li><a href="/article/2024.htm" title="读《研磨设计模式》-代码笔记-单例模式" target="_blank">读《研磨设计模式》-代码笔记-单例模式</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton</div> </li> <li><a href="/article/2151.htm" title="iOS应用打包发布常见问题" target="_blank">iOS应用打包发布常见问题</a> <span class="text-muted">chenhbc</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/iOS%E5%8F%91%E5%B8%83/1.htm">iOS发布</a><a class="tag" taget="_blank" href="/search/iOS%E4%B8%8A%E4%BC%A0/1.htm">iOS上传</a><a class="tag" taget="_blank" href="/search/iOS%E6%89%93%E5%8C%85/1.htm">iOS打包</a> <div>这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。 1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc</div> </li> <li><a href="/article/2278.htm" title="工作流复杂拓扑结构处理新思路" target="_blank">工作流复杂拓扑结构处理新思路</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a><a class="tag" taget="_blank" href="/search/OO/1.htm">OO</a> <div> 我们走的设计路线和国外的产品不太一样，不一样在哪里呢？国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很</div> </li> <li><a href="/article/2405.htm" title="oracle 11g新特性Flashback data archive" target="_blank">oracle 11g新特性Flashback data archive</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。 </div> </li> <li><a href="/article/2532.htm" title="多叉树:2-3-4树" target="_blank">多叉树:2-3-4树</a> <span class="text-muted">dieslrae</span> <a class="tag" taget="_blank" href="/search/%E6%A0%91/1.htm">树</a> <div> 平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征: 1、有一个数据项的节点总是有2个子节点(称为2-节点) 2、有两个数据项的节点总是有3个子节点(称为3-节</div> </li> <li><a href="/article/2659.htm" title="C语言学习七动态分配 malloc的使用" target="_blank">C语言学习七动态分配 malloc的使用</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/language/1.htm">language</a><a class="tag" taget="_blank" href="/search/malloc/1.htm">malloc</a> <div>/* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节静态分配 int * p </div> </li> <li><a href="/article/2786.htm" title="Objective-C编码规范[译]" target="_blank">Objective-C编码规范[译]</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E8%A7%84%E8%8C%83/1.htm">代码规范</a> <div> 原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范译者 : Sam Lau </div> </li> <li><a href="/article/2913.htm" title="0.性能优化-目录" target="_blank">0.性能优化-目录</a> <span class="text-muted">frank1234</span> <a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。主要内容包括：一、性能测试指标吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略生产环境相同基准测试预热等 htt</div> </li> <li><a href="/article/3040.htm" title="Java父类取得子类传递的泛型参数Class类型" target="_blank">Java父类取得子类传递的泛型参数Class类型</a> <span class="text-muted">happyqing</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B/1.htm">泛型</a><a class="tag" taget="_blank" href="/search/%E7%88%B6%E7%B1%BB/1.htm">父类</a><a class="tag" taget="_blank" href="/search/%E5%AD%90%E7%B1%BB/1.htm">子类</a><a class="tag" taget="_blank" href="/search/Class/1.htm">Class</a> <div> import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =</div> </li> <li><a href="/article/3167.htm" title="跟我学SpringMVC目录汇总贴、PDF下载、源码下载" target="_blank">跟我学SpringMVC目录汇总贴、PDF下载、源码下载</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a> <div> ----广告-------------------------------------------------------------- 网站核心商详页开发掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架；掌握数据库技术，表设计和索引优化，分库分表/读写分离；了解缓存技术，熟练使用如Redis/Memcached等主流技术；了解Ngin</div> </li> <li><a href="/article/3294.htm" title="the HTTP rewrite module requires the PCRE library" target="_blank">the HTTP rewrite module requires the PCRE library</a> <span class="text-muted">流浪鱼</span> <a class="tag" taget="_blank" href="/search/rewrite/1.htm">rewrite</a> <div>./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s</div> </li> <li><a href="/article/3421.htm" title="第12章 Ajax（中）" target="_blank">第12章 Ajax（中）</a> <span class="text-muted">onestopweb</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/</div> </li> <li><a href="/article/3548.htm" title="Optimize query with Query Stripping in Web Intelligence" target="_blank">Optimize query with Query Stripping in Web Intelligence</a> <span class="text-muted">blueoxygen</span> <a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a> <div>http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936</div> </li> <li><a href="/article/3675.htm" title="Java开发者写SQL时常犯的10个错误" target="_blank">Java开发者写SQL时常犯的10个错误</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个：　　他们对PreparedStatements不了解　　他们认为使用PreparedStatements太慢了　　他们认为写Prepar</div> </li> <li><a href="/article/3802.htm" title="世纪互联与结盟有感" target="_blank">世纪互联与结盟有感</a> <span class="text-muted">阿尔萨斯</span> <div> 10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>