tz_1qu212

HTML入门

编辑于2018年1月1日

算是《HTML5从入门到精通》这本书的读书笔记，四百多页就讲了一点东西。

一、HTML基础

文件开始标签、文件头部标签、文件标题标签、文件主体标签<body>。</p> <p>二、HTML文件基本标记</p> <p>1、元信息标记<meta></p> <p>1.1设置页面关键字<meta name='keyname' content='具体的关键字'></p> <p>1.2设置页面描述<meta name='description' content='对页面的描述语言'></p> <p>1.3设置编辑工具<meta name='generator' content='编辑软件的名称'></p> <p>1.4设定作者信息<meta name='author' content='作者的姓名'></p> <p>1.5限制搜索方式<meta name='robots' content='搜索方式'><br> content的值:all、index、nofollow、noindex、none</p> <p>1.6设置网页文字及语言</p> <p> 第一种方法：<meta http-equiv='Content-Type' content='text/html;charset=字符集类型'></p> <p> 第二中方法：<meta http-equiv='Content-Language' content='语言'></p> <p>1.7设置网页的定时跳转<meta http-equiv='refresh' content='跳转时间;url=链接地址'></p> <p>1.8设定有效期限<meta http-equiv='expires' content='到期的时间'></p> <p>1.9禁止从缓存中调用</p> <p> <meta http-equiv='cache-control' content='no-cache'></p> <p> <meta http-equiv='pragma' content='no-cache'></p> <p>1.10删除过期的cookie<meta http-equiv='set-cookie' content='到期的时间'></p> <p>1.11强制打开新窗口<meta http-equiv='windows-target' content='_top'></p> <p>1.12设置网页的过渡效果<meta http-equiv='过渡事件' content='revealtrans(duration=过渡效果持续时间,transition=过渡方式)'></p> <p> 进入页面的http-equiv值为page-enter，离开页面的http-equiv值为page-exist。</p> <p>2、基底网址标记<base><base href='链接地址' target='新窗口打开的方式'>放在头部定义，通常配合<a href='相对地址'></p> <p>3、页面主体标记<body></p> <p>3.1设置文字颜色<body text='颜色代码'></p> <p>3.2背景颜色属性<body bgcolor='颜色代码'></p> <p>3.3背景图像属性<body background='images/1.jpg' bgproperties='fixed'>将bgproperties设置为fixed则背景图片会固定在页面上静止不动，可以配合css是图片不重复显示。</p> <p>3.4设置链接文字的颜色</p> <p><body link='链接颜色' alink='正在访问的链接颜色' vlink='访问过的链接颜色'></p> <p>3.5设置边距<body topmargin='上边距的值' leftmargin='左边距的值'></p> <p>4、页面的注释</p> <p>三、文字标记和属性</p> <p>1、文字标记</p> <p>1.1字号从大到小<h1></h1>...<h6></h6></p> <p>1.2设置文字格式<font></font></p> <p>1.3粗体、斜体、下划线<strong></strong>、<em></em>、<u></u></p> <p>1.4上标与下标<sup></sup>、<sub></sub></p> <p>1.5删除线<strike></strike>或<s></s></p> <p>1.6等宽文字标记<code></code>或<samp></samp></p> <p>1.7段落标记<p></p></p> <p>1.8取消换行标记<nobr></nobr></p> <p>1.9换行标记</br></p> <p>1.10保留原始版式标记<pre></pre></p> <p>1.11居中对齐标记<center></center></p> <p>1.12向右缩进标记<blockquote></blockquote></p> <p>1.13水平线标记</hr></p> <p>1.14文字标注标记<ruby>被说明的文字<rt>文字的标注</rt></ruby></p> <p>1.15声明变量标记<var></var></p> <p>1.16忽视HTML标记</plaintext>或</xmp></p> <p>2、特殊符号的输入</p> <p>2.1空格 </p> <p>2.2引号"</p> <p>2.3左尖括号<</p> <p>2.4右尖括号></p> <p>2.5乘号×</p> <p>2.6小节符号§</p> <p>2.7版权所有符合©</p> <p>2.8已注册符合®</p> <p>2.9商标符合&trade</p> <p>3、标记属性</p> <p>3.1文字、水平线对齐方式align</p> <p>3.2设置文字字体face</p> <p>3.3设置字号size</p> <p>3.4设置文字、水平线颜色color</p> <p>3.5设置水平线的宽度与高度width、height</p> <p>3.6去掉水平线阴影noshade</p> <p>四、使用列表</p> <p>1、无序列表标记ul</p> <p>无序列表的符号类型属性type：disc实心圆点，circle空心圆点，square实心方块。</p> <p>2、有序列表标记ol</p> <p>有序列表的符号类型属性type：1、a、A、i、I；</p> <p>有序列表的起始数值start</p> <p>3、菜单列表标记menu</p> <p>4、目录列表标记dir</p> <p>5、列表项标记li</p> <p>6、定义列表标记</p> <p><dl><dt>名词</dt><dd>解释</dd></dl></p> <p>五、超链接</p> <p>1、<a href='链接地址' target='目标窗口的打开方式'>链接元素</a></p> <p>target值：_parent、_blank、_self、_top。</p> <p>2、书签链接</p> <p>2.1<a name='书签名称'></a></p> <p>2.2链接到同一页面的书签<a href='#书签的名称'>内容</a></p> <p>2.3链接到不同页面的书签<a href='链接地址#书签的名称'>内容</a></p> <p>3、其他链接</p> <p><a href='http://...'></a></p> <p><a href='ftp://...'></a></p> <p><a href='mailto:电子邮件地址?CC=电子邮件地址&Subject=主题文字&BCC=电子邮件地址&Body=邮件内容'></a></p> <p><a href='javascript:...'></a></p> <p>空链接<a href='#'></a></p> <p>六、使用图像</p> <p>1、<img src='图像文件地址' width='宽' height='高' border='图像边框的宽度' hspace='水平间距' vspace='垂直间距' align='对齐方式' alt='提示文字的内容' href='链接地址' target='目标窗口的打开方式' usemap='#映射图像名称'/></p> <p>2、<map name='映像图像的名称'><area shape='热区形状' coords='热区坐标' href='链接地址' alt='提示文字的内容'/></map></p> <p>七、创建表格</p> <p>1、标记</p> <p>1.1表格标记table</p> <p>1.2行标记tr</p> <p>1.3单元格标记td</p> <p>1.4表格的标题标记caption</p> <p>1.5表头标记th或者thead</p> <p>1.6表主体标记tbody</p> <p>1.7表尾标记tfoot</p> <p>2、属性</p> <p>2.1宽度、高度、对齐方式width、height、align</p> <p>2.2<table border='边框宽度' bordercolor='边框颜色' cellspacing='内框宽度' cellpadding='文字与边框的距离' bgcolor='表格背景颜色' background='背景图像地址' ></table></p> <p>2.3<trbordercolor='行的边框颜色'bgcolor='行的背景颜色'align='水平对齐方式' valign='垂直对齐方式'></tr></p> <p>2.4<td colspan='跨的列数' rowspan='单元格跨行数' bordercolorlight='亮边框颜色' bordercolordark='暗边框颜色'bordercolor='单元格的边框颜色'bgcolor='单元格的背景颜色'align='水平对齐方式' valign='垂直对齐方式'></td></p> <p>八、层标记</p> <p>1、id='id' css规则：#id{css样式}</p> <p>2、class='.class' css规则：.class{css样式}</p> <p>3、style属性</p> <p><div style='position:值;display:值;visibility:值'></div></p> <p>4、行内标签span</p> <p>5、浮动帧标签iframe</p> <p>6、层标签layer和ilayer</p> <p>九、编辑表单</p> <p>1、<form name='表单名称' action='表单的处理程序' method='传送方式' enctype='编码方式' target='目标窗口的打开方式'></form></p> <p>2、输入类控件</p> <p><input type='控件名称'></input></p> <p>2.1type的值：文字字段text、密码域password、单选按钮radio、复选框checkbox、普通按钮button、提交按钮submit、重置按钮reset、图像域image、隐藏域hidden、文件域file</p> <p>3、列表/菜单标记</p> <p><select name='下拉菜单的名称' multiple='是否可以多选'><option value='选项值' selected='是否选中'>选项显示内容</option></select></p> <p>4、文本域标记<textarea></textarea></p> <p>十、多媒体页面</p> <p>1、设置滚动文字<marquee direction='滚动方向' behavior='滚动方式' scrollamount='滚动速度' scrolldelay='滚动延迟时间间隔' loop='循环次数' width='宽' height='高' bgcolor='背景颜色' hspace='水平范围' vspace='垂直范围'></marquee></p> <p>滚动方式：scroll循环滚动，slide只滚动一次，alternate来回交替进行滚动。</p> <p>2、添加背景音乐</p> <p><bgsound src='背景音乐地址' loop='循环次数'/></p> <p>3、添加多媒体文件</p> <p><embed src='多媒体文件地址' width='播放界面的宽度' height='播放界面的高度' autostart='是否自动运行' loop='是否循环播放true|false' hidden='是否隐藏'></embed></p> <p>十一、HTML5的新特性</p> <p>兼容性、实用性、互通性</p> <p>十二、HTML5与HTML4的区别</p> <p>全局属性</p> <p>1、contentEditable是否可编辑</p> <p>2、designMode整个页面是否可编辑，该属性只能在JavaScript脚本里编辑修改</p> <p>3、hidden是否可见</p> <p>4、spellcheck是否检查拼写与语法</p> <p>5、tabindex获得焦点的顺序</p> <p>十三、HTML的结构</p> <p>1、article一般有标题</p> <p>2、section一般有标题</p> <p>3、nav导航栏标记，通常子标记是列表标记</p> <p>4、aside文章附属标记</p> <p>5、<time datetime='日期T时间Z'></time></p> <p>6、header</p> <p>7、hgroup分组标记</p> <p>8、footer</p> <p>9、address</p> <p>十四、HTML5中的表单</p> <p>1、<input type='控件类型' placeholder='提示信息' autocomplete='是否保存输入值' autofocus='是否获得焦点' required='是否必填' pattern='正则法则'></input></p> <p>2、<input type='range' min='最小值' max='最大值' value='默认值' step='递增递减的梯度'></input></p> <p>3、<input type='控件类型'></input></p> <p>控件类型：email、url、date、time、datetime、datetime-local、month、week、number、range、search。</p> <p>css写法input[type='控件类型']{css样式}</p> <p>4、<output onforminput='输出值'></output></p> <p>5、JavaScript是否可以通过checkValidity方法验证是否符合格式</p> <p>6、JavaScript中setCustomValidity("错误提示信息")</p> <p>7、块级图像<figure><img src='图像地址'/></br><figcaption>图像描述</figcaption></figure></p> <p>8、可展开、收缩区域<details open='默认是否展开'><summary>点击该元素，整个detail则会展开、收缩</summary><p></p></detail></p> <p>9、<mark>高亮显示内容</mark></p> <p>10、<progress max='最大值' value='默认值'></progress></p> <p>11、<meter></meter>获得标签内的第一个数字</p> <p>12、cite元素</p> <p>13、small元素，具体仍需在CSS样式中设置。</p> <p>十五、HTML5中的文件与拖放</p> <p>1、<input type='file' accept='image/*'/></p> <p>2、使用FileReader接口读取文件</p> <p>2.1检测浏览器是否支持FileReader接口if(typeofFileReader=='undefined'){}</p> <p>2.2fileReader.readAsDataURL(file)将文件以Data URL形式读入页面</p> <p>2.3fileReader.readAsText(file)将文件以文本形式读入页面</p> <p>2.4FileReader接口中的事件onabort、onerror、onload、onloadend、onloadstart、onprogress。</p> <p>3、拖放API：dragstart、drag、dragenter、dragover、dragleave、drop、dragend。</p> <p>4、dataTransfer对象API：dropEffect、effectAllowed、types、clearData、setData、getData、setDragImage。</p> <p>十六、多媒体播放</p> <p>1、audio和video元素</p> <p>2、<video src='文件地址' autoplay='是否自动播放' perload='是否预加载none|metadata|auto' controls='controls'/></p> <p>controls控制条属性</p> <p>3、多媒体元素常用方法</p> <p>video.play()、video.pause()、video.load()</p> <p>4、多媒体元素事件处理</p> <p><video 事件方法='JavaScript函数名'></video></p> <p>video.addEventListener(type,listener,useCapture);type事件名，listener函数名,useCapture为true则在Capture阶段处理事件，false则在Bubble阶段处理事件</p> <p> </p> <pre><code class="language-html hljs"> Capture阶段：DOCUMENT -> BODY -> 目标 Target阶段：目标 Bubble阶段：目标 -> BODY -> DOCUMENT</code></pre> <p>十七、绘制图形</p> <p> </p> <p>1、<canvas style='border:1px solid;' width='宽' height='高'/></p> <p>2、绘制方法：</p> <p>2.1var context=canvas.getContext('2d');</p> <p>2.2context.fillStyle='green';</p> <p> context.strokeStyle='red';</p> <p> context.lineWidth='1';</p> <p> context.fillRect(x,y,width,height);</p> <p> context.strokeRect(x,y,width,height);</p> <p>3、圆弧的绘制</p> <p> context.beginPath();开始路径的创建</p> <p> context.arc(x,y,radius,startAngle,endAngle,anticlockwise);</p> <p>4、moveTo(x,y)不绘制，移动到目标坐标</p> <p> lineTo(x,y)移动到目标坐标，并绘制一条直线</p> <p>5、贝塞尔三次曲线bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y)</p> <p> 贝塞尔二次曲线quadraticCurveTo(cp1x,cp1y,x,y)</p> <p>6、运用样式</p> <p>6.1颜色：context.fillStyle='颜色'</p> <p>6.2context.globalAlpha = 透明度；</p> <p>6.3context.lineWidth=线宽;</p> <p> context.lineCap=butt|round|square线段端点样式;</p> <p> context.lineJoin=round|bevel|miter两线段连接处样式;</p> <p>7、绘制渐变图形</p> <p>7.1绘制线性渐变</p> <p>context.createLinearGradient(xStart,yStart,xEnd,yEnd)</p> <p>context.addColorStop(offset,color)</p> <p>7.2绘制径向渐变</p> <p>context.createRadialGradient(xStart,yStart,radiusStart,xEnd,yEnd,radiusEnd)</p> <p>8、坐标的变换</p> <p>8.1平移context.translate(x,y)</p> <p>8.2缩放context.scale(x,y)</p> <p>8.3旋转context.rotate(angle)</p> <p>8.4矩阵变换context.transform(m11,m12,m21,m22,dx,dy)</p> <p>9、组合多个图形</p> <p>context.globalCompositeOperation=type</p> <p>type值：source-over、destination-over、source-in、destination-in、source-out、destination-out、source-atop、destination-atop、lighter、darker、xor、copy</p> <p>10、给图形绘制阴影shadowOffsetX、shadowOffsetY、shadowBlur、shadowColor</p> <p>11、绘制图像</p> <p>drawImage(image,x,y)</p> <p>drawImage(image,x,y,width,height)</p> <p>drawImage(image,sx,sy,sWidth,sHeight,dx,dy,dWidth,dHeight)</p> <p>12、图像的局部放大drawImage(image,sx,sy,sWidth,sHeight,dx,dy,dWidth,dHeight)</p> <p>13、图像平铺context.createPattern(image,type);type值no-repeat、repeat-x、repeat-y、repeat。</p> <p>14、图像剪裁context.clip();</p> <p>15、像素的处理</p> <p>获取像素context.getImage(sx,sy,sw,sh)</p> <p>设置像素context.putImageData(imagedata,dx,dy[,dirtyX,dirtyY,dirtyWidth,dirtyHeight]);</p> <p>16、绘制文字fillText(text,x,y[,maxWidth]);strokeText(text,x,y[,maxWidth]);</p> <p>17、保存与恢复状态sava和restore</p> <p>18、文件的保存canvas.toDataURL('保存地址');</p> <p>19、设置动画的间隔时间setInterval(动画函数,动画间隔时间);</p> <p>十八、数据存储</p> <p>1、Web Storage</p> <p>1.1形式sessionStorage、localStorage。</p> <p>1.2数据的存储与获取setItem('key',key),getItem('key')</p> <p>1.3数据的删除与清空removeItem(key),clear()</p> <p>2、JSON的使用</p> <p>2.1var str=JSON.stringify(data);</p> <p> localStorage.setItem(key值,str);</p> <p>2.2var data=JSON.parse(str);</p> <p>3、本地数据库SQLite</p> <p>十九、离线应用程序</p> <p>1、manifest(缓存清单)</p> <p> </p> <pre class="has"><code class="language-html">CACHE MANIFEST version 201801012200 CACHE: other.html mr.js images/mrphoto.jpg NETWORK: http://192.168.x.x:x/mr mr.php * FALLBACK: online.js locale.js CACHE: newmr.html newmr.js</code></pre> <p>需要在Web应用程序页面上的html标签的manifest属性中指定manifest文件的URL地址：</p> <p> </p> <p><html manifest='manifest文件位置'></html></p> <p>2、applicationCache对象</p> <p>2.1swapCache()手工进行本地缓存的更新</p> <p>2.2事件监听applicationCache.addEventListener('事件名',回调函数)</p> <p>二十、使用Web Worker处理线程</p> <p>1、步骤</p> <p>1.1var worker=new Worker('worker.js');</p> <p>1.2worker.postMessage(message);发送消息</p> <p>1.3worker.onmessage=function(event){//处理接受的消息};</p> <p>2、导入多个JavaScript文件，importScripts('js文件','js文件');</p> <p>二十一、通信API</p> <p>otherWindow.postMessage(message,targetOrigin);</p> <p>第一个参数可以是所发送的消息文本或者任何JavaScript对象，第二个参数可以为具体的URL地址；</p> <p>ｗindow.addEventListener('message',function(//发送消息的监听处理){},false);</p> <p>二十二、获取地理位置信息Geolocation API</p> <p>1、getCurrentPosition(成功后的回调函数，失败后的回调函数，可选属性列表);获取当前地理位置</p> <p>geolocation.getCurrentPosition(function(position){//成功回调函数},function(error){//失败回调函数},options);</p> <p>2、watchCurrentPosition(onSuccess,onError,options);持续监视当前地理位置的信息</p> <p>3、clearWatch(watchId);停止获取当前用户的地理位置信息</p> <p>4、position对象属性：latitude、longitude、altitude、accuracy、altitudeAccurancy、heading、speed、timestamp。</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1294546701763289088"></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">你可能感兴趣的:(Hybird)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835057219947819008.htm" title="Unity 热更之【HybirdCLR】+【YooAsset】 [安卓 Android端] [代码 + 资源热更] 功能的简单实现演示" target="_blank">Unity 热更之【HybirdCLR】+【YooAsset】 [安卓 Android端] [代码 + 资源热更] 功能的简单实现演示</a> <span class="text-muted">仙魁XAN</span> <a class="tag" taget="_blank" href="/search/Unity/1.htm">Unity</a><a class="tag" taget="_blank" href="/search/%E8%BF%9B%E9%98%B6/1.htm">进阶</a><a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/HybirdCLR/1.htm">HybirdCLR</a><a class="tag" taget="_blank" href="/search/YooAsset/1.htm">YooAsset</a><a class="tag" taget="_blank" href="/search/HotUpdate/1.htm">HotUpdate</a><a class="tag" taget="_blank" href="/search/%E7%83%AD%E6%9B%B4%E6%96%B0/1.htm">热更新</a> <div>Unity热更之【HybirdCLR】+【YooAsset】[安卓Android端][代码+资源热更]功能的简单实现演示目录Unity热更之【HybirdCLR】+【YooAsset】[安卓Android端][代码+资源热更]功能的简单实现演示一、简单介绍二、HybridCLR三、YooAsset四、HybirdCLR引入工程五、YooAsset引入工程六、Python服务器简单构建七、Hybir</div> </li> <li><a href="/article/1759913759347929088.htm" title="ionic3打包APP" target="_blank">ionic3打包APP</a> <span class="text-muted">thisDong</span> <div>ionicionic是一个强大的HTML5应用程序开发框架(HTML5HybridMobileAppFramework)。可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的HTML5移动应用程序开发。ionic是一个轻量的手机UI库，具有速度快，界面现代化</div> </li> <li><a href="/article/1756401135104573440.htm" title="Blazor入门100天 : 自做一个手势滑动组件" target="_blank">Blazor入门100天 : 自做一个手势滑动组件</a> <span class="text-muted">Densen2014</span> <a class="tag" taget="_blank" href="/search/Blazor/1.htm">Blazor</a><a class="tag" taget="_blank" href="/search/Blazor/1.htm">Blazor</a><a class="tag" taget="_blank" href="/search/hybird/1.htm">hybird</a><a class="tag" taget="_blank" href="/search/%2F/1.htm">/</a><a class="tag" taget="_blank" href="/search/MAUI/1.htm">MAUI</a><a class="tag" taget="_blank" href="/search/Blazor/1.htm">Blazor</a><a class="tag" taget="_blank" href="/search/Blazor%E7%BB%84%E4%BB%B6/1.htm">Blazor组件</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/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>####0.我想在blazor模仿app实现触摸返回,下拉刷新…现在用blazor做app(blazorhybird)和支持手机浏览页面越来越多,net8也推出了一个webappauto模式,可谓是极大的利好,2024让auto流行起来,配套源码demohttps://blazor.app1.es/b20Gesture####1.新建net8blazor工程b20Gesture至于用什么模式大家各</div> </li> <li><a href="/article/1755922937694666752.htm" title="React-Native与安卓原生的混合开发" target="_blank">React-Native与安卓原生的混合开发</a> <span class="text-muted">heyrenly</span> <div>写在前面目前很多大厂APP（如淘宝、饿了么、美团等等）并不是纯原生Android&IOS，也不是纯JS开发，而是HybirdAPP开发，混合型优势很多：比如热更新，保证在一些类似双十一的活动到来时能够快速上线活动页面，用户不必再去更新APP。再来有效地减小了安装包的体积大小，大部分的界面都位于服务器端，本地只需要进行绘制。1.新建Android项目我这里使用之前的项目rn012.在项目根目录引入R</div> </li> <li><a href="/article/1755700526961410048.htm" title="hybird app 和小程序" target="_blank">hybird app 和小程序</a> <span class="text-muted">qq_33453797</span> <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>不知道你是否好奇，像微信，支付宝，抖音，美团等这些平台型APP，它们这么强大的功能是怎么实现的？而且现在火热的native+小程序又是怎么回事？为什么小程序会变得这么火？我们知道现在app开发有三种形式nativeapp，webapp和hybirdapp；那么hybirdapp和小程序有什么区别呢？我们知道hybirdapp就是混合开发app，即使用了原生功能又使用了webapp的功能；说白了就是</div> </li> <li><a href="/article/1753755703102685184.htm" title="美团React Native开源组件库beeshell详解" target="_blank">美团React Native开源组件库beeshell详解</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/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/Native/1.htm">Native</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95/1.htm">测试</a> <div>近年来，伴随着大前端概念的提出和兴起，移动端和前端的边界变得越来越模糊，涌现了一大批移动跨平台开发框架和模式。从早期的PhoneGap、inoc等Hybird技术，到现在耳熟能详的ReactNative、Weex和Flutter等技术，无不体现着移动端开发的前端化。而提供一套三端统一的开发框架，一直是前端奋斗的目标，而ReactNative就是这么一个不错的三端统一的跨平台开发框架，这方面的知识可</div> </li> <li><a href="/article/1750524686615199744.htm" title="eNSP学习——理解交换机Hybird接口的应用" target="_blank">eNSP学习——理解交换机Hybird接口的应用</a> <span class="text-muted">TXFBAP</span> <a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E4%BA%A4%E6%8D%A2%E6%9C%BA%E7%9B%B8%E5%85%B3/1.htm">交换机相关</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>目录原理概述实验内容实验目的实验步骤实验拓扑实验编址实验步骤基本配置（此处仅以PC1为例）实现组内通信、组间间隔实现网络管理员对所有网络的访问原理概述Hybrid接口既可以连接普通终端的接入链路又可以连接交换机间的干道链路，它允许多个VLAN的帧通过，并可以在出接口方向将某些VLAN帧的标签剥掉。Hybrid接口处理VLAN帧的过程如下:(1）收到一个二层帧，判断是否有VLAN标签。没有标签，则标</div> </li> <li><a href="/article/1749751133808640000.htm" title="《WebKit 技术内幕》学习之十（1）：插件与JavaScript扩展" target="_blank">《WebKit 技术内幕》学习之十（1）：插件与JavaScript扩展</a> <span class="text-muted">jyl_sh</span> <a class="tag" taget="_blank" href="/search/webkit%E5%AD%A6%E4%B9%A0/1.htm">webkit学习</a><a class="tag" taget="_blank" href="/search/C%2FC%2B%2B/1.htm">C/C++</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E5%86%85%E6%A0%B8/1.htm">系统内核</a><a class="tag" taget="_blank" href="/search/webkit/1.htm">webkit</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/C%2FC%2B%2B/1.htm">C/C++</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E6%A0%B8%E7%BC%96%E7%A8%8B/1.htm">内核编程</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a> <div>虽然目前的浏览器的功能很强，但仍然有其局限性。早期的浏览器能力十分有限，Web前端开发者希望能够通过一定的机制来扩展浏览器的能力。早期的方法就是插件机制，现在流行次啊用混合编程（HybirdProgramming）模式。插件一直伴随着浏览器的发展，最著名莫过于Adobe公司的Flash插件。对于插件的接口定义，差别也很大，比较著名的是微软公司的ActiveX插件机制和网景公司的NPAPI产检。随后</div> </li> <li><a href="/article/1749469608860991488.htm" title="Nutanix Hybird Could" target="_blank">Nutanix Hybird Could</a> <span class="text-muted">一个在高校打杂的</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a> <div>Flexibility–ThefindingsalsomakeitclearthatenterpriseITteamshighlyvaluehavingtheflexibilitytochoosetheoptimumITinfrastructureforeachoftheirbusinessapplicationsonadynamicbasis,with61%ofrespondentssaying</div> </li> <li><a href="/article/1746588754925076480.htm" title="app开发——安卓native开发思路记录" target="_blank">app开发——安卓native开发思路记录</a> <span class="text-muted">qq_33453797</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div>我们知道app开发目前有三种方式，第一种是webapp，第二种是hybirdapp，第三种是nativeapp。而native-app就是安卓原生app，这里记录一下安卓原生开发的基本思路。首先，安卓原生开发虽然在当今时代不是那么常见了，但由于其执行效率和更加强大的功能，所以还是有一定的市场。而且基于webapp的功能限制等原因，hybirdapp成为主流，但hybirdapp的开发还是离不开ap</div> </li> <li><a href="/article/1745581634373042176.htm" title="access实例_【实例】华为交换机如何配置access、trunk、hybird端口？" target="_blank">access实例_【实例】华为交换机如何配置access、trunk、hybird端口？</a> <span class="text-muted">weixin_39812039</span> <a class="tag" taget="_blank" href="/search/access%E5%AE%9E%E4%BE%8B/1.htm">access实例</a><a class="tag" taget="_blank" href="/search/trunk%E5%8F%A3/1.htm">trunk口</a><a class="tag" taget="_blank" href="/search/trunk%E7%AB%AF%E5%8F%A3/1.htm">trunk端口</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAAR%E8%B7%AF%E7%94%B1%E5%99%A8%E9%85%8D%E7%BD%AEtrunk/1.htm">华为AR路由器配置trunk</a> <div>华为交换机的基本配置1、创建vlan：//用户视图，也就是在Quidway模式下运行命令。system-view//进入配置视图[Quidway]vlan10//创建vlan10，并进入vlan10配置视图，如果vlan10存在就直接进入vlan10配置视图[Quidway-vlan10]quit//回到配置视图[Quidway]vlan100//创建vlan100，并进入vlan100配置视图，</div> </li> <li><a href="/article/1745581634972827648.htm" title="华为交换机端口不配置access_华为交换机如何配置？access、trunk、hybird端口详解..." target="_blank">华为交换机端口不配置access_华为交换机如何配置？access、trunk、hybird端口详解...</a> <span class="text-muted">weixin_39883065</span> <div>很多人朋友多次问到华为交换机的配置，确实用的比较多，上次我们有单独提到h3c交换机的配置，今天我们来了解下华为交换机的配置，以及以太网的三种链路方式。为了让大家更加清楚，每行代码都有解释。一、华为交换机的基本配置1、创建vlan：//用户视图，也就是在Quidway模式下运行命令。system-view//进入配置视图[Quidway]vlan10//创建vlan10，并进入vlan10配置视图，</div> </li> <li><a href="/article/1742369933053935616.htm" title="JSBridge的原理及使用" target="_blank">JSBridge的原理及使用</a> <span class="text-muted">Gavin-Wang</span> <a class="tag" taget="_blank" href="/search/bridge%E6%A8%A1%E5%BC%8F/1.htm">bridge模式</a> <div>-JSBridge的起源-PhoneGap（Codova的前身）作为Hybrid鼻祖框架，是一个开源的移动开发框架，允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台的HybirdWebUI开发，应该是最先被开发者广泛认知的JSBridge的应用场景。而对于JSBridge的应用在国内真正兴盛起来，则是因为杀手级应用微信的出现。一、什么是JSBridgeJSBridge是</div> </li> <li><a href="/article/1735617882135519232.htm" title="网络基础（九）：VLAN的概述及配置" target="_blank">网络基础（九）：VLAN的概述及配置</a> <span class="text-muted">十七拾</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>目录前言一、分割广播域的方法二、VLAN1、VLAN的概述及优势1.1VLAN的概述1.2VLAN的优势2、VLAN的种类3、VLAN的三种端口类型4、VLAN的工作原理4.1VLAN数据帧4.2VLAN的范围4.2VLAN的access类型工作原理4.3VLAN的trunk类型工作原理4.4VLAN的Hybird类型工作原理（了解）5、配置静态VLAN的步骤（使用eNSP软件配置）三、VLAN间</div> </li> <li><a href="/article/1731954321781764096.htm" title="Sencha Touch/ExtJS6 Modern结合Phonegap/Cordova开发移动端Hybird应用" target="_blank">Sencha Touch/ExtJS6 Modern结合Phonegap/Cordova开发移动端Hybird应用</a> <span class="text-muted">神秘_博士</span> <a class="tag" taget="_blank" href="/search/Phonegap%2BSencha/1.htm">Phonegap+Sencha</a><a class="tag" taget="_blank" href="/search/Touch/1.htm">Touch</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/phonegap/1.htm">phonegap</a><a class="tag" taget="_blank" href="/search/sencha/1.htm">sencha</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/phonegap/1.htm">phonegap</a><a class="tag" taget="_blank" href="/search/build/1.htm">build</a> <div>原文地址：http://blog.csdn.net/lovelyelfpop/article/details/20392377本文介绍的是SenchaTouch结合Cordova/Phonegap开发移动应用的环境搭建介绍。其实SenchaTouch和Cordova/Phonegap并没太大关联，而只是SenchaCmd(打包工具)内部调用了Cordova/Phonegap的build命令。所以，</div> </li> <li><a href="/article/1729735080521314304.htm" title="vlan综合实验" target="_blank">vlan综合实验</a> <span class="text-muted">九字宸</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>实验要求及拓扑图：实验思路：1.划分网段根据实验要求划分出两个不同的网段，即192.168.1.0/24和192.168.2.0/242.配置接口给交换机的每个接口配置接口类型，PC1和PC3所在的接口配置为access，PC2、PC4、PC5、PC6所在的接口配置为hybird.PC2、PC4、PC5、PC6之间需要做策略，PC2的允许列表：VALAN3、VALAN4、VALAN5、VALAN6</div> </li> <li><a href="/article/1727094383993499648.htm" title="iOS 学习笔记" target="_blank">iOS 学习笔记</a> <span class="text-muted">weixin_30646315</span> <a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/cocoapods/1.htm">cocoapods</a> <div>一：知识点1.iOS有哪几种开发方式1:原生开发(Native)如：oc2:混编开发(Hybird)如：oc+H53.web开发如：H5+JS+CSSa:webAPP开发框架：1》ReactNative/Cordova（PhoneGap）（Cordova是PhoneGap被捐给apache之后用的项目名）ReactNative与Cordova的区别2》Weex：是一个动态化的高扩展跨平台解决方案，</div> </li> <li><a href="/article/1724137593169326080.htm" title="android输入法！Android动态换肤实现原理解析，面试心得体会" target="_blank">android输入法！Android动态换肤实现原理解析，面试心得体会</a> <span class="text-muted">程序员Sunbu</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a> <div>现在的IT行业竞争压力越来越大，尤其是Android开发行业。而很多Android程序员却每天都在重复CRUD,原地徘徊！今年年初，你就想改变现状，于是在网上刷了大量面试题，强行记下之后，开始参加面试！但是你发现，现在的面试，却越来越难了。投了10份简历，只有一家给了面试邀请。面试官平时的工作内容都不问，问的都是没怎么听过的名词，**什么hybird，NDK，难得问到背过的题，却不按套路出牌问原理</div> </li> <li><a href="/article/1720848731584147456.htm" title="安卓的路以后怎么走，说点不一样的" target="_blank">安卓的路以后怎么走，说点不一样的</a> <span class="text-muted">le_du</span> <div>首先说说一样的各个大佬都发言安卓未来的路大致分为几个方向。这里也提一下，别嫌啰嗦，也并不是为了标题的标新立异，只是想在大佬的基础上补充一些。大致分为以下几个方面。混合式开发hybird,RectNative小程序式样各大平台都退出自己的开源框架，多端支持百花齐放，百家争鸣，未来会统一吗？不会，也肯定不会。各自都有自己的宝贵数据，不可能把兵家之地放弃。专一方向的深度比如音视频，游戏，安全转大数据和A</div> </li> <li><a href="/article/1720328893350621184.htm" title="Artificial Intelligence Planing (AIP)考试知识点复习" target="_blank">Artificial Intelligence Planing (AIP)考试知识点复习</a> <span class="text-muted">微信公众号[机器学习炼丹术]</span> <a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/1.htm">课程笔记</a><a class="tag" taget="_blank" href="/search/%E9%80%BB%E8%BE%91%E5%9B%9E%E5%BD%92/1.htm">逻辑回归</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a> <div>文章目录1ClassicalPlaningPlanningDomainDefinitionLanguage（PDDL）classicalplanningbigthreeplanningapproaches2PDDL3PDDL+(这一章节会进一步讲解上一章节的语法)whatmakeithybird?为什么PDDL+是混合的呢interactwithaprocesswhileitruns==#t==4</div> </li> <li><a href="/article/1719750697760665600.htm" title="移动前端开发和 Web 前端开发的区别是什么？" target="_blank">移动前端开发和 Web 前端开发的区别是什么？</a> <span class="text-muted">阿里开发者</span> <div>简介：前端这门技术，从诞生发展至今不过寥寥十余年。如果说前十年是PC前端的时代，那后十年一定是属于移动前端的时代。特别是随着网络制式的发展，移动设备在全球范围内得到了空前的普及，在前端领域，HybirdWeb、ReactNative、Weex、Flutter等等一系列新的移动前端技术也如同雨后春笋般冒出来，今天来和大家分享一下我对「移动前端开发和Web前端开发」的理解。前端这门技术，从诞生发展至今</div> </li> <li><a href="/article/1719366866356482048.htm" title="WKWebView中MessageHandler的内存泄漏问题解决过程" target="_blank">WKWebView中MessageHandler的内存泄漏问题解决过程</a> <span class="text-muted">_殒落心河</span> <div>背景项目中使用了WKWebView替换了之前的UIWebView，牵扯到Hybird开发，我们需要和H5交互，所以用到了WKWebViewConfiguration中的WKUserContentController所以初始化代码如下WKUserContentController*userContentController=[[WKUserContentControlleralloc]init];[</div> </li> <li><a href="/article/1718622026039635968.htm" title="移动开发技术" target="_blank">移动开发技术</a> <span class="text-muted">KtYY</span> <div>原生开发原生开发有以下主要优势：可访问平台全部功能（GPS、摄像头）；速度快、性能高、可以实现复杂动画及绘制，整体用户体验好；主要缺点：平台特定，开发成本高；不同平台必须维护不同代码，人力成本随之变大；内容固定，动态化弱，大多数情况下，有新功能更新时只能发版；跨平台技术Hybird技术--H5+原生混合开发WebView+JsBridge:性能一般，开发效率高，H5部分可动态更新H5运行在WebV</div> </li> <li><a href="/article/1718248645972799488.htm" title="APP开发 -- 初识mui、h5+" target="_blank">APP开发 -- 初识mui、h5+</a> <span class="text-muted">weixin_33724046</span> <a class="tag" taget="_blank" href="/search/runtime/1.htm">runtime</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>为什么80%的码农都做不了架构师？>>>一、App开发目前我们做app开发有三种选择：1、WebApp、（触屏版网页应用）2、hybirdapp（混合式app）3、NativeApp（原生app）我们先来了解一下他们的区别以及各自的优缺点。1、WebAppWebApp指采用Html5语言写出的App，不需要下载安装。类似于现在所说的轻应用。生存在浏览器中的应用，基本上可以说是触屏版的网页应用。优点</div> </li> <li><a href="/article/1717282729004969984.htm" title="Ionic 常见问题及解决方案——留着给自己解解惑~~" target="_blank">Ionic 常见问题及解决方案——留着给自己解解惑~~</a> <span class="text-muted">皓宸</span> <a class="tag" taget="_blank" href="/search/webapp/1.htm">webapp</a><a class="tag" taget="_blank" href="/search/angularjs/1.htm">angularjs</a><a class="tag" taget="_blank" href="/search/ionic/1.htm">ionic</a><a class="tag" taget="_blank" href="/search/%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/1.htm">解决方案</a><a class="tag" taget="_blank" href="/search/app/1.htm">app</a> <div>前言Ionic是目前较为流行的HybirdApp解决方案,在Ionic开发过程中会遇到很多常见的开发问题，本文尝试对这些问题给出解决方案。一些常识与技巧list有延迟，可以在ion-content处使用overflow-scroll="true"尝试在上用ng-click上是没效果的标签内的事件会在整个label内被触发，点哪都触发快捷修改背景色style="background-color:#2</div> </li> <li><a href="/article/1715119653522583552.htm" title="运用Chrome浏览器ADB插件获取页面元素" target="_blank">运用Chrome浏览器ADB插件获取页面元素</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/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/%E6%8F%92%E4%BB%B6/1.htm">插件</a><a class="tag" taget="_blank" href="/search/web%E5%BA%94%E7%94%A8/1.htm">web应用</a><a class="tag" taget="_blank" href="/search/%E8%8E%B7%E5%8F%96%E9%A1%B5%E9%9D%A2%E5%85%83%E7%B4%A0/1.htm">获取页面元素</a> <div>适用于：基于浏览器的Web应用（hybirdapp：混合模式移动应用）Win10下Chrome版本：59.0.3071.86（正式版本）（64位）进入Chrome网上应用店https://chrome.google.com/webstore/category/extensions添加至CHROME，将会在Chrome浏览器工具条上显示对应的图标下面以真机Nexus7平板、打开预装的google浏览</div> </li> <li><a href="/article/1714029741553561600.htm" title="基于复合优化加速算法研究实际问题" target="_blank">基于复合优化加速算法研究实际问题</a> <span class="text-muted">DeeGLMath</span> <a class="tag" taget="_blank" href="/search/%E6%9C%80%E4%BC%98%E5%8C%96%E6%96%B9%E6%B3%95/1.htm">最优化方法</a><a class="tag" taget="_blank" href="/search/optimtool/1.htm">optimtool</a><a class="tag" taget="_blank" href="/search/PyPI/1.htm">PyPI</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/Nesterov/1.htm">Nesterov</a><a class="tag" taget="_blank" href="/search/%E5%A4%8D%E5%90%88%E4%BC%98%E5%8C%96%E7%AE%97%E6%B3%95/1.htm">复合优化算法</a> <div>importoptimtoolasoofromoptimtool.baseimportnp,sp,pltpipinstalloptimtool>=2.5.0加载hybird.nesterov.accer方法importoptimtool.hybridasohnes_acc=oh.nesterov.accer初始化输入数据f(x)=∑i=1n((n−∑j=1ncos⁡xj)+i(1−cos⁡xi)−</div> </li> <li><a href="/article/1713434475687391232.htm" title="(一)TiDB简介" target="_blank">(一)TiDB简介</a> <span class="text-muted">coding0820</span> <a class="tag" taget="_blank" href="/search/TiDB%E6%8A%80%E6%9C%AF/1.htm">TiDB技术</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/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>TiDB是PingCAP公司自主设计、研发的开放源分布式关系型数据库（NewSQL），是一个款同时支持在线事务处理与在线分析处理(HybirdTransactionalandAnalyticalProcessing,HTAP)的融合型分布式数据库产品。目标是为用户提供一站式OLTP(OnlineTransactionalProcessing)、OLAP(OnlineAnalyticalProces</div> </li> <li><a href="/article/1713262152363618304.htm" title="VLAN三层交换机配置" target="_blank">VLAN三层交换机配置</a> <span class="text-muted">白天不懂夜的美♂</span> <a class="tag" taget="_blank" href="/search/%E4%BA%A4%E6%8D%A2%E6%9C%BA/1.htm">交换机</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a> <div>VNAN三层交换机配置一、VLAN概述与优势1、分割广播域方法2、VLAN的优势二、VLAN的种类三、VLAN的种类四、华为系统中配置VLAN的相关命令五、Trunk的作用1、如何实现交换机之间的VLAN通信2、交换网络中的链路类型六、VLAN的标识1、在以太网上实现中继，有两种封装类型2、IEEE802.1q协议八、hybird工作流程总结一、VLAN概述与优势1、分割广播域方法物理分割（用路由</div> </li> <li><a href="/article/1713219385092550656.htm" title="TEngine框架的导入与运行" target="_blank">TEngine框架的导入与运行</a> <span class="text-muted">Data菌</span> <a class="tag" taget="_blank" href="/search/TEngine%E6%B8%B8%E6%88%8F%E6%A1%86%E6%9E%B6/1.htm">TEngine游戏框架</a><a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/TEngine/1.htm">TEngine</a><a class="tag" taget="_blank" href="/search/HyBirdCLR/1.htm">HyBirdCLR</a><a class="tag" taget="_blank" href="/search/LuBan/1.htm">LuBan</a> <div>最近公司新立了一个项目，使用当前最牛X的既非基于Lua语言的xlua、tolua也非ILRunTime的热更方案HybirdCLR(华佗)热更方案。而TEngine游戏框架，就是基于HybirdCLR搭建的。在基于TEngine框架开发游戏过程中，会遇到一些框架本身一些小Bug或者有些不满足的情况。应该是这套框架比较新的缘故，实际商业项目使用这套框架还是较少的。本人抱着学习的态度，想把使用这套框架</div> </li> <li><a href="/article/98.htm" title="微信开发者验证接口开发" target="_blank">微信开发者验证接口开发</a> <span class="text-muted">362217990</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1+%E5%BC%80%E5%8F%91%E8%80%85+token+%E9%AA%8C%E8%AF%81/1.htm">微信开发者 token 验证</a> <div>微信开发者接口验证。 Token，自己随便定义，与微信填写一致就可以了。根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 第一步：填写服务器配置第二步：验证服务器地址的有效性第三步：依据接口文档实现业务逻辑这里主要讲第二步验证服务器有效性。建一个</div> </li> <li><a href="/article/225.htm" title="一个小编程题-类似约瑟夫环问题" target="_blank">一个小编程题-类似约瑟夫环问题</a> <span class="text-muted">BrokenDreams</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a> <div> 今天群友出了一题：一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。 &</div> </li> <li><a href="/article/352.htm" title="linux复习笔记之bash shell (5) 关于减号-的作用" target="_blank">linux复习笔记之bash shell (5) 关于减号-的作用</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux%E5%85%B3%E4%BA%8E%E5%87%8F%E5%8F%B7%E2%80%9C-%E2%80%9D%E7%9A%84%E5%90%AB%E4%B9%89/1.htm">linux关于减号“-”的含义</a><a class="tag" taget="_blank" href="/search/linux%E5%85%B3%E4%BA%8E%E5%87%8F%E5%8F%B7%E2%80%9C-%E2%80%9D%E7%9A%84%E7%94%A8%E9%80%94/1.htm">linux关于减号“-”的用途</a><a class="tag" taget="_blank" href="/search/linux%E5%85%B3%E4%BA%8E%E2%80%9C-%E2%80%9D%E7%9A%84%E5%90%AB%E4%B9%89/1.htm">linux关于“-”的含义</a><a class="tag" taget="_blank" href="/search/linux%E5%85%B3%E4%BA%8E%E5%87%8F%E5%8F%B7%E7%9A%84%E5%90%AB%E4%B9%89/1.htm">linux关于减号的含义</a> <div> 转载请出自出处： http://eksliang.iteye.com/blog/2105677 管道命令在bash的连续处理程序中是相当重要的，尤其在使用到前一个命令的studout（标准输出）作为这次的stdin（标准输入）时，就显得太重要了，某些命令需要用到文件名，例如上篇文档的的切割命令（split）、还有</div> </li> <li><a href="/article/479.htm" title="Unix(3)" target="_blank">Unix(3)</a> <span class="text-muted">18289753290</span> <a class="tag" taget="_blank" href="/search/unix+ksh/1.htm">unix ksh</a> <div>1)若该变量需要在其他子进程执行，则可用"$变量名称"或${变量}累加内容什么是子进程？在我目前这个shell情况下，去打开一个新的shell，新的那个shell就是子进程。一般状态下，父进程的自定义变量是无法在子进程内使用的，但通过export将变量变成环境变量后就能够在子进程里面应用了。 2)条件判断： &&代表and ||代表or&nbs</div> </li> <li><a href="/article/606.htm" title="关于ListView中性能优化中图片加载问题" target="_blank">关于ListView中性能优化中图片加载问题</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/ListView/1.htm">ListView</a> <div>ListView的性能优化网上很多信息，但是涉及到异步加载图片问题就会出现问题。具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594 如果每次都重新inflate一个新的View出来肯定会造成性能损失严重，可能会出现listview滚动是很卡的情况，还会出现内存溢出。现在想出一个方法就是每次都添加一个标识，然后设置图</div> </li> <li><a href="/article/733.htm" title="德国总理默多克：给国人的一堂“震撼教育”课" target="_blank">德国总理默多克：给国人的一堂“震撼教育”课</a> <span class="text-muted">永夜-极光</span> <a class="tag" taget="_blank" href="/search/%E6%95%99%E8%82%B2/1.htm">教育</a> <div>http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克：给国人的一堂“震撼教育”课　安吉拉—默克尔，一位经历过社会主义的东德人，她利用自己的博客，发表一番来华前的谈话，该说的话，都在上面说了，全世界想看想传播——去看看默克尔总理的博客吧！　　德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂</div> </li> <li><a href="/article/860.htm" title="关于Java继承的一个小问题。。。" target="_blank">关于Java继承的一个小问题。。。</a> <span class="text-muted">随便小屋</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>今天看Java 编程思想的时候遇见一个问题，运行的结果和自己想想的完全不一样。先把代码贴出来！ //CanFight接口 interface Canfight { void fight(); } //ActionCharacter类 class ActionCharacter { public void fight() { System.out.pr</div> </li> <li><a href="/article/987.htm" title="23种基本的设计模式" target="_blank">23种基本的设计模式</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>Abstract Factory：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。　　Adapter：将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。　　Bridge：将抽象部分与它的实现部分分离，使它们都可以独立地变化。　　Builder：将一个复杂对象的构建与它的表示分离，使得同</div> </li> <li><a href="/article/1114.htm" title="《周鸿祎自述：我的互联网方法论》读书笔记" target="_blank">《周鸿祎自述：我的互联网方法论》读书笔记</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a> <div>从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品. 商业模式不是赚钱模式一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链. 商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值. 商业模式还包括寻找需求</div> </li> <li><a href="/article/1241.htm" title="JavaScript动态改变样式访问技术" target="_blank">JavaScript动态改变样式访问技术</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/style%E5%B1%9E%E6%80%A7/1.htm">style属性</a><a class="tag" taget="_blank" href="/search/ClassName%E5%B1%9E%E6%80%A7/1.htm">ClassName属性</a> <div> 一:style属性格式: HTML元素.style.样式属性="值"; 创建菜单:在html标签中创建或者在head标签中用数组创建 <html> <head> <title>style改变样式</title> </head> &l</div> </li> <li><a href="/article/1368.htm" title="jQuery的deferred对象详解" target="_blank">jQuery的deferred对象详解</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/deferred%E5%AF%B9%E8%B1%A1/1.htm">deferred对象</a> <div> jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 &nb</div> </li> <li><a href="/article/1495.htm" title="淘宝开放平台TOP" target="_blank">淘宝开放平台TOP</a> <span class="text-muted">Bill_chen</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%89%A9%E6%B5%81/1.htm">物流</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a> <div>淘宝网开放平台首页：http://open.taobao.com/ 淘宝开放平台是淘宝TOP团队的产品，TOP即TaoBao Open Platform，是淘宝合作伙伴开发、发布、交易其服务的平台。支撑TOP的三条主线为： 1.开放数据和业务流程 * 以API数据形式开放商品、交易、物流等业务； &</div> </li> <li><a href="/article/1622.htm" title="【大型网站架构一】大型网站架构概述" target="_blank">【大型网站架构一】大型网站架构概述</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E6%9E%B6%E6%9E%84/1.htm">网站架构</a> <div>大型互联网特点面对海量用户、海量数据大型互联网架构的关键指标高并发高性能高可用高可扩展性线性伸缩性安全性大型互联网技术要点前端优化 CDN缓存反向代理 KV缓存消息系统分布式存储 NoSQL数据库搜索监控安全想到的问题： 1.对于订单系统这种事务型系统，如</div> </li> <li><a href="/article/1749.htm" title="eclipse插件hibernate tools安装" target="_blank">eclipse插件hibernate tools安装</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div> eclipse helios(3.6)版 1.启动eclipse 2.选择 Help > Install New Software...> 3.添加如下地址： http://download.jboss.org/jbosstools/updates/stable/helios/ 4.选择性安装：hibernate tools在All Jboss tool</div> </li> <li><a href="/article/1876.htm" title="Jquery easyui Form表单提交注意事项" target="_blank">Jquery easyui Form表单提交注意事项</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/jquery+easyui/1.htm">jquery easyui</a> <div>jquery easyui对表单的提交进行了封装，提交的方式采用的是ajax的方式，在开发的时候应该注意的事项如下： 1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交的时候，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。所以这个要</div> </li> <li><a href="/article/2003.htm" title="Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量" target="_blank">Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java%E5%AE%9E%E7%8E%B0/1.htm">java实现</a> <div> import java.util.LinkedList; public class CaseInsensitiveTrie { /** 字典树的Java实现。实现了插入、查询以及深度优先遍历。 Trie tree's java implementation.(Insert,Search,DFS) Problem Description Igna</div> </li> <li><a href="/article/2130.htm" title="html css 鼠标形状样式汇总" target="_blank">html css 鼠标形状样式汇总</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>css鼠标手型cursor中hand与pointer Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/> Example：CSS鼠标手型效果 <a href="#" style=&qu</div> </li> <li><a href="/article/2257.htm" title="[IT与投资]IT投资的几个原则" target="_blank">[IT与投资]IT投资的几个原则</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/it/1.htm">it</a> <div> 无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的...... </div> </li> <li><a href="/article/2384.htm" title="oracle with语句详解" target="_blank">oracle with语句详解</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/with/1.htm">with</a><a class="tag" taget="_blank" href="/search/with+as/1.htm">with as</a> <div>oracle with语句详解转在oracle中，select 查询语句，可以使用with,就是一个子查询，oracle 会把子查询的结果放到临时表中，可以反复使用例子:注意，这是sql语句，不是pl/sql语句，可以直接放到jdbc执行的 ----------------------------------------------------------------</div> </li> <li><a href="/article/2511.htm" title="hbase的简单操作" target="_blank">hbase的简单操作</a> <span class="text-muted">deng520159</span> <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/hbase/1.htm">hbase</a> <div>近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来. 用ssh登陆安装hbase那台linux后用hbase shell进行hbase命令控制台! 表的管理 1）查看有哪些表 hbase(main)> list 2）创建表 # 语法：create <table>, {NAME => <family&g</div> </li> <li><a href="/article/2638.htm" title="C语言scanf继续学习、算术运算符学习和逻辑运算符" target="_blank">C语言scanf继续学习、算术运算符学习和逻辑运算符</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div>/* 2013年3月11日20:37:32 地点：北京潘家园功能：完成用户格式化输入多个值目的：学习scanf函数的使用 */ # include <stdio.h> int main(void) { int i, j, k; printf("please input three number:\n"); //提示用</div> </li> <li><a href="/article/2765.htm" title="2015越来越好" target="_blank">2015越来越好</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E6%AD%8C%E6%9B%B2/1.htm">歌曲</a> <div>越来越好房子大了电话小了感觉越来越好假期多了收入高了工作越来越好商品精了价格活了心情越来越好天更蓝了水更清了环境越来越好活得有奔头人会步步高想做到你要努力去做到幸福的笑容天天挂眉梢越来越好婆媳和了家庭暖了生活越来越好孩子高了懂事多了学习越来越好朋友多了心相通了大家越来越好道路宽了心气顺了日子越来越好活的有精神人就不显</div> </li> <li><a href="/article/2892.htm" title="java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim" target="_blank">java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim</a> <span class="text-muted">feiteyizu</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>数据表中有记录的time字段（属性为timestamp）其值为：“0000-00-00 00:00:00” 程序使用select 语句从中取数据时出现以下异常： java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date java.sql.SQLException: Valu</div> </li> <li><a href="/article/3019.htm" title="Ehcache（07）——Ehcache对并发的支持" target="_blank">Ehcache（07）——Ehcache对并发的支持</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91/1.htm">并发</a><a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/%E9%94%81/1.htm">锁</a><a class="tag" taget="_blank" href="/search/ReadLock/1.htm">ReadLock</a><a class="tag" taget="_blank" href="/search/WriteLock/1.htm">WriteLock</a> <div>Ehcache对并发的支持在高并发的情况下，使用Ehcache缓存时，由于并发的读与写，我们读的数据有可能是错误的，我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read（读）、Write（写）锁。当一个线程获取了某一Key的Read锁之后，其它线程获取针对于同</div> </li> <li><a href="/article/3146.htm" title="mysql中blob,text字段的合成索引" target="_blank">mysql中blob,text字段的合成索引</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> 在mysql中，原来有一个叫合成索引的，可以提高blob,text字段的效率性能，但只能用在精确查询，核心是增加一个列，然后可以用md5进行散列，用散列值查找则速度快比如： create table abc(id varchar(10),context blog,hash_value varchar(40)); insert into abc(1,rep</div> </li> <li><a href="/article/3273.htm" title="逻辑运算与移位运算" target="_blank">逻辑运算与移位运算</a> <span class="text-muted">latty</span> <a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/%E9%80%BB%E8%BE%91%E8%BF%90%E7%AE%97/1.htm">逻辑运算</a> <div>源码：正数的补码与原码相同例+7 源码：00000111 补码：00000111 （用8位二进制表示一个数）负数的补码：符号位为1，其余位为该数绝对值的原码按位取反；然后整个数加1。 -7 源码： 10000111 ，其绝对值为00000111 取反加一：11111001 为-7补码已知一个数的补码，求原码的操作分两种情况：</div> </li> <li><a href="/article/3400.htm" title="利用XSD 验证XML文件" target="_blank">利用XSD 验证XML文件</a> <span class="text-muted">newerdragon</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/xsd/1.htm">xsd</a> <div>XSD文件（XML Schema 语言也称作 XML Schema 定义（XML Schema Definition，XSD）。具体使用方法和定义请参看： http://www.w3school.com.cn/schema/index.asp java自jdk1.5以上新增了SchemaFactory类可以实现对XSD验证的支持，使用起来也很方便。以下代码可用在J</div> </li> <li><a href="/article/3527.htm" title="搭建 CentOS 6 服务器(12) - Samba" target="_blank">搭建 CentOS 6 服务器(12) - Samba</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>（1）安装 # yum -y install samba Installed: samba.i686 0:3.6.9-169.el6_5 # pdbedit -a rensn new password:123456 retype new password:123456 …… （2）Home文件夹 # mkdir /etc</div> </li> <li><a href="/article/3654.htm" title="Learn Nodejs 01" target="_blank">Learn Nodejs 01</a> <span class="text-muted">toknowme</span> <a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a> <div>（1）下载nodejs https://nodejs.org/download/ 选择相应的版本进行下载（2）安装nodejs 安装的方式比较多，请baidu下我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本（1）上传服务器（2）解压 tar -zxvf node-v0.12.</div> </li> <li><a href="/article/3781.htm" title="jquery控制自动刷新的代码举例" target="_blank">jquery控制自动刷新的代码举例</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a> <div>1、html内容部分复制代码代码示例: <div id='log_reload'> <select name="id_s" size="1"> <option value='2'>-2s-</option> <option value='3'>-3s-</option</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>