富文本框KindEditor的使用技巧

富文本框KindEditor的使用技巧

最近在项目中经常遇到使用富文本框的情况，当然我们所接触的富文本.框有很多，我个人还是比较偏向于KE(KindEditor)),用起来比较舒服，但是很多新手在用的时候往往会感到不知所措。总感觉API写了很多但是就是不知道怎么去用，今天我就和大家讲讲KE的使用和基本技巧：

第一步：我们需要到官网上引用相关的资源包，点击进入官网下载资源包

第二步：引用资源文件

如图所示第一个default.css主要是为了修改我们KE的样式，第二个kindeditor-min.js是KE核心功能脚本库，第三个zh_CN.js是语言汉化的脚本。

第三步：编写对应html代码，只需要引入如下代码即可：

"0"</span> rows=<span class="hljs-string">"5"</span> name=<span class="hljs-string">"introduction"</span> <span class="hljs-keyword">class</span>=<span class="hljs-string">"form-control"</span> id=<span class="hljs-string">"demo"</span> style=<span class="hljs-string">"margin: 0px -0.5px 0px 0px; height: 250px; width:100%;"</span>>
<span class="hljs-comment">//这和我们使用的TextArea没有任何区别，不用写上非常复杂的html代码。是不是很简洁？</span>
<<span class="hljs-regexp">/textarea></span></code></pre> 
  <h5 id="第四步我们需要在js中初始化控件属性以上面的为例我们需要写出如下代码"><strong>第四步：</strong>我们需要在JS中初始化控件属性，以上面的为例。我们需要写出如下代码：</h5> 
  <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">script</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text/javascript"</span>></span><span class="javascript">
 initkindEditor();
 <span class="hljs-comment">//初始化富文本</span>
 <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">initkindEditor</span><span class="hljs-params">()</span> {</span>
     KindEditor.ready(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(K)</span> {</span>
         <span class="hljs-keyword">var</span> editor = K.create(<span class="hljs-string">'#demo'</span>, {
             themeType: <span class="hljs-string">"simple"</span>,
             uploadJson: <span class="hljs-string">'../../KEHandler/upload_json.ashx?action=upload_base'</span>,
             resizeType: <span class="hljs-number">1</span>,
             pasteType: <span class="hljs-number">2</span>,
             syncType: <span class="hljs-string">""</span>,
             filterMode: <span class="hljs-literal">true</span>,
             allowPreviewEmoticons: <span class="hljs-literal">false</span>,
             items: [
                    <span class="hljs-string">'source'</span>, <span class="hljs-string">'undo'</span>, <span class="hljs-string">'redo'</span>, <span class="hljs-string">'plainpaste'</span>, <span class="hljs-string">'wordpaste'</span>, <span class="hljs-string">'clearhtml'</span>, <span class="hljs-string">'quickformat'</span>,
                    <span class="hljs-string">'selectall'</span>, <span class="hljs-string">'fullscreen'</span>, <span class="hljs-string">'fontname'</span>, <span class="hljs-string">'fontsize'</span>, <span class="hljs-string">'|'</span>, <span class="hljs-string">'forecolor'</span>, <span class="hljs-string">'hilitecolor'</span>,
                    <span class="hljs-string">'bold'</span>, <span class="hljs-string">'italic'</span>, <span class="hljs-string">'underline'</span>, <span class="hljs-string">'hr'</span>, <span class="hljs-string">'removeformat'</span>, <span class="hljs-string">'|'</span>, <span class="hljs-string">'justifyleft'</span>, <span class="hljs-string">'justifycenter'</span>,
                    <span class="hljs-string">'justifyright'</span>, <span class="hljs-string">'insertorderedlist'</span>, <span class="hljs-string">'insertunorderedlist'</span>, <span class="hljs-string">'|'</span>, <span class="hljs-string">'link'</span>, <span class="hljs-string">'image'</span>,
                    <span class="hljs-string">'unlink'</span>, <span class="hljs-string">'baidumap'</span>, <span class="hljs-string">'emoticons'</span>
                ],
             afterCreate: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> {</span>
                 <span class="hljs-keyword">this</span>.sync();
             },
             afterBlur: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> {</span>
                 <span class="hljs-keyword">this</span>.sync();
             },
             afterChange: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> {</span>
                <span class="hljs-comment">//富文本输入区域的改变事件，一般用来编写统计字数等判断</span>
                  K(<span class="hljs-string">'.word_count1'</span>).html(<span class="hljs-string">"最多20000个字符,已输入"</span> + <span class="hljs-keyword">this</span>.count() + <span class="hljs-string">"个字符"</span>);
             },
             afterUpload:<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(url)</span>{</span>
               <span class="hljs-comment">//上传图片后的代码</span>
             },
             allowFileManager: <span class="hljs-literal">false</span>,
             allowFlashUpload: <span class="hljs-literal">false</span>,
             allowMediaUpload: <span class="hljs-literal">false</span>,
             allowFileUpload: <span class="hljs-literal">false</span>
         });
     });
 }</span></code></pre> 
  <h5 id="我们先来看下运行效果"><strong>我们先来看下运行效果：</strong></h5> 
  <p><a href="http://img.e-com-net.com/image/info8/5192b414c5c14360b5e537e24b58ed9e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/5192b414c5c14360b5e537e24b58ed9e.jpg" alt="富文本框KindEditor的使用技巧_第1张图片" title="" width="650" height="172" style="border:1px solid black;"></a></p> 
  <blockquote> 
   <p><strong>如图所示我们可以看到KE的界面已经显示出来了，从界面上我们可以看到有很多功能按钮，主要包括对齐、加粗、字体颜色、字体大小等，另外就是我们所经常用到的图片上传表情插入。那么接下来我们看看如何去使用？</strong></p> 
  </blockquote> 
  <h5 id="第一种本地上传图片至富文本中效果图如下"><strong>第一种</strong>：本地上传图片至富文本中效果图如下：</h5> 
  <h5 id="1点击上传图片按钮">1、点击上传图片按钮</h5> 
  <p><a href="http://img.e-com-net.com/image/info8/716e6272ef7d473bb0dd33997e06acdf.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/716e6272ef7d473bb0dd33997e06acdf.jpg" alt="富文本框KindEditor的使用技巧_第2张图片" title="" width="650" height="172" style="border:1px solid black;"></a></p> 
  <h5 id="2选择本地上传选择一张图片">2、选择本地上传，选择一张图片</h5> 
  <p><a href="http://img.e-com-net.com/image/info8/0ec3ed4336c44a2fb6aa0759f81392b6.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/0ec3ed4336c44a2fb6aa0759f81392b6.jpg" alt="富文本框KindEditor的使用技巧_第3张图片" title="" width="650" height="228" style="border:1px solid black;"></a> <br> <a href="http://img.e-com-net.com/image/info8/3474eca78fa54d13ad594f055caa0d65.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/3474eca78fa54d13ad594f055caa0d65.jpg" alt="富文本框KindEditor的使用技巧_第4张图片" title="" width="650" height="291" style="border:1px solid black;"></a></p> 
  <h6 id="3图片上传完成选中对应的图片还可以调整图片的比例">3、图片上传完成，选中对应的图片还可以调整图片的比例</h6> 
  <p><a href="http://img.e-com-net.com/image/info8/7b6b5952f4dc4e868336f0f43240c2da.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/7b6b5952f4dc4e868336f0f43240c2da.jpg" alt="富文本框KindEditor的使用技巧_第5张图片" title="" width="650" height="299" style="border:1px solid black;"></a></p> 
  <h4 id="那么上传的代码究竟是怎么实现的呢"><strong>那么上传的代码究竟是怎么实现的呢？</strong></h4> 
  <p>下图是初始化的代码相信还有印象吧？红色标记的位置就是本地上传的后台接口地址，这个地址可以由你实际编写的后台上传代码决定。 <br> <a href="http://img.e-com-net.com/image/info8/61f7cc3f7e514904afea87b3c9973887.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/61f7cc3f7e514904afea87b3c9973887.jpg" alt="富文本框KindEditor的使用技巧_第6张图片" title="" width="650" height="169" style="border:1px solid black;"></a></p> 
  <h5 id="我们看下后台的代码是怎么实现的"><strong>我们看下后台的代码是怎么实现的？</strong></h5> 
  <pre class="prettyprint"><code class=" hljs avrasm"> <span class="hljs-preprocessor">#region 定义一个方法上传本地照片</span>
        public void Upload_Native_pic(HttpContext context, string savePath, string website)
        { 
           //定义允许上传的文件扩展名
           Hashtable extTable = new Hashtable()<span class="hljs-comment">;</span>
           extTable<span class="hljs-preprocessor">.Add</span>(<span class="hljs-string">"image"</span>, <span class="hljs-string">"gif,jpg,jpeg,png,bmp"</span>)<span class="hljs-comment">;</span>
           //最大图片的大小
           int maxSize = <span class="hljs-number">10240000</span><span class="hljs-comment">;</span>

           //获取照片资源
           HttpPostedFile imgFile = context<span class="hljs-preprocessor">.Request</span><span class="hljs-preprocessor">.Files</span>[<span class="hljs-string">"imgFile"</span>]<span class="hljs-comment">;</span>
           if (imgFile == null)
           {
               showError(<span class="hljs-string">"请选择文件。"</span>,context)<span class="hljs-comment">;</span>
           }

           if (!Directory<span class="hljs-preprocessor">.Exists</span>(savePath))
           {
               showError(<span class="hljs-string">"上传目录不存在。"</span>,context)<span class="hljs-comment">;</span>
           }
           string dirName = context<span class="hljs-preprocessor">.Request</span><span class="hljs-preprocessor">.QueryString</span>[<span class="hljs-string">"dir"</span>]<span class="hljs-comment">;</span>
           if (String<span class="hljs-preprocessor">.IsNullOrEmpty</span>(dirName))
           {
               dirName = <span class="hljs-string">"image"</span><span class="hljs-comment">;</span>
           }
           if (!extTable<span class="hljs-preprocessor">.ContainsKey</span>(dirName))
           {
               showError(<span class="hljs-string">"目录名不正确。"</span>,context)<span class="hljs-comment">;</span>
           }
           string fileName = imgFile<span class="hljs-preprocessor">.FileName</span><span class="hljs-comment">;</span>
           string fileExt = Path<span class="hljs-preprocessor">.GetExtension</span>(fileName)<span class="hljs-preprocessor">.ToLower</span>()<span class="hljs-comment">;</span>
           if (imgFile<span class="hljs-preprocessor">.InputStream</span> == null || imgFile<span class="hljs-preprocessor">.InputStream</span><span class="hljs-preprocessor">.Length</span> > maxSize)
           {
               showError(<span class="hljs-string">"上传文件大小超过限制。"</span>,context)<span class="hljs-comment">;</span>
           }
           if (String<span class="hljs-preprocessor">.IsNullOrEmpty</span>(fileExt) || Array<span class="hljs-preprocessor">.IndexOf</span>(((String)extTable[dirName])<span class="hljs-preprocessor">.Split</span>(<span class="hljs-string">','</span>), fileExt<span class="hljs-preprocessor">.Substring</span>(<span class="hljs-number">1</span>)<span class="hljs-preprocessor">.ToLower</span>()) == -<span class="hljs-number">1</span>)
           {
               showError(<span class="hljs-string">"上传文件扩展名是不允许的扩展名。\n只允许"</span> + ((String)extTable[dirName]) + <span class="hljs-string">"格式。"</span>,context)<span class="hljs-comment">;</span>
           }
           website += dirName + <span class="hljs-string">"/"</span><span class="hljs-comment">;</span>
           savePath += dirName + <span class="hljs-string">"/"</span><span class="hljs-comment">;</span>
           if (!Directory<span class="hljs-preprocessor">.Exists</span>(savePath))
           {
               Directory<span class="hljs-preprocessor">.CreateDirectory</span>(savePath)<span class="hljs-comment">;</span>
           }
           String ymd = DateTime<span class="hljs-preprocessor">.Now</span><span class="hljs-preprocessor">.ToString</span>(<span class="hljs-string">"yyyyMMdd"</span>, DateTimeFormatInfo<span class="hljs-preprocessor">.InvariantInfo</span>)<span class="hljs-comment">;</span>
           website += ymd + <span class="hljs-string">"/"</span><span class="hljs-comment">;</span>
           savePath+=ymd+<span class="hljs-string">"/"</span><span class="hljs-comment">;</span>
           if (!Directory<span class="hljs-preprocessor">.Exists</span>(savePath))
           {
               Directory<span class="hljs-preprocessor">.CreateDirectory</span>(savePath)<span class="hljs-comment">;</span>
           }
           string  newFileName = DateTime<span class="hljs-preprocessor">.Now</span><span class="hljs-preprocessor">.ToString</span>(<span class="hljs-string">"yyyyMMddHHmmss_ffff"</span>, DateTimeFormatInfo<span class="hljs-preprocessor">.InvariantInfo</span>) + fileExt<span class="hljs-comment">;</span>
           string filePath = savePath + newFileName<span class="hljs-comment">;</span>
            //图片路径
           string  fileUrl = website + newFileName<span class="hljs-comment">;</span>
           // 开始下载图片
           new ApplicationUtil()<span class="hljs-preprocessor">.DownLoadNativePIC</span>(imgFile<span class="hljs-preprocessor">.InputStream</span>, filePath)<span class="hljs-comment">; </span>

           JSONHelper json = new JSONHelper()<span class="hljs-comment">; </span>
           json<span class="hljs-preprocessor">.AddItem</span>1(<span class="hljs-string">"error"</span>,<span class="hljs-number">0</span>)<span class="hljs-comment">;</span>
           json<span class="hljs-preprocessor">.AddItem</span>(<span class="hljs-string">"url"</span>,fileUrl)<span class="hljs-comment">;</span>
           json<span class="hljs-preprocessor">.ItemOk</span>()<span class="hljs-comment">;</span>
           string res = json<span class="hljs-preprocessor">.ToString</span>()<span class="hljs-preprocessor">.Substring</span>(<span class="hljs-number">1</span>, json<span class="hljs-preprocessor">.ToString</span>()<span class="hljs-preprocessor">.Length</span> -<span class="hljs-number">2</span>)<span class="hljs-comment">;</span>
           context<span class="hljs-preprocessor">.Response</span><span class="hljs-preprocessor">.AddHeader</span>(<span class="hljs-string">"Content-Type"</span>, <span class="hljs-string">"text/html; charset=UTF-8"</span>)<span class="hljs-comment">;</span>
           context<span class="hljs-preprocessor">.Response</span><span class="hljs-preprocessor">.Write</span>(res)<span class="hljs-comment">;</span>
           context<span class="hljs-preprocessor">.Response</span><span class="hljs-preprocessor">.End</span>()<span class="hljs-comment">;</span>
        }
        <span class="hljs-preprocessor">#endregion</span></code></pre> 
  <p>后台代码其实就是一个处理图片上传的功能，最终返回的的json结构式为{‘error’:’ ‘,’url’:’ ‘}就可以了，成功的时候error为0，url为图片对应相对地址，错误的时候{‘error’:’1’,’message’:’对不起图片上传失败’}</p> 
  <h4 id="这里以c为例有一点需要注意那就是返回json的头部信息需要改为"><strong>这里以C#为例有一点需要注意，那就是返回json的头部信息需要改为：</strong></h4> 
  <pre class="prettyprint"><code class=" hljs avrasm">context<span class="hljs-preprocessor">.Response</span><span class="hljs-preprocessor">.AddHeader</span>(<span class="hljs-string">"Content-Type"</span>, <span class="hljs-string">"text/html; charset=UTF-8"</span>)<span class="hljs-comment">;</span></code></pre> 
  <blockquote> 
   <h5 id="至于图片下载到什么地方以及图片是否需要压缩或者裁剪按照平时的处理方式即可到此为止我们就知道了本地上传的处理那么有的时候我们会遇到一个问题那就是我们的图片可能不是来自于本地而是链接或者是从别的网站上复制粘贴过来的这个时候我们又该怎么处理呢">至于图片下载到什么地方以及图片是否需要压缩或者裁剪按照平时的处理方式即可。到此为止我们就知道了本地上传的处理，那么有的时候我们会遇到一个问题，那就是我们的图片可能不是来自于本地，而是链接或者是从别的网站上复制粘贴过来的，这个时候我们又该怎么处理呢？</h5> 
  </blockquote> 
  <h5 id="我们需要额外引入相关的js文件如下图所示我们引入一个叫autojs的文件这里我把源码粘贴上来在使用的时候只需要将源码当中的上传地址修改一下即可"><strong>我们需要额外引入相关的js文件，如下图所示我们引入一个叫auto.js的文件，这里我把源码粘贴上来，在使用的时候只需要将源码当中的上传地址修改一下即可</strong></h5> 
  <pre class="prettyprint"><code class=" hljs javascript"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">autoupload</span><span class="hljs-params">()</span> {</span>
    <span class="hljs-keyword">var</span> haspicContainer = document.getElementById(<span class="hljs-string">"has_pic"</span>);
    <span class="hljs-keyword">if</span> (haspicContainer == <span class="hljs-literal">null</span>) {
        haspicContainer = document.createElement(<span class="hljs-string">"div"</span>);
        haspicContainer.id = <span class="hljs-string">"has_pic"</span>;
        haspicContainer.innerHTML = <span class="hljs-string">"<input type='text' id='piclist' value='' style='display:none;'/><div id='upload'><b>您有图片需要上传到服务器</b>  <a href='javascript:uploadpic();' >上传</a></div><div id='confirm'></div>"</span>;
        $(<span class="hljs-string">".ke-toolbar"</span>).after(haspicContainer);
    }

    <span class="hljs-keyword">var</span> img = $(<span class="hljs-string">".ke-edit-iframe"</span>).contents().find(<span class="hljs-string">"img"</span>);

    <span class="hljs-keyword">var</span> piccount = <span class="hljs-number">0</span>;
    <span class="hljs-keyword">var</span> sstr = <span class="hljs-string">""</span>;
    $(img).each(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(i)</span> {</span>
        <span class="hljs-keyword">var</span> that = $(<span class="hljs-keyword">this</span>);
        <span class="hljs-keyword">if</span> (that.attr(<span class="hljs-string">"src"</span>).indexOf(<span class="hljs-string">"http://"</span>) >= <span class="hljs-number">0</span> || that.attr(<span class="hljs-string">"src"</span>).indexOf(<span class="hljs-string">"https://"</span>) >= <span class="hljs-number">0</span>) {
            piccount++;
            <span class="hljs-keyword">if</span> (i == $(img).length - <span class="hljs-number">1</span>)
                sstr += that.attr(<span class="hljs-string">"src"</span>);
            <span class="hljs-keyword">else</span>
                sstr += that.attr(<span class="hljs-string">"src"</span>) + <span class="hljs-string">"|"</span>;
        }
    });

    $(<span class="hljs-string">"#piclist"</span>).val(sstr);
    document.getElementById(<span class="hljs-string">"has_pic"</span>).style.display = (piccount > <span class="hljs-number">0</span>) ? <span class="hljs-string">"block"</span> : <span class="hljs-string">"none"</span>;
}

