web前端安全以及防范措施

以下简单介绍这几种常见的 web 安全问题：

XSS
CSRF
SQL注入
点击劫持

除了这个还有同源策略，下面先简单说下这个

什么是同源策略？
同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以a.com下的js脚本采用ajax读取b.com里面的文件数据是会报错的。

不受同源策略限制的：
1、页面中的链接，重定向以及表单提交是不会受到同源策略限制的。
2、跨域资源的引入是可以的。但是js不能读写加载的内容。如嵌入到页面中的，，，等。</p> <p>“同源政策”是浏览器安全的基石，其设计目的是为了保证信息安全，防止恶意的网站窃取数据。所谓“同源”必须满足以下三个方面：</p> <ol> <li>协议相同</li> <li>域名相同</li> <li>端口相同（默认端口是80，可以省略）</li> </ol> <p>如果是非同源的，以下行为会受到限制：</p> <ul> <li><code>Cookie、LocalStorage</code>和<code>IndexDB</code>无法读取</li> <li><code>DOM</code>无法获取</li> <li><code>AJAX</code>请求不能发送</li> </ul> <h2>1：XSS，跨站脚本攻击(Cross Site Scripting)</h2> <p>分为三种类型：</p> <h3>存储型 XSS 攻击</h3> <p>利用漏洞提交恶意 JavaScript 代码，比如在input, textarea等所有可能输入文本信息的区域，输入<code><script src="http://恶意网站"></script></code>等，提交后信息会存在服务器中，当用户再次打开网站请求到相应的数据，打开页面，恶意脚本就会将用户的 Cookie 信息等数据上传到黑客服务器。</p> <h3>反射型 XSS 攻击</h3> <p>用户将一段含有恶意代码的请求提交给 Web 服务器，Web 服务器接收到请求时，又将恶意代码反射给了浏览器端，这就是反射型 XSS 攻击。在现实生活中，黑客经常会通过 QQ 群或者邮件等渠道诱导用户去点击这些恶意链接，所以对于一些链接我们一定要慎之又慎。</p> <p><code>Web 服务器不会存储反射型 XSS 攻击的恶意脚本，这是和存储型 XSS 攻击不同的地方。</code></p> <h3>基于 DOM 的 XSS 攻击</h3> <p>基于 DOM 的 XSS 攻击是不牵涉到页面 Web 服务器的。它的特点是在 Web 资源传输过程或者在用户使用页面的过程中修改 Web 页面的数据。比如利用工具(如Burpsuite)扫描目标网站所有的网页并自动测试写好的注入脚本等。</p> <p>预防策略：</p> <ol> <li>将cookie等敏感信息设置为httponly，禁止Javascript通过<code>document.cookie</code>获得</li> <li>对所有的输入做严格的校验尤其是在服务器端，过滤掉任何不合法的输入，比如手机号必须是数字，通常可以采用正则表达式.</li> <li>净化和过滤掉不必要的html标签，比如：<code><iframe>, alt,<script></code> ;净化和过滤掉不必要的Javascript的事件标签，比如：<code>onclick, onfocus</code>等</li> <li>转义单引号，双引号，尖括号等特殊字符，可以采用htmlencode编码或者过滤掉这些特殊字符</li> <li>CSP,CSP 全称为 Content Security Policy，即内容安全策略。主要以白名单的形式配置可信任的内容来源，在网页中，能够使白名单中的内容正常执行（包含 JS，CSS，Image 等等），而非白名单的内容无法正常执行，从而减少跨站脚本攻击（XSS），当然，也能够减少运营商劫持的内容注入攻击。配置方式：</li> </ol> <pre class="has"><code>//1、meta <meta http-equiv="Content-Security-Policy" content="script-src 'self'"> //2、Http 头部 Content-Security-Policy: script-src 'unsafe-inline' 'unsafe-eval' 'self' *.54php.cn *.yunetidc.com *.baidu.com *.cnzz.com *.du</code></pre> <h2>2：CSRF,跨站请求伪造（Cross-site request forgery）</h2> <h3>什么是CSRF攻击?</h3> <p>CSRF(Cross-site request forgery跨站请求伪造，也被称为“One Click Attack”或者Session Riding，通常缩写为CSRF或者XSRF，是一种对网站的恶意利用。其实就是网站中的一些提交行为，被黑客利用，你在访问黑客的网站的时候，进行的操作，会被操作到其他网站上(如：你所使用的网络银行的网站)。</p> <h3>发起 CSRF 攻击的三个必要条件：</h3> <ol> <li>目标站点一定要有 CSRF 漏洞；</li> <li>用户要登录过目标站点，并且在浏览器上保持有该站点的登录状态；</li> <li>需要用户打开一个第三方站点，如黑客的站点等</li> </ol> <p>CSRF的防御方式</p> <ol> <li> <p>检测http referer是否是同域名，通常来讲，用户提交的请求，referer应该是来来自站内地址，所以如果发现referer中地址异常，那么很可能是遭到了CSRF攻击。</p> </li> <li> <p>避免登录的session长时间存储在客户端中。</p> </li> <li> <p>关键请求使用验证码或者token机制。在一些十分关键的操作，比如交易付款环节。这种请求中，加入验证码，可以防止被恶意用户攻击。token机制也有一定的防御作用。具体来说就是服务器每次返回客户端页面的时候，在页面中埋上一个token字段，例如 <strong><input type=“hidden” name=“csrftoken” value=“abcd"></strong></p> <p>之后，客户端请求的时候带上这个token，使用这个机制后，攻击者也就很难发起CSRF攻击了。</p> </li> </ol> <h2>3：SQL注入</h2> <p>拼接 SQL 时未仔细过滤，黑客可提交畸形数据改变语义。比如查某个文章，提交了这样的数据<code>id=-1 or 1=1</code>等。1=1 永远是true，导致where语句永远是ture.那么查询的结果相当于整张表的内容，攻击者就达到了目的。或者，通过屏幕上的报错提示推测 SQL 语句等。</p> <p>预防策略：</p> <ol> <li>禁止目标网站利用动态拼接字符串的方式访问数据库</li> <li>减少不必要的数据库抛出的错误信息</li> <li>对数据库的操作赋予严格的权限控制</li> <li>净化和过滤掉不必要的SQL保留字，比如：where, or, exec 等</li> </ol> <h3>4：点击劫持</h3> <ul> <li>诱使用户点击看似无害的按钮（实则点击了透明 iframe 中的按钮）.</li> <li>监听鼠标移动事件，让危险按钮始终在鼠标下方.</li> <li>使用 HTML5 拖拽技术执行敏感操作（例如 deploy key）.</li> </ul> <p>预防策略：</p> <ol> <li>服务端添加 X-Frame-Options 响应头,这个 HTTP 响应头是为了防御用 iframe 嵌套的点击劫持攻击。这样浏览器就会阻止嵌入网页的渲染。</li> <li>JS 判断顶层视口的域名是不是和本页面的域名一致，不一致则不允许操作，<code>top.location.hostname === self.location.hostname</code>；</li> <li>敏感操作使用更复杂的步骤（验证码、输入项目名称以删除）。</li> </ol> <p> </p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1282384428361859072"></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">你可能感兴趣的:(前端知识)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1759690720890941440.htm" title="vue项目总结" target="_blank">vue项目总结</a> <span class="text-muted">纯纯小白打码人</span> <a class="tag" taget="_blank" href="/search/%E8%AE%B0%E5%BD%95/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/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a> <div>学习前端知识大概是三个月了吧，都是跟着b站的视频学的，学了基本三件套，然后学了vue框架，由于自己没有关于前端的项目经验，所以就在b站找了个项目跟着做，花了大概一个月时间做完了，也成功部署上线了。码云地址：https://gitee.com/chen-mu-pmf/test2022.git部署上线访问地址：电商后台管理系统其实做完之后有点陷入迷茫，没有收获的感觉，没有学习的踏实感，很多东西都只是走</div> </li> <li><a href="/article/1759677372744953856.htm" title="java学习--黑马SpringBoot3课程个人总结-2024-02-06" target="_blank">java学习--黑马SpringBoot3课程个人总结-2024-02-06</a> <span class="text-muted">客卿123</span> <a class="tag" taget="_blank" href="/search/Java%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">Java的学习笔记</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1.前端知识学习2.Vue准备模块的代码Documentimport{createApp}from'https://unpkg.com/vue@3/dist/vue.esm-browser.js';//创建vue实例createApp({}).mount("#app")添加构建用户界面的代码Document{{msg}}import{createApp}from'https://unpkg.com</div> </li> <li><a href="/article/1759498560979677184.htm" title="高级前端面试题及详解" target="_blank">高级前端面试题及详解</a> <span class="text-muted">元芳Q代码</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>当准备高级前端面试时，除了掌握基本的前端知识外，还需要深入了解一些更高级的概念和技术。以下是一些常见的高级前端面试题及其详解，希望能帮助你更好地准备面试。什么是闭包？请举一个闭包的例子并解释其工作原理。闭包是指函数能够访问并操作在其词法作用域之外定义的变量的能力。闭包由函数及其相关的引用环境组成，引用环境包含了函数创建时所处的作用域中的变量。以下是一个闭包的例子：functionouterFunc</div> </li> <li><a href="/article/1757926783560204288.htm" title="安卓APP加载HTML5页面解决方案总结" target="_blank">安卓APP加载HTML5页面解决方案总结</a> <span class="text-muted">骋_listen</span> <div>由于H5页面在移动端的兼容性及扩展性方面体现出来的优势，又兼得APP中植入H5页面对应用的灵活性有大大的提升（如活动、游戏的更新等），APP开发不可避免的需要加载一些H5页面，但安卓客户端对网页内容的排版、整理、交互等可能会出现一些不可预料的问题。本文将对安卓端加载网页写一些比较通用，可能避免问题的统一的解决方法总结。背景一般对前端知识有所了解的都清楚，解析网页主要是靠页面渲染引擎和JS解析引擎，</div> </li> <li><a href="/article/1756706322436341760.htm" title="前端知识：ajax" target="_blank">前端知识：ajax</a> <span class="text-muted">长不大的大灰狼</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86/1.htm">前端知识</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a> <div>ajaxajax技术的目的是让javascript发送http请求（实现局部刷新或无刷新的效果），与后台通信，获取数据和信息。ajax技术的原理是实例化xmlHttpRequest对象，使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行，从而实现异步。不刷新页面更新网页在页面加载后从服务器请求数据在页面加载后从服务器接收数据在后台向服务器发送数据1同步和异步现实生活中，</div> </li> <li><a href="/article/1755490743264231424.htm" title="前端知识总结 js篇" target="_blank">前端知识总结 js篇</a> <span class="text-muted">小小攻城狮</span> <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><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a> <div>1.js运行机制setTimeout(function(){console.log('1')});newPromise(function(resolve){console.log('2');resolve();}).then(function(){console.log('3')});console.log('4');newPromise(function(resolve){console.log</div> </li> <li><a href="/article/1755145981512400896.htm" title="前端知识点复盘" target="_blank">前端知识点复盘</a> <span class="text-muted">Sherry 沈</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a> <div>组件和jsxconstroot=ReactDOM.createRoot(document.getElementById("root"))classAppextendsReact.Component{render(){return(sherry)}}root.render()箭头函数普通函数：function（）{}箭头函数（）=>{}只有一个参数的时候我们不需要为参数添加上括号，只有一个表达式的时</div> </li> <li><a href="/article/1754804433704730624.htm" title="前端基础复习（后端人员看前端知识）" target="_blank">前端基础复习（后端人员看前端知识）</a> <span class="text-muted">sunyunfei1994</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>企业级前端项目开发中，需要将前端开发所需要的工具、技术、流程、经验进行规范化和标准化，而不是零散的html、js、css文件堆叠在一起。首先我们需配置前端的开发基础环境NodeJS，相当于后端人员java开发的JDK。然后搭建前端工程脚手架Vue-cli，用于快速生成Vue的项目模板，相当于后端人员的maven标准化了目录结构。最后需下载前端代码开发工具VsCode，相当于我们的IDEA。Vue-</div> </li> <li><a href="/article/1754689328895770624.htm" title="好久不来了，这是入职三个月以来公司的笔记，我的葵花宝典，各种有的没的实用的前端知识" target="_blank">好久不来了，这是入职三个月以来公司的笔记，我的葵花宝典，各种有的没的实用的前端知识</a> <span class="text-muted">Sherlock_db</span> <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><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>hasOwnProperty()方法用来检测一个属性是否是对象的自有属性用this=this来把this注册在局部的作用域，使在function的时候（function只是在局部啊）this=this来把this注册在局部的作用域，使在function的时候（function只是在局部啊）this=this来把this注册在局部的作用域，使在function的时候（function只是在局部啊）t</div> </li> <li><a href="/article/1754134564067885056.htm" title="做Web自动化前，你必须掌握的几个技能" target="_blank">做Web自动化前，你必须掌握的几个技能</a> <span class="text-muted">码同学软件测试</span> <div>每天进步一点点，关注我们哦，每天分享测试技术文章本文章出自【码同学软件测试】码同学公众号：自动化软件测试码同学抖音号：小码哥聊软件测试学习web自动化的前提条件：手工测试（了解各种测试的知识）、学习编程语言、学习Web基础、学习自动化测试工具、学习自动化测试框架、需要掌握前端的一些知识，无论学习语言还是前端知识，都是为了接下来的脚本和框架做铺垫，本篇文章介绍下前端基础知识网页基础（HTML、CSS</div> </li> <li><a href="/article/1753800123499954176.htm" title="10个打开了我新世界大门的 WebAPI" target="_blank">10个打开了我新世界大门的 WebAPI</a> <span class="text-muted">前端点线面</span> <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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>大家好，我是“前端点线面”，一位新生代农民工，欢迎关注我获取最新前端知识和大量思维导图(“百题斩”获取《前端百题斩》pdf版；分别回复“go、React、操作系统、Linux、设计模式、js、webpack、nginx”获取对应学习思维导图，一起卷起来)原来我对这些WebAPI一无所知，打开了我新世界的大门，未来Web可以做到更多，早日一统江湖吧，吼吼吼。虽然这些API很多目前还存在兼容性的问题，</div> </li> <li><a href="/article/1752582786918662144.htm" title="Java后端须知的前端知识" target="_blank">Java后端须知的前端知识</a> <span class="text-muted">5-StarrySky</span> <a class="tag" taget="_blank" href="/search/JAVA/1.htm">JAVA</a><a class="tag" taget="_blank" href="/search/WEB%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/1.htm">WEB基础知识</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Java后端须知的前端知识HTML（超文本标记语言）W3C标准结构：HTML表现：CSS行为：JavaScript快速入门结构标签，表示这是一个html文档加载资源信息，添加标题加载标题（窗口上的字）定义文字文字标签color定义颜色html识别不区分大小写，标签属性值单双引皆可语法松散，语法错误可适当兼容-->基础标签Title我是标题h1我是标题h2我是标题h3我是标题h4我是标题h5我是标题</div> </li> <li><a href="/article/1752316042387931136.htm" title="flutter制作APP的学习" target="_blank">flutter制作APP的学习</a> <span class="text-muted">whrime</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>1.先从flutter对应的前端知识入手a.屏幕适配规律，解决大小样式问题https://juejin.cn/post/7039868577658175524（选择screenutil的使用指南：【Flutter】屏幕像素适配方案(flutter_screenutil插件)-CSDN博客Futter屏幕适配框架flutter_ScreenUtil用法-掘金中文文档：https://github.c</div> </li> <li><a href="/article/1752009571515252736.htm" title="毕业设计——基于SpringBoot+Mybatis+Thymeleaf架构实现的员工管理系统（源码+数据库）" target="_blank">毕业设计——基于SpringBoot+Mybatis+Thymeleaf架构实现的员工管理系统（源码+数据库）</a> <span class="text-muted">Python豆豆</span> <a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1%E6%8C%87%E5%AF%BC%E5%8F%8A%E5%AE%9A%E5%88%B6/1.htm">毕业设计指导及定制</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>员工管理系统（SpringBoot+Mybatis+Thymeleaf）SpringBoot整合CRUD实现员工管理案例，将Mybatis整合到原项目中，加入了数据库，添加了日期选项的控件。完整源码私信获取！环境要求JDK8以上IDEAMySQL8Maven3需要熟练掌握MySQL数据库，SpringBoot及MyBatis知识，简单的前端知识；数据库环境创建案例所使用的数据库CREATEDATA</div> </li> <li><a href="/article/1751960017763844096.htm" title="前端同步异步讲解--Ajax（axios进阶）的相关操作" target="_blank">前端同步异步讲解--Ajax（axios进阶）的相关操作</a> <span class="text-muted">菜鸟小木</span> <a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>前言：之前我们讲到了数据在前后端传输是依赖xml文件，但是由于时代变迁，他也已经比逐步淘汰，json对象就逐步开始作为数据传输通道的桥梁，忘记的话可以去回顾文章对应的json对象最全的前端知识之css与jsp介绍-CSDN博客文章浏览阅读1k次，点赞31次，收藏21次。ok了，宝子们，今天发布的是我自己理解的前端知识css以及jsp的相关知识。请各位观众老爷们查收CSS是“CascadingSty</div> </li> <li><a href="/article/1751959890655461376.htm" title="最全的前端知识之css与jsp介绍" target="_blank">最全的前端知识之css与jsp介绍</a> <span class="text-muted">菜鸟小木</span> <a class="tag" taget="_blank" href="/search/web/1.htm">web</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><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>前言ok了，宝子们，今天发布的是我自己理解的前端知识css以及jsp的相关知识。请各位观众老爷们查收一.css介绍（1）什么是cssCSS是“CascadingStyleSheet”的缩写，中文意思为“层叠样式表”（层层叠加的样式），它是一种标准的样式表语言，用于描述网页的表现形式（例如网页元素的位置、大小、颜色等）。CSS的主要作用是定义网页的样式（美化网页），对网页中元素的位置、字体、颜色、背</div> </li> <li><a href="/article/1751877990112837632.htm" title="如何有效的学习Web前端开发？" target="_blank">如何有效的学习Web前端开发？</a> <span class="text-muted">强哥科技兴</span> <div>一个好的Web前端工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢？当大家有了一些HTML的静态布局的基础，那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门，知道了Web前端到底是做什么的，那么我们入门之后应该学习哪些系统的前端知识体系呢？如果我们大家选择自学，那么我们就应该根据个人的学</div> </li> <li><a href="/article/1751840492804390912.htm" title="root + vm vh 实现响应式字体" target="_blank">root + vm vh 实现响应式字体</a> <span class="text-muted">程序员半夏</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E9%80%8FCSS/1.htm">学透CSS</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>大家好，我是半夏，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕点赞加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识!点我探索新世界！原文链接==>http://sylblog.xin/archives/52前言一个网页中最多的东西是啥?正常人的第一反映肯定是文字，你要是跟我说是图片，那我只能表示：响应式网页设计中</div> </li> <li><a href="/article/1751840493475479552.htm" title="[评论送书 ]手撕源码，实现一个Koa。" target="_blank">[评论送书 ]手撕源码，实现一个Koa。</a> <span class="text-muted">程序员半夏</span> <a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a> <div>大家好，我是半夏，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕点赞加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识！点我探索新世界！扫码或搜索添加文末公众号「搞前端的半夏」：硬核资料：领取1000+PPT模板、100+简历模板、行业经典书籍PDF。回复”网站模板“，免费送网站模板！回复”面试“：免费送你面试题库！</div> </li> <li><a href="/article/1751644217161039872.htm" title="经验 | UI设计要了解的10个前端知识" target="_blank">经验 | UI设计要了解的10个前端知识</a> <span class="text-muted">不错研究室</span> <div>请关注不错研究室在公司项目中，设计师了解前端，会极大提升和程序员的协作效率，减少技术信息不对称的现象。如果在一个网站项目中，程序员还在跟设计师讲解最基本的html、css、盒子模型知识，那开发效率就可想而知了。很多公司的项目，都采用了前端框架来开发，如果设计师了解这些框架，能在框架的结构基础上进行UI设计，那无疑会提高项目整体的开发效率。下面就一起了解下常见的前端框架，说不定面试的时候能帮大忙。A</div> </li> <li><a href="/article/1751643923605897216.htm" title="跨站脚本攻击漏洞-前端知识" target="_blank">跨站脚本攻击漏洞-前端知识</a> <span class="text-muted">Ryongao</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a> <div>HTML和Javascript概述HTML知识Javascript概述Javascript知识什么是javascript是一种可以在浏览器中运行的脚本语言。主要用来实现在浏览器端的动作:用户交互、数据处理和java的关系八竿子打不着的关系。Java需要编译，在虚拟机运行Javascript是解释性语言，源代码放在html中HTML中javascript的存在方式有几种1.在script标签中2.在</div> </li> <li><a href="/article/1751638079354978304.htm" title="Vite学习指南" target="_blank">Vite学习指南</a> <span class="text-muted">秋の本名</span> <a class="tag" taget="_blank" href="/search/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a> <div>那本课程都适合哪些人群呢？想要学习前端工程化，在新项目中投入使用Vite构建工具的朋友Webpack转战到Vite的小伙伴前端架构师们，可以充实自己的工具箱当然如果你没有项目相关开发经验，也可以从本课程中受益，让你开阔眼界，将你学到的前端知识融会贯通，应用到你的实战中。2.1什么是ViteVite（法语意为"快速的"，发音/vit/，发音同"veet"）是一种新型前端构建工具，能够显著提升前端开发</div> </li> <li><a href="/article/1751615922440781824.htm" title="layer关闭当前弹出层，返回父层" target="_blank">layer关闭当前弹出层，返回父层</a> <span class="text-muted">i高安</span> <div>今天做项目的时候，遇到一个问题：当我在弹出层做完操作之后，再返回父层的时候发现发层出现在了弹出层里......由于我是后台开发，前端知识学的一塌糊涂，卡了很久终于解决了UwUvarindex=parent.layer.getFrameIndex(window.name);parent.layer.close(index);第一行代码是获取父层的窗口索引第二行是关闭弹框。那么问题又来了，我想延迟几秒</div> </li> <li><a href="/article/1751126925700513792.htm" title="如何有效的学习Web前端开发？" target="_blank">如何有效的学习Web前端开发？</a> <span class="text-muted">强哥科技兴</span> <div>一个好的Web前端工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢？当大家有了一些HTML的静态布局的基础，那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门，知道了Web前端到底是做什么的，那么我们入门之后应该学习哪些系统的前端知识体系呢？如果我们大家选择自学，那么我们就应该根据个人的学</div> </li> <li><a href="/article/1750959549809967104.htm" title="基础前端知识第一期：DIV 标签" target="_blank">基础前端知识第一期：DIV 标签</a> <span class="text-muted">Eccc_o</span> <a class="tag" taget="_blank" href="/search/WEB/1.htm">WEB</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一.表达方式二.属性1.borderborder-radius:10px10px10px10px/四个角的弯曲程度/border-width:3px3px3px3px/四边的长/border-color:blue/边框的颜色/2.backgroudbackground-color背景色3.positionrelative相对属性absolute绝对属性4.colorbackground-color</div> </li> <li><a href="/article/1750859538250088448.htm" title="前端知识--ES6" target="_blank">前端知识--ES6</a> <span class="text-muted">钱端挖掘机师傅</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/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/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1、ES6新特性JS开发者必须知道的十个ES6新特性1）ES6中的默认参数/*ES6之前，不能直接为函数的参数指定默认值，只能采用变通的方法。当传递参数的值为0时，因为0在JavaScript中算是false值，它会直接变成后面硬编码的值而不是0本身*/functionlog(x,y){y=y||'World';console.log(x,y);}log('Hello')//HelloWorld/</div> </li> <li><a href="/article/1750781588989296640.htm" title="博客系统(页面设计)" target="_blank">博客系统(页面设计)</a> <span class="text-muted">学代码的咸鱼</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%AE%80%E5%8D%95%E4%BB%8B%E7%BB%8D/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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div>当前先完成页面设计的部分，通过前面学习的前端知识来构建出一个简单的博客系统网页。主要分成四个页面：1.博客列表页、2.博客正文页、3.博客登陆页、4.博客编辑页。文章目录1.实现博客列表页1.1实现导航栏1.2实现内容1.3实现个人信息1.4实现博客列表2.实现博客正文页2.1实现博客正文3.实现博客登陆页3.1实现版心3.2实现登陆框4.实现博客编辑页4.1实现编辑区4.2引入editor.md</div> </li> <li><a href="/article/1750585407336103936.htm" title="day30_HTML" target="_blank">day30_HTML</a> <span class="text-muted">师范大学通信大怨总</span> <a class="tag" taget="_blank" href="/search/Java%E9%9B%B6%E5%9F%BA%E7%A1%80%E5%AD%A6%E4%B9%A0/1.htm">Java零基础学习</a><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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>day25后几天为答疑和测试，第二阶段学习第一天是day30在今日内容0复习昨日1本周安排2第二阶段介绍3HTML0复习昨日1本周安排前面的Java知识类,对象,属性,方法String,日期操作,包装类操作集合操作本周HTML1天CSS1天JavaScript3天前端知识比后端简单,注意是记单词,要求就是会用见到别人写的页面要认识2第二阶段介绍第一阶段是java基础,第二阶段是javaweb,我们</div> </li> <li><a href="/article/1750487138429845504.htm" title="前端知识体系思维导图" target="_blank">前端知识体系思维导图</a> <span class="text-muted">梦之归途</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>绝大部分分类方法、专业术语，出自专业书籍，如《JavaScript高级程序设计（第4版）》、《JavaScript权威指南（第7版）》《CSS权威指南（第四版）》、《HTML5权威指南》、《计算机网络（第5版）》、《数据结构与算法分析——C语言描述》等，欢迎爱读书的小伙伴一起探讨！思维导图大纲及重难点文章链接1.JavaScript语言核心语法、类型、语句、关键字、保留字、操作符、全局对象与浏览器</div> </li> <li><a href="/article/1750397536721453056.htm" title="终于彻底搞明白了，webpack-devServer使用、运行流程、实现原理、常用配置项" target="_blank">终于彻底搞明白了，webpack-devServer使用、运行流程、实现原理、常用配置项</a> <span class="text-muted">前端驿站Lite</span> <a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>如果你想学到更多实用前端知识。可以关注我的公众号：【前端驿站Lite】，一个不止分享前端的地方ᕦ(•̀∀•́)ᕤ阅读收获阅读完本篇文章，你将会有以下收获：webpack-dev-middleware是什么、如何进行工作的。webpack-dev-server是什么、如何进行工作的、实现原理是什么。webpack-dev-server常用配置项static、hot、proxy重点解读。webpack</div> </li> <li><a href="/article/30.htm" title="Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor" target="_blank">Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor</a> <span class="text-muted">yangshangchuan</span> <a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E6%8A%BD%E5%8F%96/1.htm">信息抽取</a><a class="tag" taget="_blank" href="/search/HtmlExtractor/1.htm">HtmlExtractor</a><a class="tag" taget="_blank" href="/search/%E7%B2%BE%E5%87%86%E6%8A%BD%E5%8F%96/1.htm">精准抽取</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E9%87%87%E9%9B%86/1.htm">信息采集</a> <div>HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。如</div> </li> <li><a href="/article/157.htm" title="java编程思想 -- 多态" target="_blank">java编程思想 -- 多态</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/%E5%A4%9A%E6%80%81%E8%AF%A6%E8%A7%A3/1.htm">多态详解</a> <div>一: 向上转型和向下转型面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =</div> </li> <li><a href="/article/284.htm" title="[自动数据处理]稳扎稳打,逐步形成自有ADP系统体系" target="_blank">[自动数据处理]稳扎稳打,逐步形成自有ADP系统体系</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/dp/1.htm">dp</a> <div>       对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的</div> </li> <li><a href="/article/411.htm" title="storm 自定义日志文件" target="_blank">storm 自定义日志文件</a> <span class="text-muted">商人shang</span> <a class="tag" taget="_blank" href="/search/storm/1.htm">storm</a><a class="tag" taget="_blank" href="/search/cluster/1.htm">cluster</a><a class="tag" taget="_blank" href="/search/logback/1.htm">logback</a> <div>Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输</div> </li> <li><a href="/article/538.htm" title="Extjs3 SpringMVC使用 @RequestBody 标签问题记录" target="_blank">Extjs3 SpringMVC使用 @RequestBody 标签问题记录</a> <span class="text-muted">21jhf</span> <div>springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下：（由于使用了父类aaa</div> </li> <li><a href="/article/665.htm" title="一些排错方法" target="_blank">一些排错方法</a> <span class="text-muted">文强chu</span> <a class="tag" taget="_blank" href="/search/%E6%96%B9%E6%B3%95/1.htm">方法</a> <div>1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o</div> </li> <li><a href="/article/792.htm" title="Swing中文件恢复我觉得很难" target="_blank">Swing中文件恢复我觉得很难</a> <span class="text-muted">小桔子</span> <a class="tag" taget="_blank" href="/search/swing/1.htm">swing</a> <div>       我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，</div> </li> <li><a href="/article/919.htm" title="php 文件操作" target="_blank">php 文件操作</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E8%AF%BB%E5%8F%96%E6%96%87%E4%BB%B6/1.htm">读取文件</a><a class="tag" taget="_blank" href="/search/%E5%86%99%E5%85%A5%E6%96%87%E4%BB%B6/1.htm">写入文件</a> <div>1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire.&quot</div> </li> <li><a href="/article/1046.htm" title="MySQL的btree索引和hash索引的区别" target="_blank">MySQL的btree索引和hash索引的区别</a> <span class="text-muted">AILIKES</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>Hash 索引结构的特殊性，其检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢</div> </li> <li><a href="/article/1173.htm" title="JAVA的抽象--- 接口 --实现" target="_blank">JAVA的抽象--- 接口 --实现</a> <span class="text-muted">百合不是茶</span> <div>抽象接口实现接口   //抽象类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体抽象的定义使用abstract   abstract class A 定义一个抽象类例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //</div> </li> <li><a href="/article/1300.htm" title="JS变量作用域实例" target="_blank">JS变量作用域实例</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E4%BD%9C%E7%94%A8%E5%9F%9F/1.htm">作用域</a> <div><script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b); </div> </li> <li><a href="/article/1427.htm" title="TDD实践（二）" target="_blank">TDD实践（二）</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/TDD/1.htm">TDD</a> <div>实践题目：分解质因数 Step1：单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.</div> </li> <li><a href="/article/1554.htm" title="[MongoDB学习笔记一]MongoDB主从复制" target="_blank">[MongoDB学习笔记一]MongoDB主从复制</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。本文介绍MongoDB的主从复制模式，需要指明</div> </li> <li><a href="/article/1681.htm" title="【HBase五】Java API操作HBase" target="_blank">【HBase五】Java API操作HBase</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a> <div>import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha</div> </li> <li><a href="/article/1808.htm" title="python调用zabbix api接口实时展示数据" target="_blank">python调用zabbix api接口实时展示数据</a> <span class="text-muted">ronin47</span> <div>zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项 &nbsp</div> </li> <li><a href="/article/1935.htm" title="jsp取得绝对路径" target="_blank">jsp取得绝对路径</a> <span class="text-muted">byalias</span> <a class="tag" taget="_blank" href="/search/%E7%BB%9D%E5%AF%B9%E8%B7%AF%E5%BE%84/1.htm">绝对路径</a> <div>在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下：一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。 </div> </li> <li><a href="/article/2062.htm" title="Java定时任务调度：用ExecutorService取代Timer" target="_blank">Java定时任务调度：用ExecutorService取代Timer</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是：如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被</div> </li> <li><a href="/article/2189.htm" title="SQL 优化原则" target="_blank">SQL 优化原则</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div> 一、问题的提出　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统</div> </li> <li><a href="/article/2316.htm" title="java 线程弹球小游戏" target="_blank">java 线程弹球小游戏</a> <span class="text-muted">CrazyMizzz</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a> <div>最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse</div> </li> <li><a href="/article/2443.htm" title="hadoop jps出现process information unavailable提示解决办法" target="_blank">hadoop jps出现process information unavailable提示解决办法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/jps/1.htm">jps</a> <div>hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 -- </div> </li> <li><a href="/article/2570.htm" title="PHP图片水印缩放类实现" target="_blank">PHP图片水印缩放类实现</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div> <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos</div> </li> <li><a href="/article/2697.htm" title="IOS控件学习：UILabel常用属性与用法" target="_blank">IOS控件学习：UILabel常用属性与用法</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/UILabel/1.htm">UILabel</a> <div>参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281</div> </li> <li><a href="/article/2824.htm" title="完全手动建立maven骨架" target="_blank">完全手动建立maven骨架</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>建一个 JAVA 项目： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a</div> </li> <li><a href="/article/2951.htm" title="配置清单" target="_blank">配置清单</a> <span class="text-muted">gengzg</span> <a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE/1.htm">配置</a> <div>1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm</div> </li> <li><a href="/article/3078.htm" title="Windows端口被占用处理方法" target="_blank">Windows端口被占用处理方法</a> <span class="text-muted">huqiji</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a> <div>以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&</div> </li> <li><a href="/article/3205.htm" title="开源ckplayer 网页播放器，跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！" target="_blank">开源ckplayer 网页播放器，跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！</a> <span class="text-muted">天梯梦</span> <a class="tag" taget="_blank" href="/search/mobile/1.htm">mobile</a> <div>CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，</div> </li> <li><a href="/article/3332.htm" title="简单工厂设计模式" target="_blank">简单工厂设计模式</a> <span class="text-muted">hm4123660</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%8E%82%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">工厂设计模式</a><a class="tag" taget="_blank" href="/search/%E7%AE%80%E5%8D%95%E5%B7%A5%E5%8E%82%E6%A8%A1%E5%BC%8F/1.htm">简单工厂模式</a> <div>       简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。 </div> </li> <li><a href="/article/3459.htm" title="maven笔记" target="_blank">maven笔记</a> <span class="text-muted">zhb8015</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test</div> </li> <li><a href="/article/3586.htm" title="非mapreduce生成Hfile，然后导入hbase当中" target="_blank">非mapreduce生成Hfile，然后导入hbase当中</a> <span class="text-muted">Stark_Summer</span> <a class="tag" taget="_blank" href="/search/map/1.htm">map</a><a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a><a class="tag" taget="_blank" href="/search/reduce/1.htm">reduce</a><a class="tag" taget="_blank" href="/search/Hfile/1.htm">Hfile</a><a class="tag" taget="_blank" href="/search/path%E5%AE%9E%E4%BE%8B/1.htm">path实例</a> <div>最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile</div> </li> <li><a href="/article/3713.htm" title="jsp web tomcat 编码问题" target="_blank">jsp web tomcat 编码问题</a> <span class="text-muted">王新春</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/pageEncode/1.htm">pageEncode</a> <div>今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi</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>