| | |
定义表格中的单元。在里
|
定义多行的文本输入控件。 |
|
定义表格中的表注内容（脚注）。包裹住
| | |
定义表格中的表头单元格。在里
|
定义表格中的表头内容。包裹住
|
定义日期/时间。 |
|
定义文档的标题。 |
|
定义表格中的行。 |
|
定义用在媒体播放器中的文本轨道。 |
|
定义打字机文本。 |
|
**不赞成使用。**定义下划线文本。 |
|
定义无序列表。type=“disc”(square/circle) |
|
定义文本的变量部分。 |
|
定义视频。 |
|
定义可能的换行符。 |
<![CDATA[</code></td>
<td align="left">**不赞成使用。**定义预格式文本。</td>
</tr>
</tbody>
</table>
<h3>特殊标签</h3>
<h5><code> </code></h5>
<blockquote>
<p>空格</p>
</blockquote>
<h5><code><</code></h5>
<blockquote>
<p>小于号 less than</p>
</blockquote>
<h5><code>></code></h5>
<blockquote>
<p>大于号 great than</p>
</blockquote>
<h3>发送数据</h3>
<p>数据名</p>
<p>数据值</p>
<h5>发送数据成功：</h5>
<p>网页导航栏显示：<code>....test.html?username= sunny&password=123</code></p>
<h3>标签的归类</h3>
<h4>1. 行级元素 inline</h4>
<blockquote>
<p>内容决定元素所占位置；</p>
<p>不可以通过css改变宽高</p>
</blockquote>
<p><code>span</code> <code>strong</code> <code>em</code> <code>a</code> <code>del</code></p>
<p>凡是有inline的，都会带有文字特性，会以4px分隔</p>
<h4>2. 块级元素 block</h4>
<blockquote>
<p>独占一行；</p>
<p>可以通过css改变宽高</p>
</blockquote>
<p><code>div</code> <code>p</code> <code>ul</code> <code>li</code> <code>ol</code> <code>form</code> <code>address</code></p>
<h4>3.行级块元素|行内块元素 inline-block</h4>
<p><code>img</code></p>
<p>凡是有inline的，都会带有文字特性，会以4px分隔</p>
<h1>CSS</h1>
<h3>引入方式</h3>
<h5>1. 行间样式</h5>
<p><code><div style="width:100px;"> </div></code></p>
<h5>2. 页面级css</h5>
<p><code><style type="text/css"> </style></code></p>
<h5>3. 外部css文件</h5>
<p><code><link rel="stylesheet" type="text/css" href="地址"></code></p>
<h3>页面加载</h3>
<h5>同步异步问题</h5>
<p>打开一个网页加载html文件时，会异步加载css文件（异步是同时的意思）</p>
<h3>选择器</h3>
<h5>1. id选择器</h5>
<blockquote>
<p>一对一对应</p>
</blockquote>
<p><code><div id="only"> </div></code></p>
<p><code>#only {}</code></p>
<h5>2. class选择器</h5>
<blockquote>
<p>多对多对应</p>
</blockquote>
<p><code><div class="demo demo1"> </div></code></p>
<p><code>.demo {}</code></p>
<h5>3. 标签选择器</h5>
<p><code><div></div></code></p>
<p><code>div {}</code></p>
<h5>4. 通配符选择器</h5>
<p><code>* {}</code></p>
<h5>5. 属性选择器</h5>
<p><code>[class] {}</code></p>
<p><code>[class="demo"] {}</code></p>
<h5>6. 父子选择器/派生选择器</h5>
<blockquote>
<p>中间以空格隔开 是包括所有的子孙</p>
</blockquote>
<p>选择过程是自右向左的过程</p>
<h5>7. 直接子元素选择器</h5>
<p><code>div > em {}</code></p>
<h5>8. 并列选择器</h5>
<p><code><div> <\div> <div class="demo"> </div> <p class="demo"> </p></code></p>
<p><code>div.demo{}</code></p>
<h5>9. 分组选择器</h5>
<blockquote>
<p>分开的组，共用一个代码块 公司里喜欢各组单独成行</p>
</blockquote>
<p><code>em, strong, span {}</code></p>
<h5>10. 伪类选择器</h5>
<p><code>a:hover {}</code> <code>[href]:hover {}</code></p>
<h3>权重值</h3>
<h5>单个的大小比较</h5>
<p>!important–>行间样式–>id–>class | 属性 | 伪类–>标签选择器–>通配符</p>
<h5>css权重</h5>
<blockquote>
<p>Infinity<Infinity+1</p>
</blockquote>
<table>
<thead>
<tr>
<th>元素</th>
<th>权重值(进制256)</th>
</tr>
</thead>
<tbody>
<tr>
<td>!important</td>
<td>Infinity</td>
</tr>
<tr>
<td>行间样式</td>
<td>1 0 0 0</td>
</tr>
<tr>
<td>id</td>
<td>1 0 0</td>
</tr>
<tr>
<td>class|属性|伪类</td>
<td>1 0</td>
</tr>
<tr>
<td>标签|伪元素</td>
<td>1</td>
</tr>
<tr>
<td>通配符</td>
<td>0</td>
</tr>
</tbody>
</table>
<h3>属性名：属性值；</h3>
<p>善用字典查询</p>
<h4>注释</h4>
<p><code>/*我是注释,只有块注释*/</code></p>
<h4>字体相关属性</h4>
<h5><code>font-size: 12px;</code></h5>
<blockquote>
<p>设置字体大小（字体的高） 浏览器默认是16px，常用是12，14px</p>
</blockquote>
<h5><code>font-weight: bold;</code></h5>
<blockquote>
<p>lighter normal|400 bold|700 bolder (数字表示100-900)，有没有变得更粗取决于改字体的字体包</p>
</blockquote>
<h5><code>font-style: italic;</code></h5>
<blockquote>
<p>normal：默认值，浏览器会显示标准的字体样式，italic: 斜体</p>
</blockquote>
<h5><code>font-family: arial;</code></h5>
<blockquote>
<p>乔布斯发明的字体：arial</p>
</blockquote>
<h5><code>color: #ffffff;</code></h5>
<blockquote>
<ol>
<li>low式：pink; (transparent是透明色)</li>
<li>颜色代码：#ffffff; 可简化 #fff;</li>
<li>颜色函数: rgb(255,255,255);</li>
</ol>
</blockquote>
<h5><code>text-align: left;</code></h5>
<blockquote>
<p>center: 居中显示</p>
</blockquote>
<h5><code>line-height: 12px</code>;</h5>
<blockquote>
<p>单行文本所占高度 line-height = height:单行文本垂直居中</p>
<p>1.2em: font-size*1.2</p>
</blockquote>
<h5><code>text-indent: 2em;</code></h5>
<blockquote>
<p>首行缩进2个单位</p>
<p>1em= 1* font-size</p>
</blockquote>
<h5><code>text-decoration: line-through;</code></h5>
<blockquote>
<p>none:这个元素的样式清除</p>
<p>underline; overline</p>
</blockquote>
<h5><code>cursor:pointer;</code></h5>
<blockquote>
<p>pointer： 鼠标在上面变成小手</p>
<p>help：变成问号</p>
<p>copy…有很多</p>
</blockquote>
<h5><code>opacity:0.5;</code></h5>
<blockquote>
<p>不透明度 (1为默认代表完全不透明)</p>
</blockquote>
<h4>盒子相关属性</h4>
<h5><code>width: 100px;</code></h5>
<blockquote>
<p>内部盒子的宽</p>
</blockquote>
<h5><code>height: 100px;</code></h5>
<blockquote>
<p>内部盒子的高</p>
</blockquote>
<h5><code>border: 1px solid black;</code></h5>
<blockquote>
<p>1: 代表border-width 粗细</p>
<p>2: 代表border-style 样式：</p>
<ul>
<li>none：没有边框即忽略所有边框的宽度（默认值）</li>
<li>solid：边框为单实线(最为常用的)</li>
<li>dashed：边框为条虚线</li>
<li>dotted：边框为点虚线</li>
<li>double：边框为双实线</li>
</ul>
<p>3: 代表border-color 颜色</p>
<p>border四个边还可以拆分为border-left,border-right,border-top,border-bottom</p>
<p>还可以：border-left-color: red;</p>
<p>border是在width height之外的</p>
</blockquote>
<h5><code>border-radius: 10px;</code></h5>
<blockquote>
<p>盒子的圆角</p>
<p>border-radius: 50% 是一个正圆</p>
</blockquote>
<h5><code>display: block;</code></h5>
<blockquote>
<p>inline 行级元素</p>
<p>block 块级元素</p>
<p>inline-block 行内块元素</p>
</blockquote>
<h5><code>margin:</code> <code>padding:</code> <code>border-width:</code></h5>
<blockquote>
<p>padding: 100px 150px 100px; 上 左右 下</p>
<p>padding: 上下 左右</p>
<p>padding-top|left|right|bottom</p>
</blockquote>
<h4>层模型相关属性（定位 浮动）</h4>
<h5><code>position: absolute;</code></h5>
<blockquote>
<p>绝对定位</p>
<p>left, right, top, bottom都是对于浏览器的哪边的边框的距离</p>
<ul>
<li>脱离原来位置进行定位（每一个absolute都是一个新的层）</li>
<li>子绝父相</li>
<li>最近的有相对定位的父级进行定位，如果没有相对于文档进行定位</li>
</ul>
</blockquote>
<h5><code>position: relative;</code></h5>
<blockquote>
<ul>
<li>保留原来位置进行定位</li>
<li>相对于原来自己的位置进行定位</li>
</ul>
</blockquote>
<h5><code>position: fixed;</code></h5>
<blockquote>
<p>广告定位</p>
</blockquote>
<h5><code>z-index: 1;</code></h5>
<blockquote>
<p>z轴触发点是屏幕，箭头向人延伸，值越大 层越在上面</p>
</blockquote>
<h5><code>overflow: hidden;</code></h5>
<blockquote>
<p>溢出部分隐藏</p>
</blockquote>
<h5><code>float: left/right;</code></h5>
<blockquote>
<p>无论标签的属性如何(block,inline,inline-block)，都可以让其站队(按照父盒子的大小进行自动换行，按次序分配位置)，并且也可以修改各个的margin等值</p>
<ul>
<li>浮动元素产生了浮动流
<ul>
<li>所有产生了浮动流的元素，块级元素看不到他们</li>
<li>产生了bfc的元素和文本类属性(带有inline属性包括inline-block)的元素以及文本和带有浮动流的元素 都能看到浮动元素</li>
<li>===>(比如“123”的文字可以在一个float元素的右面，但是一个div却和该float元素重叠)</li>
</ul> </li>
</ul>
</blockquote>
<h4>一些布局</h4>
<h5>相对于屏幕的居中：</h5>
<blockquote>
<pre><code class="prism language-css"><span class="token selector">div</span> <span class="token punctuation">{
</span>
<span class="token property">position</span><span class="token punctuation">:</span> fixed<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> 50%<span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> 50%<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> -50px<span class="token punctuation">;</span>
<span class="token property">margin-left</span><span class="token punctuation">:</span> -50px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
</blockquote>
<h5>两栏布局</h5>
<blockquote>
<p><code><div class="right"></div></code><br> <code><div class="left"></div></code>要先写right,不然没有规定.right的top值会被上面的div顶下来</p>
<pre><code class="prism language-css"><span class="token selector">.right</span> <span class="token punctuation">{
</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">right</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #fcc<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">.left</span> <span class="token punctuation">{
</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #123<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
</blockquote>
<h3>CSS语言BUG</h3>
<h4>1. margin塌陷</h4>
<blockquote>
<p>父子嵌套 垂直方向的margin会取最大值</p>
<p>解决方法:</p>
<ol>
<li>父盒子触发bfc (block format context) = 特定的盒子设置另一套语法规则【只加了css即可】</li>
<li>为父元素定义1像素的上边框或上内边距。(不推荐)</li>
</ol>
</blockquote>
<h5>如何触发一个盒子的bfc(触发后该盒子变成BFC,改变了渲染规则):</h5>
<ul>
<li>position: absolute;</li>
<li>display: inline-block;</li>
<li>float: left/right;</li>
<li>overflow: hidden;</li>
</ul>
<h4>2. margin合并</h4>
<blockquote>
<p>兄弟上下，垂直margin会合并，取其中的最大值</p>
<p>解决方法：</p>
<ol>
<li>新建一个盒子，包裹住(下面的)兄弟盒子，新盒子触发BFC【必须要加一层html再加css】(在开发里面不能随意改变html的结构，所以是坚决不允许这种方法的)</li>
<li>不解决，尽量避免（比如上面的盒子的margin达到目标值）</li>
</ol>
</blockquote>
<h3>标签的初始化</h3>
<h5><code>a</code></h5>
<pre><code class="prism language-css"><span class="token selector">a</span> <span class="token punctuation">{
</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> #424242<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
<h5><code>em</code></h5>
<pre><code class="prism language-css"><span class="token selector">em</span> <span class="token punctuation">{
</span>
<span class="token property">font-style</span><span class="token punctuation">:</span> normal<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> #c00<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
<h5><code>ul</code></h5>
<pre><code class="prism language-css"><span class="token selector">ul</span> <span class="token punctuation">{
</span>
<span class="token property">list-style</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
<h5><code>通配符</code></h5>
<p>一般来说浏览器的body会有默认的8像素的margin</p>
<pre><code class="prism language-css"><span class="token selector">*</span> <span class="token punctuation">{
</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
<h3>开发经验</h3>
<p>先写css后面写html 先写功能后选配置</p>
<blockquote>
<p>eg:</p>
<pre><code class="prism language-css"><span class="token selector">.red</span> <span class="token punctuation">{
</span> n
<span class="token property">background-color</span><span class="token punctuation">:</span> red<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">.green</span> <span class="token punctuation">{
</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> green<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">.size1</span> <span class="token punctuation">{
</span>
<span class="token property">width</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">.size2</span> <span class="token punctuation">{
</span>
<span class="token property">width</span><span class="token punctuation">:</span> 200px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> 200px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
<p>之后写html就可以根据功能拿相应的class</p>
</blockquote>
<h3>盒子模型</h3>
<p>内 --------------------------------------------------------------------------->外</p>
<p>盒子内容（蓝）----->内边距（绿）------>盒子壁（黄）----->盒子<strong>外面</strong>的间距（橙）</p>
<p>width+height--------->padding------------->border--------------->margin</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1358236014807638016"></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">你可能感兴趣的:(前端基础,css,html)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1950232820773351424.htm"
title="移动端城市区县二级联动选择功能实现包" target="_blank">移动端城市区县二级联动选择功能实现包</a>
<span class="text-muted">good2know</span>
<div>本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery</div>
</li>
<li><a href="/article/1950225381961297920.htm"
title="SpringMVC的执行流程" target="_blank">SpringMVC的执行流程</a>
<span class="text-muted"></span>
<div>1、什么是MVCMVC是一种设计模式。MVC的原理图如下所示M-Model模型（完成业务逻辑：有javaBean构成，service+dao+entity）V-View视图（做界面的展示jsp，html……）C-Controller控制器（接收请求—>调用模型—>根据结果派发页面2、SpringMVC是什么SpringMVC是一个MVC的开源框架，SpringMVC=Struts2+Spring，</div>
</li>
<li><a href="/article/1950214964396486656.htm"
title="js操作样式" target="_blank">js操作样式</a>
<span class="text-muted">郝加升</span>
<div>DOM样式属性和方法：指定的元素，它的style有这么几个属性和方法：cssText：通过这个属性可以访问到元素的特性style设置的属性，并且可以直接赋值设置。removeProperty（属性名称）：从样式中删除给定属性。setProperty（属性名称，值，权重）：可以通过这个方法设置给定样式的同时设置其权重，可以传入”important”或者一个空字符串。获取计算后样式：window.ge</div>
</li>
<li><a href="/article/1950208989954371584.htm"
title="Selenium 特殊控件操作与 ActionChains 实践详解" target="_blank">Selenium 特殊控件操作与 ActionChains 实践详解</a>
<span class="text-muted">小馋喵知识杂货铺</span>
<a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a>
<div>1.下拉框单选操作(a)使用SeleniumSelect类（标准HTML标签）Selenium提供了内置的Select类用于操作标准下拉框，这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个</div>
</li>
<li><a href="/article/1950207097413103616.htm"
title="微信公众号回调java_处理微信公众号消息回调" target="_blank">微信公众号回调java_处理微信公众号消息回调</a>
<span class="text-muted">weixin_39607620</span>
<a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7%E5%9B%9E%E8%B0%83java/1.htm">微信公众号回调java</a>
<div>1、背景在上一节中，咱们知道如何接入微信公众号，可是以后公众号会与咱们进行交互，那么微信公众号如何通知到咱们本身的服务器呢？咱们知道咱们接入的时候提供的url是GET/mp/entry，那么公众号以后产生的事件将会以POST/mp/entry发送到咱们本身的服务器上。html2、代码实现，此处仍是使用weixin-java-mp这个框架实现一、引入weixin-java-mpcom.github.</div>
</li>
<li><a href="/article/1950201094361640960.htm"
title="人工智能应用研究快讯 2021-11-30" target="_blank">人工智能应用研究快讯 2021-11-30</a>
<span class="text-muted">峰谷皆平</span>
<div>[HTML]ArtificialIntelligenceforSkinCancerDetection:ScopingReviewATakiddin,JSchneider,YYang,AAbd-Alrazaq...JournalofMedicalInternet...,2021ABSTACT:Background:Skincanceristhemostcommoncancertypeaffectin</div>
</li>
<li><a href="/article/1950195876991397888.htm"
title="【Jupyter】个人开发常见命令" target="_blank">【Jupyter】个人开发常见命令</a>
<span class="text-muted">TIM老师</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Pycharm/1.htm">Pycharm</a><a class="tag" taget="_blank" href="/search/%26amp%3B/1.htm">&</a><a class="tag" taget="_blank" href="/search/VSCode/1.htm">VSCode</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/Jupyter/1.htm">Jupyter</a>
<div>1.查看python版本importsysprint(sys.version)2.ipynb/py文件转换jupyternbconvert--topythonmy_file.ipynbipynb转换为mdjupyternbconvert--tomdmy_file.ipynbipynb转为htmljupyternbconvert--tohtmlmy_file.ipynbipython转换为pdfju</div>
</li>
<li><a href="/article/1950194742100815872.htm"
title="用代码生成艺术字：设计个性化海报的秘密" target="_blank">用代码生成艺术字：设计个性化海报的秘密</a>
<span class="text-muted"></span>
<div>本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准</div>
</li>
<li><a href="/article/1950191165710069760.htm"
title="前端面试每日 3+1 —— 第39天" target="_blank">前端面试每日 3+1 —— 第39天</a>
<span class="text-muted">浪子神剑</span>
<div>今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么？[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！欢迎在Iss</div>
</li>
<li><a href="/article/1950187223672483840.htm"
title="GDP经济社会人文民生栅格数据下载网站汇总" target="_blank">GDP经济社会人文民生栅格数据下载网站汇总</a>
<span class="text-muted">疯狂学习GIS</span>
<div> 本文为“GIS数据获取整理”专栏（https://blog.csdn.net/zhebushibiaoshifu/category_10857546.html）中第八篇独立博客，因此本文全部标题均由“8”开头。本文对目前主要的GDP、社会与经济数据获取网站加以整理与介绍，若需其它GIS领域数据（如遥感影像数据、气象数据、土地土壤数据、农业数据等），大家可以点击上方专栏查看，也可以看这一篇汇总文</div>
</li>
<li><a href="/article/1950180497007112192.htm"
title="【MySQL】MySQL数据库如何改名" target="_blank">【MySQL】MySQL数据库如何改名</a>
<span class="text-muted">武昌库里写JAVA</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>MySQL建库授权语句https://www.jianshu.com/p/2237a9649ceeMySQL数据库改名的三种方法https://www.cnblogs.com/gomysql/p/3584881.htmlMySQL安全修改数据库名几种方法https://blog.csdn.net/haiross/article/details/51282417MySQL重命名数据库https://</div>
</li>
<li><a href="/article/1950140903616212992.htm"
title="Java朴实无华按天计划从入门到实战（强化速战版-66天）" target="_blank">Java朴实无华按天计划从入门到实战（强化速战版-66天）</a>
<span class="text-muted">岫珩</span>
<a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4%E5%AE%89%E6%8E%92/1.htm">时间安排</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%AE%A1%E5%88%92/1.htm">学习计划</a>
<div>致敬读者感谢阅读笑口常开生日快乐⬛早点睡觉博主相关博主信息博客首页专栏推荐活动信息文章目录Java朴实无华按天计划从入门到实战（强化速战版-66天）1.基础（18）1.1JavaSE核心（5天）1.2数据库与SQL（5天）1.3前端基础（8天）2.进阶（17天）2.1JavaWeb核心（5天）2.2Mybatis与Spring全家桶（6天）2.3中间件入门（4天）2.4实践项目（2天）3.高阶（1</div>
</li>
<li><a href="/article/1950130722157162496.htm"
title="移动端适配rem方案" target="_blank">移动端适配rem方案</a>
<span class="text-muted">简单的码农</span>
<div>1.rem+动态html的font-size1.rem单位是相对于html元素的font-size来设置的，那么如果我们需要在不同的屏幕下有不同的尺寸，可以动态的修改html的font-size尺寸。2.比如如下案例：设置一个盒子的宽度是2rem；设置不同的屏幕上html的font-size不同；image这样在开发中，我们只需要考虑两个问题：问题一：针对不同的屏幕，设置html不同的font-s</div>
</li>
<li><a href="/article/1950130692448907264.htm"
title="Vue CSR 到 Nuxt 3 SSR 迁移：技术实现与问题解决实录" target="_blank">Vue CSR 到 Nuxt 3 SSR 迁移：技术实现与问题解决实录</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/vue.js/1.htm">vue.js</a>
<div>1.迁移动机与技术选型1.1CSR架构的局限性基于Vue3和Vite构建的客户端渲染(CSR)单页应用(SPA)提供了良好的开发体验和用户交互流畅性。但是其核心局限在于：搜索引擎优化(SEO)：初始HTML响应仅包含一个根div元素，实际内容由JavaScript在浏览器端动态生成。虽然主流搜索引擎（如Google）能够执行部分JavaScript，但其抓取效率和稳定性不如直接获取完整HTML。非</div>
</li>
<li><a href="/article/1950127794931429376.htm"
title="redis反弹shell时kali无法接收回弹的解决方法" target="_blank">redis反弹shell时kali无法接收回弹的解决方法</a>
<span class="text-muted">显哥无敌</span>
<a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
<div>无法接受回谈大概率是bash命令写的不对，那个crontab中间的星号个数是有意义的，不是随便加的，下面贴一下crontab的基本用法https://www.cnblogs.com/zhoading/p/11572630.html{minute}{hour}{day-of-month}{month}{day-of-week}{full-path-to-shell-script}如果是要cronta</div>
</li>
<li><a href="/article/1950121289456873472.htm"
title="native.js设置可缩放的webview并隐藏缩放控件" target="_blank">native.js设置可缩放的webview并隐藏缩放控件</a>
<span class="text-muted">Nanayai</span>
<div>需求明确:webview页面可以手指缩放,并且不要那个原生控件;实现思路:1.使用h5+封装好的方法:设置scalable属性,并在html中设置meta标签:user-scalable=yes或不设置,minimum-scale和maximum-scale需要注意不要都设为1:mui.openWindow({url:"someThing",id:"someThing",styles:{scala</div>
</li>
<li><a href="/article/1950117078799282176.htm"
title="Redis反弹Shell" target="_blank">Redis反弹Shell</a>
<span class="text-muted">波吉爱睡觉</span>
<a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%23%E6%9C%AA%E6%8E%88%E6%9D%83%E8%AE%BF%E9%97%AE%E6%BC%8F%E6%B4%9E/1.htm">#未授权访问漏洞</a><a class="tag" taget="_blank" href="/search/%23SSRF/1.htm">#SSRF</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a>
<div>这里我来总结几种Redis反弹Shell的方法一、利用Redis写WebShell前提条件开了web服务器，并且知道路径，还需要有文件读写增删改查的权限条件比较苛刻，但是满足条件上传就会简单一点，我们直接将文件写入www目录下，完了使用工具连接即可。语句：redis:6379>configsetdir/var/www/html/redis:6379>configsetdbfilenameshell</div>
</li>
<li><a href="/article/1950115062781898752.htm"
title="26. 什么是雪碧图，作用和原理了解吗" target="_blank">26. 什么是雪碧图，作用和原理了解吗</a>
<span class="text-muted">yqcoder</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95-CSS/1.htm">前端面试-CSS</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>总结小图合成一张，使用background来使用，减少资源请求一、什么是雪碧图？雪碧图（CSSSprite）是一种前端优化技术，指的是将多个小图标合并成一张大图，通过CSS控制显示其中的某一部分。它常用于网站中图标、按钮等小图较多的场景。二、雪碧图的作用作用说明✅减少HTTP请求次数合并多个图片为一张图，减少请求资源数✅提升页面加载速度尤其在图片较多时效果明显✅避免图片加载闪烁鼠标悬停切换图片时不</div>
</li>
<li><a href="/article/1950108839089074176.htm"
title="Windows下Oracle安装图解" target="_blank">Windows下Oracle安装图解</a>
<span class="text-muted">叫我老村长</span>
<div>Windows下Oracle安装图解----oracle-win-64-11g详细安装步骤一、Oracle下载官方下地址http://www.oracle.com/technetwork/database/enterprise-edition/downloads/index.htmlwin32位操作系统下载地址：http://download.oracle.com/otn/nt/oracle11g</div>
</li>
<li><a href="/article/1950104727928762368.htm"
title="震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！" target="_blank">震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！</a>
<span class="text-muted">coding随想</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入</div>
</li>
<li><a href="/article/1950100184717389824.htm"
title="11. HTML 中 DOCTYPE 的作用" target="_blank">11. HTML 中 DOCTYPE 的作用</a>
<span class="text-muted">yqcoder</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95-CSS/1.htm">前端面试-CSS</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT</div>
</li>
<li><a href="/article/1950100058422702080.htm"
title="从0到1学PHP（一）：PHP 基础入门：开启后端开发之旅" target="_blank">从0到1学PHP（一）：PHP 基础入门：开启后端开发之旅</a>
<span class="text-muted"></span>
<div>目录一、PHP简介与发展历程1.1PHP定义与特点1.2在后端开发中的地位1.3发展阶段及重要版本更新二、PHP开发环境搭建2.1Windows系统下搭建步骤2.2Mac系统下搭建方法及常用工具2.3适合初学者的集成开发环境三、第一个PHP程序3.1编写"HelloWorld"程序3.2程序基本结构和执行过程3.3PHP代码的嵌入方式（在HTML中）一、PHP简介与发展历程1.1PHP定义与特点P</div>
</li>
<li><a href="/article/1950076871731376128.htm"
title="C# 单问号 ? 与 双问号 ??" target="_blank">C# 单问号 ? 与 双问号 ??</a>
<span class="text-muted">三分明月墨</span>
<a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a>
<div>https://www.runoob.com/csharp/csharp-nullable.html</div>
</li>
<li><a href="/article/1950075480849838080.htm"
title="关于前端的性能优化" target="_blank">关于前端的性能优化</a>
<span class="text-muted"></span>
<div>性能优化主要涵盖了以下四个方面：(tip:仅代表个人总结，如有不当，还希望看到的大佬多多指示)减少网络请求：合并文件、使用CDN、启用缓存。优化资源加载：代码分割、懒加载、图片压缩。提升渲染性能：减少重绘回流、防抖节流、使用WebWorker。监控和迭代：定期使用工具检测性能，持续优化。一、网络层面优化减少HTTP请求合并文件：将多个CSS或JavaScript文件合并成一个，减少请求次数。使用C</div>
</li>
<li><a href="/article/1950066193071140864.htm"
title="Grid布局参考资料" target="_blank">Grid布局参考资料</a>
<span class="text-muted">kiterumer</span>
<div>Grid布局张鑫旭-写给自己看的display:grid布局教程阮一峰-CSSGrid网格布局教程在Grid布局中，float，display:inline-block，display:table-cell，vertical-align以及column-*这些属性和声明对grid子项是没有任何作用的。这个可以说是Grid布局中的常识，面试经常会问的，一定要记得。Grid布局则适用于更大规模的布局（</div>
</li>
<li><a href="/article/1950039673418084352.htm"
title="解决 Webpack 报错 “No module factory available for dependency type: CssDependency“ 的方法" target="_blank">解决 Webpack 报错 “No module factory available for dependency type: CssDependency“ 的方法</a>
<span class="text-muted">cmmav33990</span>
<a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>这个错误表明Webpack在处理CSS依赖时找不到合适的模块工厂，通常发生在配置不完整或依赖冲突的情况下。以下是详细的解决方案：核心解决方案方案1：安装并配置正确的CSS处理器（最推荐）bashnpminstall--save-devcss-loaderstyle-loader#或使用mini-css-extract-plugin替代style-loadernpminstall--save-dev</div>
</li>
<li><a href="/article/1950005884310581248.htm"
title="JSP编程从入门到精通：现代Web开发与AI集成实战指南" target="_blank">JSP编程从入门到精通：现代Web开发与AI集成实战指南</a>
<span class="text-muted">AI编程员</span>
<a class="tag" taget="_blank" href="/search/001AI%E4%BC%A0%E7%BB%9F%EF%BC%86%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">001AI传统＆编程语言</a><a class="tag" taget="_blank" href="/search/002AI%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7%E6%B1%87%E6%80%BB/1.htm">002AI编程工具汇总</a><a class="tag" taget="_blank" href="/search/003AI%E7%BC%96%E7%A8%8B%E4%BD%9C%E5%93%81%E6%B1%87%E6%80%BB/1.htm">003AI编程作品汇总</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/AI%E7%BC%96%E7%A8%8B/1.htm">AI编程</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a>
<div>JSP编程从入门到精通：现代Web开发与AI集成实战指南一、JSP基础与环境搭建1.1JSP核心概念与工作原理JSP（JavaServerPages）是一种动态网页开发技术，通过在HTML中嵌入Java代码实现服务器端逻辑。其本质是Servlet的扩展，当客户端首次请求JSP页面时，服务器会将其编译为Servlet类（如index_jsp.java），再执行该类的_jspService()方法生成</div>
</li>
<li><a href="/article/1950005757994921984.htm"
title="50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | Pokedex（宝可梦图鉴）" target="_blank">50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | Pokedex（宝可梦图鉴）</a>
<span class="text-muted"></span>
<div>我们继续50个小项目挑战！——Pokedex组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3结合PokeAPI来创建一个炫酷的宝可梦图鉴应用。通过这个项目，你将能够浏览前150只宝可梦的信息，包括它们的名字、类型、身高、体重以及能力等。而且，每只宝可梦</div>
</li>
<li><a href="/article/1950002983613820928.htm"
title="前端基础知识Vue3系列 - 04（Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同）" target="_blank">前端基础知识Vue3系列 - 04（Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同）</a>
<span class="text-muted"></span>
<div>开始之前CompositionAPI可以说是Vue3的最大特点，那么为什么要推出CompositionApi，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScript支持有限以上通过使用CompositionApi都能迎刃而解正文一、OptionsApiOptionsAPI，即大家常说的选项API，即以vue</div>
</li>
<li><a href="/article/1949999823293837312.htm"
title="CSS基础（3）" target="_blank">CSS基础（3）</a>
<span class="text-muted">Zzz_睡不醒</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>CSS背景操作1.多重背景(MultipleBackgrounds)div{background-image:url(image1.png),url(image2.png);background-position:rightbottom,lefttop;background-repeat:no-repeat,repeat;background-size:auto,cover;}background</div>
</li>
<li><a href="/article/2.htm"
title="Java序列化进阶篇" target="_blank">Java序列化进阶篇</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/java%E5%BA%8F%E5%88%97%E5%8C%96/1.htm">java序列化</a>
<div> 1.transient
类一旦实现了Serializable 接口即被声明为可序列化，然而某些情况下并不是所有的属性都需要序列化，想要人为的去阻止这些属性被序列化，就需要用到transient 关键字。
</div>
</li>
<li><a href="/article/129.htm"
title="escape()、encodeURI()、encodeURIComponent()区别详解 " target="_blank">escape()、encodeURI()、encodeURIComponent()区别详解 </a>
<span class="text-muted">aigo</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>原文：http://blog.sina.com.cn/s/blog_4586764e0101khi0.html
JavaScript中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应3个解码函数：,decodeURI,decodeURIComponent 。
下面简单介绍一下它们的区别
1 escape()函</div>
</li>
<li><a href="/article/256.htm"
title="ArcgisEngine实现对地图的放大、缩小和平移" target="_blank">ArcgisEngine实现对地图的放大、缩小和平移</a>
<span class="text-muted">Cb123456</span>
<a class="tag" taget="_blank" href="/search/%E6%B7%BB%E5%8A%A0%E7%9F%A2%E9%87%8F%E6%95%B0%E6%8D%AE/1.htm">添加矢量数据</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E5%9C%B0%E5%9B%BE%E7%9A%84%E6%94%BE%E5%A4%A7%E3%80%81%E7%BC%A9%E5%B0%8F%E5%92%8C%E5%B9%B3%E7%A7%BB/1.htm">对地图的放大、缩小和平移</a><a class="tag" taget="_blank" href="/search/Engine/1.htm">Engine</a>
<div>ArcgisEngine实现对地图的放大、缩小和平移:
个人觉得是平移，不过网上的都是漫游，通俗的说就是把一个地图对象从一边拉到另一边而已。就看人说话吧.
具体实现:
一、引入命名空间
using ESRI.ArcGIS.Geometry;
using ESRI.ArcGIS.Controls;
二、代码实现.</div>
</li>
<li><a href="/article/383.htm"
title="Java集合框架概述" target="_blank">Java集合框架概述</a>
<span class="text-muted">天子之骄</span>
<a class="tag" taget="_blank" href="/search/Java%E9%9B%86%E5%90%88%E6%A1%86%E6%9E%B6%E6%A6%82%E8%BF%B0/1.htm">Java集合框架概述</a>
<div> 集合框架
集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。
从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。
简单介绍：
Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi</div>
</li>
<li><a href="/article/510.htm"
title="旗正4.0页面跳转传值问题" target="_blank">旗正4.0页面跳转传值问题</a>
<span class="text-muted">何必如此</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a>
<div>跳转和成功提示
a) 成功字段非空forward
成功字段非空forward，不会弹出成功字段，为jsp转发，页面能超链接传值,传输变量时需要拼接。接拼接方式list.jsp?test="+strweightUnit+"或list.jsp?test="+weightUnit+&qu</div>
</li>
<li><a href="/article/637.htm"
title="全网唯一:移动互联网服务器端开发课程" target="_blank">全网唯一:移动互联网服务器端开发课程</a>
<span class="text-muted">cocos2d-x小菜</span>
<a class="tag" taget="_blank" href="/search/web%E5%BC%80%E5%8F%91/1.htm">web开发</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/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">移动端开发</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E4%BA%92%E8%81%94/1.htm">移动互联</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
<div> 移动互联网时代来了！ App市场爆发式增长为Web开发程序员带来新一轮机遇，近两年新增创业者，几乎全部选择了移动互联网项目！传统互联网企业中超过98%的门户网站已经或者正在从单一的网站入口转向PC、手机、Pad、智能电视等多端全平台兼容体系。据统计，AppStore中超过85%的App项目都选择了PHP作为后端程</div>
</li>
<li><a href="/article/764.htm"
title="Log4J通用配置|注意问题 笔记" target="_blank">Log4J通用配置|注意问题 笔记</a>
<span class="text-muted">7454103</span>
<a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/log4j/1.htm">log4j</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>关于日志的等级 那些去 百度就知道了！
这几天 要搭个新框架 配置了 日志 记下来 ！做个备忘！
#这里定义能显示到的最低级别,若定义到INFO级别,则看不到DEBUG级别的信息了~!
log4j.rootLogger=INFO,allLog
# DAO层 log记录到dao.log 控制台 和 总日志文件
log4j.logger.DAO=INFO,dao,C</div>
</li>
<li><a href="/article/891.htm"
title="SQLServer TCP/IP 连接失败问题 ---SQL Server Configuration Manager" target="_blank">SQLServer TCP/IP 连接失败问题 ---SQL Server Configuration Manager</a>
<span class="text-muted">darkranger</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a><a class="tag" taget="_blank" href="/search/XP/1.htm">XP</a>
<div>当你安装完之后,连接数据库的时候可能会发现你的TCP/IP 没有启动..
发现需要启动客户端协议 : TCP/IP
需要打开 SQL Server Configuration Manager...
却发现无法打开 SQL Server Configuration Manager..??
解决方法: C:\WINDOWS\system32目录搜索framedyn.</div>
</li>
<li><a href="/article/1018.htm"
title="[置顶] 做有中国特色的程序员" target="_blank">[置顶] 做有中国特色的程序员</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
<div>从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有些技术书读得可</div>
</li>
<li><a href="/article/1145.htm"
title="document.domain 跨域问题" target="_blank">document.domain 跨域问题</a>
<span class="text-muted">avords</span>
<a class="tag" taget="_blank" href="/search/document/1.htm">document</a>
<div>document.domain用来得到当前网页的域名。比如在地址栏里输入：javascript:alert(document.domain); //www.315ta.com我们也可以给document.domain属性赋值，不过是有限制的，你只能赋成当前的域名或者基础域名。比如：javascript:alert(document.domain = "315ta.com"); </div>
</li>
<li><a href="/article/1272.htm"
title="关于管理软件的一些思考" target="_blank">关于管理软件的一些思考</a>
<span class="text-muted">houxinyou</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%A1%E7%90%86/1.htm">管理</a>
<div>
工作好多看年了,一直在做管理软件,不知道是我最开始做的时候产生了一些惯性的思维,还是现在接触的管理软件水平有所下降.换过好多年公司,越来越感觉现在的管理软件做的越来越乱.
在我看来,管理软件不论是以前的结构化编程,还是现在的面向对象编程,不管是CS模式,还是BS模式.模块的划分是很重要的.当然,模块的划分有很多种方式.我只是以我自己的划分方式来说一下.
做为管理软件,就像现在讲究MVC这</div>
</li>
<li><a href="/article/1399.htm"
title="NoSQL数据库之Redis数据库管理(String类型和hash类型)" target="_blank">NoSQL数据库之Redis数据库管理(String类型和hash类型)</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</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/NoSQL/1.htm">NoSQL</a>
<div>一.Redis的数据类型
1.String类型及操作
String是最简单的类型，一个key对应一个value，string类型是二进制安全的。Redis的string可以包含任何数据，比如jpg图片或者序列化的对象。
Set方法：设置key对应的值为string类型的value </div>
</li>
<li><a href="/article/1526.htm"
title="Tomcat 一些技巧" target="_blank">Tomcat 一些技巧</a>
<span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/dos/1.htm">dos</a>
<div>以下操作都是在windows 环境下
一、Tomcat 启动时配置 JAVA_HOME
在 tomcat 安装目录，bin 文件夹下的 catalina.bat 或 setclasspath.bat 中添加
set JAVA_HOME=JAVA 安装目录
set JRE_HOME=JAVA 安装目录/jre
即可；
二、查看Tomcat 版本
在 tomcat 安装目</div>
</li>
<li><a href="/article/1653.htm"
title="【Spark七十二】Spark的日志配置" target="_blank">【Spark七十二】Spark的日志配置</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a>
<div>在测试Spark Streaming时，大量的日志显示到控制台，影响了Spark Streaming程序代码的输出结果的查看(代码中通过println将输出打印到控制台上)，可以通过修改Spark的日志配置的方式，不让Spark Streaming把它的日志显示在console
在Spark的conf目录下，把log4j.properties.template修改为log4j.p</div>
</li>
<li><a href="/article/1780.htm"
title="Haskell版冒泡排序" target="_blank">Haskell版冒泡排序</a>
<span class="text-muted">bookjovi</span>
<a class="tag" taget="_blank" href="/search/%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">冒泡排序</a><a class="tag" taget="_blank" href="/search/haskell/1.htm">haskell</a>
<div>面试的时候问的比较多的算法题要么是binary search，要么是冒泡排序，真的不想用写C写冒泡排序了，贴上个Haskell版的，思维简单，代码简单，下次谁要是再要我用C写冒泡排序，直接上个haskell版的，让他自己去理解吧。
sort [] = []
sort [x] = [x]
sort (x:x1:xs)
| x>x1 = x1:so</div>
</li>
<li><a href="/article/1907.htm"
title="java 路径 配置文件读取" target="_blank">java 路径 配置文件读取</a>
<span class="text-muted">bro_feng</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>这几天做一个项目，关于路径做如下笔记，有需要供参考。
取工程内的文件，一般都要用相对路径，这个自然不用多说。
在src统计目录建配置文件目录res,在res中放入配置文件。
读取文件使用方式：
1. MyTest.class.getResourceAsStream("/res/xx.properties")
2. properties.load(MyTest.</div>
</li>
<li><a href="/article/2034.htm"
title="读《研磨设计模式》-代码笔记-简单工厂模式" target="_blank">读《研磨设计模式》-代码笔记-简单工厂模式</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
package design.pattern;
/*
* 个人理解：简单工厂模式就是IOC;
* 客户端要用到某一对象，本来是由客户创建的，现在改成由工厂创建，客户直接取就好了
*/
interface IProduct {
</div>
</li>
<li><a href="/article/2161.htm"
title="SVN与JIRA的关联" target="_blank">SVN与JIRA的关联</a>
<span class="text-muted">chenyu19891124</span>
<a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a>
<div>SVN与JIRA的关联一直都没能装成功，今天凝聚心思花了一天时间整合好了。下面是自己整理的步骤：
一、搭建好SVN环境，尤其是要把SVN的服务注册成系统服务
二、装好JIRA，自己用是jira-4.3.4破解版
三、下载SVN与JIRA的插件并解压，然后拷贝插件包下lib包里的三个jar，放到Atlassian\JIRA 4.3.4\atlassian-jira\WEB-INF\lib下，再</div>
</li>
<li><a href="/article/2288.htm"
title="JWFDv0.96 最新设计思路" target="_blank">JWFDv0.96 最新设计思路</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a><a class="tag" taget="_blank" href="/search/%E5%85%AC%E5%91%8A/1.htm">公告</a>
<div>
随着工作流技术的发展，工作流产品的应用范围也不断的在扩展，开始进入了像金融行业(我已经看到国有四大商业银行的工作流产品招标公告了)，实时生产控制和其它比较重要的工程领域，而</div>
</li>
<li><a href="/article/2415.htm"
title="vi 保存复制内容格式粘贴" target="_blank">vi 保存复制内容格式粘贴</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/vi/1.htm">vi</a><a class="tag" taget="_blank" href="/search/%E7%B2%98%E8%B4%B4/1.htm">粘贴</a><a class="tag" taget="_blank" href="/search/%E5%A4%8D%E5%88%B6/1.htm">复制</a><a class="tag" taget="_blank" href="/search/%E4%BF%9D%E5%AD%98%E5%8E%9F%E6%A0%BC%E5%BC%8F/1.htm">保存原格式</a><a class="tag" taget="_blank" href="/search/%E4%B8%8D%E5%8F%98%E5%BD%A2/1.htm">不变形</a>
<div> vi是linux中非常好用的文本编辑工具，功能强大无比，但对于复制带有缩进格式的内容时，粘贴的时候内容错位很严重，不会按照复制时的格式排版，vi能不能在粘贴时，按复制进的格式进行粘贴呢？ 答案是肯定的，vi有一个很强大的命令可以实现此功能 。
在命令模式输入:set paste，则进入paste模式，这样再进行粘贴时</div>
</li>
<li><a href="/article/2542.htm"
title="shell脚本运行时报错误：/bin/bash^M: bad interpreter 的解决办法" target="_blank">shell脚本运行时报错误：/bin/bash^M: bad interpreter 的解决办法</a>
<span class="text-muted">dongwei_6688</span>
<a class="tag" taget="_blank" href="/search/shell%E8%84%9A%E6%9C%AC/1.htm">shell脚本</a>
<div>出现原因：windows上写的脚本，直接拷贝到linux系统上运行由于格式不兼容导致
解决办法：
1. 比如文件名为myshell.sh，vim myshell.sh
2. 执行vim中的命令 : set ff?查看文件格式，如果显示fileformat=dos，证明文件格式有问题
3. 执行vim中的命令 :set fileformat=unix 将文件格式改过来就可以了，然后:w</div>
</li>
<li><a href="/article/2669.htm"
title="高一上学期难记忆单词" target="_blank">高一上学期难记忆单词</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/english/1.htm">english</a>
<div>honest 诚实的；正直的
argue 争论
classical 古典的
hammer 锤子
share 分享；共有
sorrow 悲哀；悲痛
adventure 冒险
error 错误；差错
closet 壁橱；储藏室
pronounce 发音；宣告
repeat 重做；重复
majority 大多数；大半
native 本国的，本地的，本国</div>
</li>
<li><a href="/article/2923.htm"
title="hibernate查询返回DTO对象，DTO封装了多个pojo对象的属性" target="_blank">hibernate查询返回DTO对象，DTO封装了多个pojo对象的属性</a>
<span class="text-muted">frankco</span>
<a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/hibernate%E6%9F%A5%E8%AF%A2/1.htm">hibernate查询</a><a class="tag" taget="_blank" href="/search/DTO/1.htm">DTO</a>
<div> DTO-数据传输对象；pojo-最纯粹的java对象与数据库中的表一一对应。
简单讲：DTO起到业务数据的传递作用，pojo则与持久层数据库打交道。
有时候我们需要查询返回DTO对象，因为DTO</div>
</li>
<li><a href="/article/3050.htm"
title="Partition List" target="_blank">Partition List</a>
<span class="text-muted">hcx2013</span>
<a class="tag" taget="_blank" href="/search/partition/1.htm">partition</a>
<div>Given a linked list and a value x, partition it such that all nodes less than x come before nodes greater than or equal to x.
You should preserve the original relative order of th</div>
</li>
<li><a href="/article/3177.htm"
title="Spring MVC测试框架详解——客户端测试" target="_blank">Spring MVC测试框架详解——客户端测试</a>
<span class="text-muted">jinnianshilongnian</span>
<div>上一篇《Spring MVC测试框架详解——服务端测试》已经介绍了服务端测试，接下来再看看如果测试Rest客户端，对于客户端测试以前经常使用的方法是启动一个内嵌的jetty/tomcat容器，然后发送真实的请求到相应的控制器；这种方式的缺点就是速度慢；自Spring 3.2开始提供了对RestTemplate的模拟服务器测试方式，也就是说使用RestTemplate测试时无须启动服务器，而是模拟一</div>
</li>
<li><a href="/article/3304.htm"
title="关于推荐个人观点" target="_blank">关于推荐个人观点</a>
<span class="text-muted">liyonghui160com</span>
<a class="tag" taget="_blank" href="/search/%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F/1.htm">推荐系统</a><a class="tag" taget="_blank" href="/search/%E5%85%B3%E4%BA%8E%E6%8E%A8%E8%8D%90%E4%B8%AA%E4%BA%BA%E8%A7%82%E7%82%B9/1.htm">关于推荐个人观点</a>
<div> 回想起来，我也做推荐了3年多了，最近公司做了调整招聘了很多算法工程师，以为需要多么高大上的算法才能搭建起来的，从实践中走过来，我只想说【不是这样的】
第一次接触推荐系统是在四年前入职的时候，那时候，机器学习和大数据都是没有的概念，什么大数据处理开源软件根本不存在，我们用多台计算机web程序记录用户行为，用.net的w</div>
</li>
<li><a href="/article/3431.htm"
title="不间断旋转的动画" target="_blank">不间断旋转的动画</a>
<span class="text-muted">pangyulei</span>
<a class="tag" taget="_blank" href="/search/%E5%8A%A8%E7%94%BB/1.htm">动画</a>
<div>
CABasicAnimation* rotationAnimation;
rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
rotationAnimation.toValue = [NSNumber numberWithFloat: M</div>
</li>
<li><a href="/article/3558.htm"
title="自定义annotation" target="_blank">自定义annotation</a>
<span class="text-muted">sha1064616837</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/annotation/1.htm">annotation</a><a class="tag" taget="_blank" href="/search/reflect/1.htm">reflect</a>
<div>对象有的属性在页面上可编辑，有的属性在页面只可读，以前都是我们在页面上写死的，时间一久有时候会混乱，此处通过自定义annotation在类属性中定义。越来越发现Java的Annotation真心很强大，可以帮我们省去很多代码，让代码看上去简洁。
下面这个例子 主要用到了
1.自定义annotation：@interface，以及几个配合着自定义注解使用的几个注解
2.简单的反射
3.枚举 </div>
</li>
<li><a href="/article/3685.htm"
title="Spring 源码" target="_blank">Spring 源码</a>
<span class="text-muted">up2pu</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>1.Spring源代码
https://github.com/SpringSource/spring-framework/branches/3.2.x
注：兼容svn检出
2.运行脚本
import-into-eclipse.bat
注：需要设置JAVA_HOME为jdk 1.7
build.gradle
compileJava {
sourceCompatibilit</div>
</li>
<li><a href="/article/3812.htm"
title="利用word分词来计算文本相似度" target="_blank">利用word分词来计算文本相似度</a>
<span class="text-muted">yangshangchuan</span>
<a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/word%E5%88%86%E8%AF%8D/1.htm">word分词</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E7%9B%B8%E4%BC%BC%E5%BA%A6/1.htm">文本相似度</a><a class="tag" taget="_blank" href="/search/%E4%BD%99%E5%BC%A6%E7%9B%B8%E4%BC%BC%E5%BA%A6/1.htm">余弦相似度</a><a class="tag" taget="_blank" href="/search/%E7%AE%80%E5%8D%95%E5%85%B1%E6%9C%89%E8%AF%8D/1.htm">简单共有词</a>
<div>word分词提供了多种文本相似度计算方式：
方式一：余弦相似度，通过计算两个向量的夹角余弦值来评估他们的相似度
实现类：org.apdplat.word.analysis.CosineTextSimilarity
用法如下：
String text1 = "我爱购物";
String text2 = "我爱读书";
String text3 = </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>]]> | | | | |