<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">closeupload</span><span class="hljs-params">()</span> {</span>
    $(<span class="hljs-string">"#has_pic"</span>).hide();
    $(<span class="hljs-string">"#upload"</span>).show();
}

<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">uploadpic</span><span class="hljs-params">()</span> {</span>
    <span class="hljs-keyword">var</span> piclist = <span class="hljs-built_in">encodeURI</span>($(<span class="hljs-string">"#piclist"</span>).val());
    <span class="hljs-keyword">if</span> (piclist.length == <span class="hljs-number">0</span>) <span class="hljs-keyword">return</span> <span class="hljs-literal">false</span>;
    $.ajax({
        url: <span class="hljs-string">"../../../Portal/KEHandler/autoupload.ashx"</span>,
        data: <span class="hljs-string">"pic="</span> + piclist,
        type: <span class="hljs-string">"GET"</span>,
        beforeSend: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> {</span>
            $(<span class="hljs-string">"#upload"</span>).hide();
            $(<span class="hljs-string">"#confirm"</span>).text(<span class="hljs-string">"正在上传中..."</span>);
        },
        success: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(msg)</span> {</span>
            <span class="hljs-keyword">if</span> (msg !== <span class="hljs-string">""</span>) {
                <span class="hljs-keyword">var</span> str = <span class="hljs-keyword">new</span> <span class="hljs-built_in">Array</span>();
                str = msg.split(<span class="hljs-string">'|'</span>);
                <span class="hljs-keyword">var</span> img = $(<span class="hljs-string">".ke-edit-iframe"</span>).contents().find(<span class="hljs-string">"img"</span>);

                $(img).each(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(i)</span> {</span>
                    <span class="hljs-keyword">var</span> that = $(<span class="hljs-keyword">this</span>);
                    <span class="hljs-keyword">if</span> (that.attr(<span class="hljs-string">"src"</span>).indexOf(<span class="hljs-string">"http://"</span>) >= <span class="hljs-number">0</span> || that.attr(<span class="hljs-string">"src"</span>).indexOf(<span class="hljs-string">"https://"</span>) >= <span class="hljs-number">0</span>) {
                        that.attr(<span class="hljs-string">"src"</span>, <span class="hljs-string">"../../../KindEditPic/Aimage/"</span> + str[i]);
                        that.attr(<span class="hljs-string">"data-ke-src"</span>, <span class="hljs-string">"../../../KindEditPic/Aimage/"</span> + str[i]);
                    }
                });

                $(<span class="hljs-string">"#confirm"</span>).html(img.length + <span class="hljs-string">"张图片已经上传成功！  <a href='javascript:closeupload();'>关闭</a>"</span>);
            }
            <span class="hljs-keyword">else</span> $(<span class="hljs-string">"#confirm"</span>).text(<span class="hljs-string">"上传失败！"</span>);
        }
    });
}</code></pre> 
  <p>我们来看一下后台代码是怎么处理的？因为我们并不清楚用户到底复制粘贴了多少张，所以处理的时候我们采用循环来处理，</p> 
  <pre class="prettyprint"><code class=" hljs cs"><span class="hljs-keyword">using</span> System;
<span class="hljs-keyword">using</span> System.Collections.Generic;
<span class="hljs-keyword">using</span> System.Linq;
<span class="hljs-keyword">using</span> System.Web;
<span class="hljs-keyword">using</span> System.IO;
<span class="hljs-keyword">using</span> System.Globalization;
<span class="hljs-keyword">using</span> System.Net;

namespace WeChat.Portal.KEHandler
{
    <span class="hljs-comment"><span class="hljs-xmlDocTag">///</span> <span class="hljs-xmlDocTag"><summary></span></span>
    <span class="hljs-comment"><span class="hljs-xmlDocTag">///</span> autoupload 的摘要说明</span>
    <span class="hljs-comment"><span class="hljs-xmlDocTag">///</span> <span class="hljs-xmlDocTag"></summary></span></span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">class</span> autoupload : IHttpHandler
    {
        <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">ProcessRequest</span>(HttpContext context)
        {
            context.Response.ContentType = <span class="hljs-string">"text/plain"</span>;
            <span class="hljs-keyword">string</span> pic = context.Request.QueryString[<span class="hljs-string">"pic"</span>];

            <span class="hljs-keyword">string</span>[] arr = pic.Split(<span class="hljs-string">'|'</span>);
            <span class="hljs-keyword">string</span> sstr = <span class="hljs-string">""</span>;
            UpLoadIMG st = <span class="hljs-keyword">new</span> UpLoadIMG();
            <span class="hljs-keyword">for</span> (<span class="hljs-keyword">int</span> i = <span class="hljs-number">0</span>; i < arr.Length; i++)
            {
                <span class="hljs-keyword">if</span> (arr[i].IndexOf(<span class="hljs-string">"http://"</span>) >= <span class="hljs-number">0</span> || arr[i].IndexOf(<span class="hljs-string">"https://"</span>) >= <span class="hljs-number">0</span>)
                {
                    <span class="hljs-keyword">string</span> std = st.SaveUrlPics(arr[i], <span class="hljs-string">"../../KindEditPic/Aimage/"</span>);
                    <span class="hljs-keyword">if</span> (std.Length > <span class="hljs-number">0</span>)
                    {
                        <span class="hljs-keyword">if</span> (i == arr.Length - <span class="hljs-number">1</span>)
                            sstr += std;
                        <span class="hljs-keyword">else</span>
                            sstr += std + <span class="hljs-string">"|"</span>;
                    }
                }
            }
            context.Response.Write(sstr);
        }

        <span class="hljs-keyword">public</span> <span class="hljs-keyword">bool</span> IsReusable
        {
            <span class="hljs-keyword">get</span>
            {
                <span class="hljs-keyword">return</span> <span class="hljs-keyword">false</span>;
            }
        }
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">class</span> UpLoadIMG
    {
        <span class="hljs-keyword">public</span> <span class="hljs-keyword">string</span> <span class="hljs-title">SaveUrlPics</span>(<span class="hljs-keyword">string</span> imgurlAry, <span class="hljs-keyword">string</span> path)
        {
            <span class="hljs-keyword">string</span> strHTML = <span class="hljs-string">""</span>;
            <span class="hljs-keyword">string</span> dirPath = HttpContext.Current.Server.MapPath(path);

            <span class="hljs-keyword">try</span>
            {
                <span class="hljs-keyword">if</span> (!Directory.Exists(dirPath))
                {
                    Directory.CreateDirectory(dirPath);
                }
                <span class="hljs-keyword">string</span> ymd = DateTime.Now.ToString(<span class="hljs-string">"yyyyMMdd"</span>, DateTimeFormatInfo.InvariantInfo);
                dirPath += ymd + <span class="hljs-string">"/"</span>;
                <span class="hljs-keyword">if</span> (!Directory.Exists(dirPath))
                {
                    Directory.CreateDirectory(dirPath);
                }
                <span class="hljs-keyword">string</span> newFileName = DateTime.Now.ToString(<span class="hljs-string">"yyyyMMddHHmmss_ffff"</span>, DateTimeFormatInfo.InvariantInfo) + imgurlAry.Substring(imgurlAry.LastIndexOf(<span class="hljs-string">"."</span>));

                WebClient wc = <span class="hljs-keyword">new</span> WebClient();
                wc.DownloadFile(imgurlAry, dirPath + newFileName);
                strHTML = ymd + <span class="hljs-string">"/"</span> + newFileName;
            }
            <span class="hljs-keyword">catch</span> (Exception ex)
            {
                <span class="hljs-comment">//return ex.Message;</span>
            }
            <span class="hljs-keyword">return</span> strHTML;
        }
    }
}</code></pre> 
  <blockquote> 
   <p>至此我们就全部处理完毕了，不管是复制粘贴的图片还是本地上传的图片全部都可以使用了，最后告诉大家怎么取值怎么复制吧？</p> 
  </blockquote> 
  <h4 id="取值"><strong>取值：</strong></h4> 
  <pre class="prettyprint"><code class=" hljs javascript"><span class="hljs-comment">//点击按钮获取富文本的值</span>
 $(<span class="hljs-string">"#ke-button"</span>).on(<span class="hljs-string">"click"</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> {</span>
     <span class="hljs-comment">//获取富文本输入框的值</span>
     <span class="hljs-keyword">var</span> htmlStr = KindEditor.instances[<span class="hljs-number">0</span>].html().trim();
     console.log(<span class="hljs-string">"未加密:\n"</span> + htmlStr);
     console.log(<span class="hljs-string">"加密:\n"</span> + <span class="hljs-built_in">escape</span>(htmlStr));
 })</code></pre> 
  <h4 id="赋值"><strong>赋值：</strong></h4> 
  <pre class="prettyprint"><code class=" hljs xml">KindEditor.instances[0].html("<span class="hljs-tag"><<span class="hljs-title">p</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">'color:red'</span>></span>夏守成<span class="hljs-tag"><<span class="hljs-title">p</span>></span>");</code></pre> 
  <h3 id="如果大家有任何疑问或者不清楚的地方直接留言或者评论即可"><strong>如果大家有任何疑问或者不清楚的地方直接留言或者评论即可！</strong></h3> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1279715701468184576"></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">
                        <!-- 文章页-右侧1 动态广告位 -->
                        <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>
                        <!-- 文章页-右侧2 动态广告位 -->
                        <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>
                        <!-- 文章页-右侧3 动态广告位 -->
                        <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">你可能感兴趣的:(HTML5实战开发)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1835498925755297792.htm"
                           title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a>
                        <span class="text-muted">STU学生网页设计</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a>
                        <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div>
                    </li>
                    <li><a href="/article/1835496149843275776.htm"
                           title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a>
                        <span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a>
                        <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div>
                    </li>
                    <li><a href="/article/1835496148601761792.htm"
                           title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
                        <span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
                    </li>
                    <li><a href="/article/1835372727582683136.htm"
                           title="h5小游戏定制开发" target="_blank">h5小游戏定制开发</a>
                        <span class="text-muted">红匣子实力推荐</span>

                        <div>随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台</div>
                    </li>
                    <li><a href="/article/1835123524155568128.htm"
                           title="HTML5概述" target="_blank">HTML5概述</a>
                        <span class="text-muted">WFIT~SKY</span>
<a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF/1.htm">Web前端</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>1.HTML概述1.1HTML定义HTML超文本标记语言，其中超文本是链接，标记也叫标签（即带尖括号的文本）。1.2HTML基本骨架HTML基本骨架是网页模板。网页的标题网页的内容html：整个网页head：网页头部，存放给浏览器看的代码，例如CSSbody：网页主体，存放给用户看的代码，例如文字、图片title：网页标题1.3HTML关系父子关系（嵌套）兄弟关系（并列）2.HTML开发环境2.1</div>
                    </li>
                    <li><a href="/article/1835111175398977536.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/html5/1.htm">html5</a>
                        <div>一、创建HTML5文档基本标签//定义文档类型//定义HTML文档//定义关于文档的信息文档标题//定义文档的标题//定义文档的字符编码//定义文档的主体二、文字相关标签1.标题文字-标签可定义标题。定义最大的标题。定义最小的标题。Document这是标题1这是标题2这是标题3这是标题4这是标题5这是标题62.文本段落Document这次会晤的主题是“金砖国家在非洲：在第四次工业革命中共谋包容增长</div>
                    </li>
                    <li><a href="/article/1835082840174325760.htm"
                           title="【拖拽】自定义拖拽图标" target="_blank">【拖拽】自定义拖拽图标</a>
                        <span class="text-muted">风露_</span>

                        <div>一、知识点设置被拖拽的元素draggable为true(HTML5新特性)关键方法：voiddataTransfer.setDragImage(img,xOffset,yOffset);注意点：Note:Ifthe[Element]isanexisting[HTMLElement],itneedstobevisibleintheviewportinordertobeshownasadragfeed</div>
                    </li>
                    <li><a href="/article/1834814025607770112.htm"
                           title="Cocos2d、Cocos2dx、Cocos Creator、Cocos Studio的区别" target="_blank">Cocos2d、Cocos2dx、Cocos Creator、Cocos Studio的区别</a>
                        <span class="text-muted">Thomas游戏圈</span>

                        <div>一、Cocos2d和Cocos2dx的区别【开发语言】：Cocos2d是Object-C写的，Cocos2dx是C++写的，支持使用C++、Lua或Java进行开发。【运行平台】：Cocos2d只能在IOS下运行，Cocos2dx是跨平台的，适配iOS、Android、HTML5、Windows和Mac系统，功能侧重于原生移动平台。点击链接加入群聊【Unity/Cocos交流群】【国籍】：Coco</div>
                    </li>
                    <li><a href="/article/1834645992071327744.htm"
                           title="web前端达到什么水平，才能找到工作？" target="_blank">web前端达到什么水平，才能找到工作？</a>
                        <span class="text-muted">cj瑾瑜</span>
<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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
                        <div>一、前端是什么？前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。（核心技术：HTML、CSS、JavaScript）核心技术是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义</div>
                    </li>
                    <li><a href="/article/1834535205646462976.htm"
                           title="Django+Vue基于OpenCV的人脸识别系统的设计与实现" target="_blank">Django+Vue基于OpenCV的人脸识别系统的设计与实现</a>
                        <span class="text-muted">赵广陆</span>
<a class="tag" taget="_blank" href="/search/project/1.htm">project</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/opencv/1.htm">opencv</a>
                        <div>目录1项目介绍2项目截图3核心代码3.1需要的环境3.2Django接口层3.3实体类3.4config.ini3.5启动类3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实战开发、讲解和答疑辅导，对于专业性数据证明一切！主要项目：javaweb、</div>
                    </li>
                    <li><a href="/article/1834504328082190336.htm"
                           title="HTML5（六）canvas 矩形、路径、画板功能" target="_blank">HTML5（六）canvas 矩形、路径、画板功能</a>
                        <span class="text-muted">祝名</span>

                        <div>一.绘制矩形1.什么是canvascanvas标签相当于一个画板；canvas的宽高不要用css去定义，直接在标签中用属性写；2.obj=c.getContext('2d');获得2d绘画环境（相当于铺了一层画布）绘画图像的操作都会在obj这个绘画环境中存储；3.绘画方法及样式x,y为坐标样例：二.canvas路径1.方法2.样例cv.lineJoin='round';//边界类型为弧形三.画板功</div>
                    </li>
                    <li><a href="/article/1834414460463312896.htm"
                           title="HTML5中的数据存储sessionStorage、localStorage" target="_blank">HTML5中的数据存储sessionStorage、localStorage</a>
                        <span class="text-muted">阿立聊代码</span>
<a class="tag" taget="_blank" href="/search/HTML%E5%AE%9E%E6%88%98/1.htm">HTML实战</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>第8章HTML5中的数据存储之前通常使用Cookie存储机制将数据保存在用户的客户端。H5增加了两种全新的数据存储方式：WebStroage和WebSQLDatabase.前者用于临时或永久保存客户端少量数据，后者是客户端本地化的一套数据库系统。8.1WebStorage存储简介WebStorageAPI分为会话数据和长期数据，相应的API分为两类：sessionStorage(保存会话数据)lo</div>
                    </li>
                    <li><a href="/article/1834156411374891008.htm"
                           title="html5carousel图片轮播,全面解析Bootstrap中Carousel轮播的使用方法" target="_blank">html5carousel图片轮播,全面解析Bootstrap中Carousel轮播的使用方法</a>
                        <span class="text-muted">RemusrickCat</span>

                        <div>本文实例为大家全面的解析了Bootstrap中Carousel的使用方法，供大家参考，具体内容如下源码文件：Carousel.scssCarousel.js实现原理：隐藏所有要显示的元素，然后指定当前要显示的为block，宽、高自适应源码分析：1、Html结构：主要分为以四个部分1.1、容器：最外层div，需要一个data-ride=”carousel”来指定为轮播放插件，并且提供一个Id，方便圆</div>
                    </li>
                    <li><a href="/article/1834155529212096512.htm"
                           title="【Web前端技术 02】深入探索HTML5：标签全解析与案例演示！" target="_blank">【Web前端技术 02】深入探索HTML5：标签全解析与案例演示！</a>
                        <span class="text-muted">wcyd</span>
<a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>深入探索HTML5：标签全解析与案例演示！大家好！在上一篇文章中，我们对HTML5有了一个基本的了解。今天，我们将更深入地探索HTML5，全面介绍各种标签及其应用。从基础标签到新增标签，从文档结构到格式标签，我们将一一解析，并提供丰富的案例演示。准备好了吗？让我们开始吧！️HTML5基础结构首先，让我们回顾一下HTML5的基本结构。HTML5文档的结构就像一座房子的蓝图，指导我们如何构建网页。下面</div>
                    </li>
                    <li><a href="/article/1834148472605995008.htm"
                           title="HTML5中`＜span＞`标签深入解析" target="_blank">HTML5中`＜span＞`标签深入解析</a>
                        <span class="text-muted">软考鸭</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</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>引言在HTML5中，标签是一个行内元素，用于对文档中的一小部分文本或内容进行分组，以便于应用CSS样式或JavaScript脚本。与块级元素（如）不同，不会打断文本的流动，而是与其内容一起在同一行内显示。本文将深入解析标签的定义、用法、属性以及在实际开发中的应用。定义与用法标签是一个无语义的行内容器，用于包裹文档中的一部分内容，而不改变文档的结构。它通常与CSS和JavaScript结合使用，以实</div>
                    </li>
                    <li><a href="/article/1833752622167846912.htm"
                           title="SprinBoot+Vue远程教育网站的设计与实现" target="_blank">SprinBoot+Vue远程教育网站的设计与实现</a>
                        <span class="text-muted">赵广陆</span>
<a class="tag" taget="_blank" href="/search/project/1.htm">project</a><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>目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实战开发、讲解和答疑辅导</div>
                    </li>
                    <li><a href="/article/1833664744578445312.htm"
                           title="HTML5 `＜button＞` 标签深入全面解析" target="_blank">HTML5 `＜button＞` 标签深入全面解析</a>
                        <span class="text-muted">软考鸭</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</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>引言在HTML5中，标签用于定义一个可点击的按钮，它是创建交互式网页的重要元素之一。与相比，标签提供了更多的灵活性和样式化的可能性。本文将深入解析HTML5中的标签，详细介绍其属性、样式以及实际应用。标签的基本用法标签内部可以放置内容，如文本、图像或其他HTML元素。这使得标签比更加灵活。点击我在这个简单的例子中，我们创建了一个普通的按钮，其上的文本是“点击我”。标签的属性标签支持多种属性，用于定</div>
                    </li>
                    <li><a href="/article/1833662348959772672.htm"
                           title="HTML5之基础、元信息标签" target="_blank">HTML5之基础、元信息标签</a>
                        <span class="text-muted">Programmer.杨</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF-HTML/1.htm">前端技术-HTML</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/meta/1.htm">meta</a><a class="tag" taget="_blank" href="/search/head/1.htm">head</a><a class="tag" taget="_blank" href="/search/title/1.htm">title</a><a class="tag" taget="_blank" href="/search/%E6%A0%87%E7%AD%BE/1.htm">标签</a>
                        <div>标签声明位于文档中最前面的位置，处于标签之前。声明不是一个HTML标签，它是告知Web浏览器该页面使用了哪种HTML版本（规范），浏览器用此版本（规范）对该文档进行解析，渲染。可声明的DTD有三种：分别是严格版本（strict）、过渡版本（transitional）、以及基于框架的版本（frameset），若文档不遵循其DTD规范，则此文档中的代码不但不能通过代码校验，并且有可能无法正常显示。文档</div>
                    </li>
                    <li><a href="/article/1833656803154554880.htm"
                           title="HTML5中`＜ul＞`标签深入全面解析" target="_blank">HTML5中`＜ul＞`标签深入全面解析</a>
                        <span class="text-muted">软考鸭</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</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>在HTML5的广阔天地里，标签作为无序列表的代言人，扮演着举足轻重的角色。它不仅能够整洁地罗列信息，还通过丰富的属性和样式选项，为网页设计师提供了无限的创意空间。本文将深入剖析标签的内核，详细解读其属性与样式，助力你打造更加精致、功能强大的网页。一、标签基础概览，即UnorderedList（无序列表）的缩写，用于在网页中展示一系列无特定顺序的项目。每个项目由（ListItem，列表项）标签包裹，</div>
                    </li>
                    <li><a href="/article/1833656298739167232.htm"
                           title="HTML5全面知识点" target="_blank">HTML5全面知识点</a>
                        <span class="text-muted">A_cot</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</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%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>HTML（HyperTextMarkupLanguage）是构建网页的基础语言。以下是全面的HTML知识点：一、HTML基础概念定义：HTML是一种用于描述网页结构的标记语言，通过各种标签来定义网页的内容和布局。版本历史：从HTML的早期版本发展到现在的HTML5，功能不断增强，支持更多的多媒体和交互特性。二、HTML文档结构声明：用于告诉浏览器文档类型是HTML5。标签：整个HTML文档的根元素</div>
                    </li>
                    <li><a href="/article/1833513837786132480.htm"
                           title="python提取数据库数据到前端html5显示_python html提取数据库数据" target="_blank">python提取数据库数据到前端html5显示_python html提取数据库数据</a>
                        <span class="text-muted">weixin_39878745</span>

                        <div>python开源工具列表【持续更新】以下是个人在工作中整理的一些pythonwheel，供参考。这个列表包含与网页抓取和数据处理的Python库网络通用urllib-网络库(stdlib)。requests-网络库。grab–网络库(基于pycurl)。pycurl–网络库(绑定libcurl)。urllib3–...文章武耀文2018-04-253128浏览量8个用于业余项目的优秀Python库</div>
                    </li>
                    <li><a href="/article/1833445106376601600.htm"
                           title="掌财社:在html5中使用video进行全屏播放与自动播放的代码方法总结！" target="_blank">掌财社:在html5中使用video进行全屏播放与自动播放的代码方法总结！</a>
                        <span class="text-muted">weixin_45378258</span>
<a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a>
                        <div>今天由于在之前小编在项目中遇到的有关于：“在html5中使用video进行全屏播放与自动播放的代码方法总结！”这方面的内容，所以今天就来和大家分享有关于这方面的相关内容！近期开始开发公司新版官网，首页顶部（header）是一个全屏播放的小视频,现简单总结如下：页面代码：其中php简单判断了一下是否是移动设备,移动设备不展示视频(如果移动端展示的话,需要解决iOS上无法自动播放的问题):ps:如果H</div>
                    </li>
                    <li><a href="/article/1833356121453195264.htm"
                           title="Vue中使用pdfJs预览PDF、图片" target="_blank">Vue中使用pdfJs预览PDF、图片</a>
                        <span class="text-muted">viceen</span>
<a class="tag" taget="_blank" href="/search/vue3%2Bts-%E8%BF%90%E7%BB%B4/1.htm">vue3+ts-运维</a><a class="tag" taget="_blank" href="/search/vue%E9%A1%B9%E7%9B%AE-%E8%BF%90%E7%BB%B4/1.htm">vue项目-运维</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><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
                        <div>Vue中使用pdfJs预览PDF、图片pdf.js是一个使用HTML5构建的可移植文档格式库。它可以帮助我们在浏览器中构建pdf文档，实现在线查看pdf文件的功能。实现步骤如下：1.下载pdfJs到本地（官网下载地址），放到项目根目录下的静态资源目录static文件夹内，将文件命名为pdfJs。如下图使用iframe打开或者需要注意的是：file参数中默认只允许传简单路径比如：http://www</div>
                    </li>
                    <li><a href="/article/1833255014102036480.htm"
                           title="【WebKit深度解析】HTML5支持全景与实践指南" target="_blank">【WebKit深度解析】HTML5支持全景与实践指南</a>
                        <span class="text-muted">2401_85812026</span>
<a class="tag" taget="_blank" href="/search/webkit/1.htm">webkit</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>
                        <div>标题：【WebKit深度解析】HTML5支持全景与实践指南WebKit作为许多现代浏览器的核心技术，对HTML5的支持程度直接关系到Web应用的性能和体验。HTML5是构建现代Web应用的基石，提供了丰富的特性和API。本文将深入探讨WebKit对HTML5的支持程度，并通过实际代码示例，展示如何在WebKit浏览器上充分利用HTML5的强大功能。1.WebKit与HTML5概述WebKit是一个</div>
                    </li>
                    <li><a href="/article/1833125383365554176.htm"
                           title="SprinBoot+Vue动漫交流与推荐平台的设计与实现" target="_blank">SprinBoot+Vue动漫交流与推荐平台的设计与实现</a>
                        <span class="text-muted">赵广陆</span>
<a class="tag" taget="_blank" href="/search/project/1.htm">project</a><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>目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实战开发、讲解和答疑辅导</div>
                    </li>
                    <li><a href="/article/1833107980619444224.htm"
                           title="【鸿蒙实战开发】HarmonyOS-状态管理" target="_blank">【鸿蒙实战开发】HarmonyOS-状态管理</a>
                        <span class="text-muted">代码改变世界996</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%B8%BF%E8%92%99/1.htm">鸿蒙</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%8D%93/1.htm">安卓</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99/1.htm">鸿蒙</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%8D%93/1.htm">安卓</a>
                        <div>前言本文基于鸿蒙Nextbeta1，beta2的新特性暂未深入研究和使用，且目前beta2已经可以试用。现在客户端所流行的结构无非就是MVVM或者MVI。MVI的特点是不仅把数据变化做了响应，连交互都封装了，鸿蒙目前最适合的是MVVM。鸿蒙使用声明式UI开发框架，那么和所有的流行的大前端框架一样，我们需要处理前端组件间的数据通信和变化响应，也就是所谓的状态管理。而MVVM中的viewmodel可以</div>
                    </li>
                    <li><a href="/article/1832902103627034624.htm"
                           title="纯血鸿蒙APP实战开发——评论组件案例实现" target="_blank">纯血鸿蒙APP实战开发——评论组件案例实现</a>
                        <span class="text-muted">「已注销」</span>
<a class="tag" taget="_blank" href="/search/harmonyOS/1.htm">harmonyOS</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99%E5%BC%80%E5%8F%91/1.htm">鸿蒙开发</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/harmonyos/1.htm">harmonyos</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%95%8C%E9%9D%A2%E5%B8%83%E5%B1%80/1.htm">界面布局</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/ui/1.htm">ui</a>
                        <div>介绍评论组件在目前市面上的短视频app中是一种很常见的场景，本案例使用【全局状态保留能力弹窗】来实现评论组件。点击评论按钮弹出评论组件，点击空白处隐藏该组件，再次点击评论按钮则会恢复上一次浏览的组件状态。效果图预览使用说明点击评论按钮打开评论组件。上下滑动可以浏览评论。点击空白处或者关闭按钮可以关闭评论组件。再次点击评论按钮则恢复上一次浏览评论位置。实现思路使用GlobalStateDialogM</div>
                    </li>
                    <li><a href="/article/1832853070820765696.htm"
                           title="HTML5 ＜video＞常用属性、时间、方法及基础使用说明" target="_blank">HTML5 ＜video＞常用属性、时间、方法及基础使用说明</a>
                        <span class="text-muted">Wu Youlu</span>
<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/javascript/1.htm">javascript</a>
                        <div>简介HTML元素用于在文档中嵌入媒体播放器，用于支持文档内的视频播放。标签也可用于播放音频，但播放音频用更加适合。元素支持三种视频格式：MP4,WebM,和Ogg:MP4=带有H.264视频编码和AAC音频编码的MPEG4文件WebM=带有VP8视频编码和Vorbis音频编码的WebM文件Ogg=带有Theora视频编码和Vorbis音频编码的Ogg文件基础写法Yourbrowserdoesnot</div>
                    </li>
                    <li><a href="/article/1832736711709388800.htm"
                           title="WebAPI DOM文档对象模型" target="_blank">WebAPI DOM文档对象模型</a>
                        <span class="text-muted">znhyXYG</span>
<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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>DOM（文档对象模型）是一个可以改变网页内容、结构、样式的处理可扩展标记语言的接口一、获取元素方法：1、根据ID获取2、根据标签名获取3、根据类名获取（html5新增）4、querySelector获取（html5新增）5、querySelectorAll获取（html5新增）6、获取特殊元素（body、html）ID获取方法：document.getElementById(); 2019-9-9</div>
                    </li>
                    <li><a href="/article/1832675190677532672.htm"
                           title="使用fabric.js简简单单实现一个画板" target="_blank">使用fabric.js简简单单实现一个画板</a>
                        <span class="text-muted">小草先森tyro</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>什么是fabricfabric是一个功能强大的JavaScript库,运行在HTML5canvas上。fabric为canvas提供了一个交互式对象模型，以及一个svg-to-canvas解析器。与canvas的区别来一个简单的例子来说明一下fabric与canvas的区别，假设我们想在一个画布上画一个红色的矩形：//原生canvasapi//有一个id是c的canvas元素varcanvasEl</div>
                    </li>
                                <li><a href="/article/10.htm"
                                       title="jsonp 常用util方法" target="_blank">jsonp 常用util方法</a>
                                    <span class="text-muted">hw1287789687</span>
<a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/jsonp%E5%B8%B8%E7%94%A8%E6%96%B9%E6%B3%95/1.htm">jsonp常用方法</a><a class="tag" taget="_blank" href="/search/jsonp+callback/1.htm">jsonp callback</a>
                                    <div>jsonp 常用java方法 
(1)以jsonp的形式返回:函数名(json字符串) 
/***
	 * 用于jsonp调用
	 * @param map : 用于构造json数据
	 * @param callback : 回调的javascript方法名
	 * @param filters : <code>SimpleBeanPropertyFilter theFilt</div>
                                </li>
                                <li><a href="/article/137.htm"
                                       title="多线程场景" target="_blank">多线程场景</a>
                                    <span class="text-muted">alafqq</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a>
                                    <div>0 
能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 
对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ 
Java多线程 
2012年11月23日 15:41 Young9007 Young9007 
4 
0 0 4 
 
Comment添加评论关注(2) 
3个答案 按时间排序 按投票排序 
 
0 
0 
最典型的如： 
1、</div>
                                </li>
                                <li><a href="/article/264.htm"
                                       title="Maven学习——修改Maven的本地仓库路径" target="_blank">Maven学习——修改Maven的本地仓库路径</a>
                                    <span class="text-muted">Kai_Ge</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
                                    <div>      安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。 
  
 </div>
                                </li>
                                <li><a href="/article/391.htm"
                                       title="placeholder的浏览器兼容" target="_blank">placeholder的浏览器兼容</a>
                                    <span class="text-muted">120153216</span>
<a class="tag" taget="_blank" href="/search/placeholder/1.htm">placeholder</a>
                                    <div>【前言】 
自从html5引入placeholder后，问题就来了， 
不支持html5的浏览器也先有这样的效果， 
各种兼容，之前考虑，今天测试人员逮住不放， 
想了个解决办法，看样子还行，记录一下。 
  
【原理】 
不使用placeholder，而是模拟placeholder的效果， 
大概就是用focus和focusout效果。 
  
【代码】 
<scrip</div>
                                </li>
                                <li><a href="/article/518.htm"
                                       title="debian_用iso文件创建本地apt源" target="_blank">debian_用iso文件创建本地apt源</a>
                                    <span class="text-muted">2002wmj</span>
<a class="tag" taget="_blank" href="/search/Debian/1.htm">Debian</a>
                                    <div>1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下

2.创建N个挂载点目录  
如下： 
debian:~#mkdir –r /media/dvd1 
debian:~#mkdir –r /media/dvd2 
debian:~#mkdir –r /media/dvd3 
…. 
debian:~#mkdir –r /media</div>
                                </li>
                                <li><a href="/article/645.htm"
                                       title="SQLSERVER耗时最长的SQL" target="_blank">SQLSERVER耗时最长的SQL</a>
                                    <span class="text-muted">357029540</span>
<a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a>
                                    <div>对于DBA来说，经常要知道存储过程的某些信息： 
 
1.   执行了多少次 
 
2.   执行的执行计划如何 
 
3.   执行的平均读写如何 
 
4.   执行平均需要多少时间 
 
列名          &</div>
                                </li>
                                <li><a href="/article/772.htm"
                                       title="com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil" target="_blank">com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil</a>
                                    <span class="text-muted">7454103</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
                                    <div>今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 
 
错误提示信息： 
 
An error has occurred.See error log for more details. 
Reason: 
com/genuitec/</div>
                                </li>
                                <li><a href="/article/899.htm"
                                       title="用正则删除文本中的html标签" target="_blank">用正则删除文本中的html标签</a>
                                    <span class="text-muted">adminjun</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</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><a class="tag" taget="_blank" href="/search/%E5%8E%BB%E6%8E%89html%E6%A0%87%E7%AD%BE/1.htm">去掉html标签</a>
                                    <div>使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 
如下： 
public static String Html2Text(String inputString) {  
String htmlStr = inputString; // 含html标签的字符串
  String textSt</div>
                                </li>
                                <li><a href="/article/1026.htm"
                                       title="嵌入式系统设计中常用总线和接口" target="_blank">嵌入式系统设计中常用总线和接口</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/linux+%E5%9F%BA%E7%A1%80/1.htm">linux 基础</a>
                                    <div>               嵌入式系统设计中常用总线和接口 
  
        任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线</div>
                                </li>
                                <li><a href="/article/1153.htm"
                                       title="Java函数调用方式——按值传递" target="_blank">Java函数调用方式——按值传递</a>
                                    <span class="text-muted">ayaoxinchao</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%8C%89%E5%80%BC%E4%BC%A0%E9%80%92/1.htm">按值传递</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1/1.htm">对象</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B/1.htm">基础数据类型</a>
                                    <div>Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。 
  
首先，让我们看一看基础数据类型是如何按值传递的。 
  
public static void main(String[] args) {
		
	int a = 2;
</div>
                                </li>
                                <li><a href="/article/1280.htm"
                                       title="ios音量线性下降" target="_blank">ios音量线性下降</a>
                                    <span class="text-muted">bewithme</span>
<a class="tag" taget="_blank" href="/search/ios%E9%9F%B3%E9%87%8F/1.htm">ios音量</a>
                                    <div>直接上代码吧 
  
//second 几秒内下降为0
- (void)reduceVolume:(int)second {
    KGVoicePlayer *player = [KGVoicePlayer defaultPlayer];
    
    if (!_flag) {
        _tempVolume = player.volume;
       </div>
                                </li>
                                <li><a href="/article/1407.htm"
                                       title="与其怨它不如爱它" target="_blank">与其怨它不如爱它</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E9%80%89%E6%8B%A9/1.htm">选择</a><a class="tag" taget="_blank" href="/search/%E7%90%86%E6%83%B3/1.htm">理想</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E4%B8%9A/1.htm">职业</a><a class="tag" taget="_blank" href="/search/%E8%A7%84%E5%88%92/1.htm">规划</a>
                                    <div>        抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。 
        一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。 
  </div>
                                </li>
                                <li><a href="/article/1534.htm"
                                       title="一边时间不够用一边浪费时间" target="_blank">一边时间不够用一边浪费时间</a>
                                    <span class="text-muted">bingyingao</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4/1.htm">时间</a><a class="tag" taget="_blank" href="/search/%E6%B5%AA%E8%B4%B9/1.htm">浪费</a>
                                    <div>一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 
 
每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 
精神还是很差，下午像一直野鬼在城市里晃荡。 
 
 
为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 
控制让自己周末早睡早起，你就成功了一半。 
 
有多少个工作</div>
                                </li>
                                <li><a href="/article/1661.htm"
                                       title="【Scala八】Scala核心二：隐式转换" target="_blank">【Scala八】Scala核心二：隐式转换</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
                                    <div>Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con</div>
                                </li>
                                <li><a href="/article/1788.htm"
                                       title="sudoku slover in Haskell (2)" target="_blank">sudoku slover in Haskell (2)</a>
                                    <span class="text-muted">bookjovi</span>
<a class="tag" taget="_blank" href="/search/haskell/1.htm">haskell</a><a class="tag" taget="_blank" href="/search/sudoku/1.htm">sudoku</a>
                                    <div>继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。 
  
board = [0,3,4,1,7,0,5,0,0,
         0,6,0,0,0,8,3,0,1,
         7,0,0,3,0,0,0,0,6,
         5,0,0,6,4,0,8,0,7,
</div>
                                </li>
                                <li><a href="/article/1915.htm"
                                       title="Java-Collections Framework学习与总结-HashSet和LinkedHashSet" target="_blank">Java-Collections Framework学习与总结-HashSet和LinkedHashSet</a>
                                    <span class="text-muted">BrokenDreams</span>
<a class="tag" taget="_blank" href="/search/linkedhashset/1.htm">linkedhashset</a>
                                    <div>        本篇总结一下两个常用的集合类HashSet和LinkedHashSet。 
        它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序</div>
                                </li>
                                <li><a href="/article/2042.htm"
                                       title="读《研磨设计模式》-代码笔记-备忘录模式-Memento" target="_blank">读《研磨设计模式》-代码笔记-备忘录模式-Memento</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/ 
 
 

import java.util.ArrayList;
import java.util.List;



/*
 * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
</div>
                                </li>
                                <li><a href="/article/2169.htm"
                                       title="《RAW格式照片处理专业技法》笔记" target="_blank">《RAW格式照片处理专业技法》笔记</a>
                                    <span class="text-muted">cherishLC</span>
<a class="tag" taget="_blank" href="/search/PS/1.htm">PS</a>
                                    <div>注意，这不是教程！仅记录楼主之前不太了解的 
 
 一、色彩（空间）管理 
作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 
注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv</div>
                                </li>
                                <li><a href="/article/2296.htm"
                                       title="使用 Git 下载 Spring 源码 编译 for Eclipse" target="_blank">使用 Git 下载 Spring 源码 编译 for Eclipse</a>
                                    <span class="text-muted">crabdave</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
                                    <div>使用 Git 下载 Spring 源码 编译 for Eclipse 
  
1、安装gradle，下载 http://www.gradle.org/downloads 
配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v 
  
2、spring4 用jdk8 下载 https://jdk8.java.</div>
                                </li>
                                <li><a href="/article/2423.htm"
                                       title="mysql连接拒绝问题" target="_blank">mysql连接拒绝问题</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E7%99%BB%E5%BD%95%E6%9D%83%E9%99%90/1.htm">登录权限</a>
                                    <div>mysql中在其它机器连接mysql服务器时报错问题汇总 
 
一、[running]root@192.168.9.136:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 
Enter password:    //无字符串输入 
ERROR 1045 (28000): Access </div>
                                </li>
                                <li><a href="/article/2550.htm"
                                       title="Google Chrome 为何打压 H.264" target="_blank">Google Chrome 为何打压 H.264</a>
                                    <span class="text-muted">dsjt</span>
<a class="tag" taget="_blank" href="/search/apple/1.htm">apple</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a>
                                    <div>Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 
 
Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome</div>
                                </li>
                                <li><a href="/article/2677.htm"
                                       title="yii 获取控制器名 和方法名" target="_blank">yii 获取控制器名 和方法名</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a><a class="tag" taget="_blank" href="/search/framework/1.htm">framework</a>
                                    <div>1. 获取控制器名 
在控制器中获取控制器名:  $name = $this->getId(); 
在视图中获取控制器名:    $name = Yii::app()->controller->id;  
  
2. 获取动作名  
在控制器beforeAction()回调函数中获取动作名:  $name = </div>
                                </li>
                                <li><a href="/article/2804.htm"
                                       title="Android知识总结（二）" target="_blank">Android知识总结（二）</a>
                                    <span class="text-muted">come_for_dream</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                                    <div>明天要考试了，速速总结如下 
  
1、Activity的启动模式 
       standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。） 
       singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac</div>
                                </li>
                                <li><a href="/article/2931.htm"
                                       title="高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元" target="_blank">高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元</a>
                                    <span class="text-muted">gcq511120594</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a>
                                    <div>高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 
首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕</div>
                                </li>
                                <li><a href="/article/3058.htm"
                                       title="linux expect" target="_blank">linux expect</a>
                                    <span class="text-muted">heipark</span>
<a class="tag" taget="_blank" href="/search/expect/1.htm">expect</a>
                                    <div>1. 创建、编辑文件go.sh 
  
#!/usr/bin/expect

spawn sudo su admin

expect  "*password*" { send "13456\r\n" }

interact  
   2. 设置权限 
   chmod u+x go.sh   3.</div>
                                </li>
                                <li><a href="/article/3185.htm"
                                       title="Spring4.1新特性——静态资源处理增强" target="_blank">Spring4.1新特性——静态资源处理增强</a>
                                    <span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a>
                                    <div>目录 
Spring4.1新特性——综述 
Spring4.1新特性——Spring核心部分及其他 
Spring4.1新特性——Spring缓存框架增强 
Spring4.1新特性——异步调用和事件机制的异常处理 
Spring4.1新特性——数据库集成测试脚本初始化 
Spring4.1新特性——Spring MVC增强 
Spring4.1新特性——页面自动化测试框架Spring MVC T</div>
                                </li>
                                <li><a href="/article/3312.htm"
                                       title="idea ubuntuxia 乱码" target="_blank">idea ubuntuxia 乱码</a>
                                    <span class="text-muted">liyonghui160com</span>

                                    <div>    
1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 
2.在ubuntu 下可以执行下面操作安装该字体： 
sudo mkdir /usr/share/fonts/truetype/simsun
sudo cp simsun.ttf  /usr/share/fonts/truetype/simsun
fc-cache -f -v 
</div>
                                </li>
                                <li><a href="/article/3439.htm"
                                       title="改良程序的11技巧" target="_blank">改良程序的11技巧</a>
                                    <span class="text-muted">pda158</span>
<a class="tag" taget="_blank" href="/search/%E6%8A%80%E5%B7%A7/1.htm">技巧</a>
                                    <div>有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。 
  
让我们看一些基本的编程技巧： 
  
 
 尽量保持方法简短 
 永远永远不要把同一个变量用于多个不同的</div>
                                </li>
                                <li><a href="/article/3566.htm"
                                       title="300个涵盖IT各方面的免费资源（下）——工作与学习篇" target="_blank">300个涵盖IT各方面的免费资源（下）——工作与学习篇</a>
                                    <span class="text-muted">shoothao</span>
<a class="tag" taget="_blank" href="/search/%E5%88%9B%E4%B8%9A/1.htm">创业</a><a class="tag" taget="_blank" href="/search/%E5%85%8D%E8%B4%B9%E8%B5%84%E6%BA%90/1.htm">免费资源</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%AF%BE%E7%A8%8B/1.htm">学习课程</a><a class="tag" taget="_blank" href="/search/%E8%BF%9C%E7%A8%8B%E5%B7%A5%E4%BD%9C/1.htm">远程工作</a>
                                    <div>工作与生产效率: 
  
 
 A. 背景声音 
 
 
  Noisli:背景噪音与颜色生成器。 
  Noizio:环境声均衡器。 
  Defonic:世界上任何的声响都可混合成美丽的旋律。 
  Designers.mx:设计者为设计者所准备的播放列表。 
  Coffitivity:这里的声音就像咖啡馆里放的一样。 
 
 
 B. 避免注意力分散 
 
 
  Self Co</div>
                                </li>
                                <li><a href="/article/3693.htm"
                                       title="深入浅出RPC" target="_blank">深入浅出RPC</a>
                                    <span class="text-muted">uule</span>
<a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a>
                                    <div>深入浅出RPC-浅出篇 
深入浅出RPC-深入篇 
  
RPC 
Remote Procedure Call Protocol 
远程过程调用协议 
  
它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发</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.
<!--            <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
        </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>