恰小面包

HTML中表单元素和表格元素分别是什么，有什么区别，列举几个代码

在HTML中，表单元素和表格元素都是常用的元素，它们各自有着不同的用途和功能。

表单元素：

表单元素用于收集用户输入的信息，它可以让用户输入各种类型的数据，如文本、数字、日期、复选框、单选框等。以下是一些常见的表单元素：

：用于创建文本框、密码框、复选框、单选框等输入字段。
</code>：用于创建多行文本输入框。</li> <li><code><select></code>：用于创建下拉列表。</li> <li><code><option></code>：用于创建下拉列表中的选项。</li> <li><code><button></code>：用于创建按钮，可以触发JavaScript代码。</li> <li><code><form></code>：用于创建表单，可以提交用户输入的数据。</li> <li><code><fieldset></code>：用于将表单内的某些元素组合在一起。</li> <li><code><label></code>：用于定义输入字段的标签。</li> <li><code><fieldset></code>：用于将表单内的某些元素组合在一起。</li> <li><code><legend></code>：用于为<code><fieldset></code>元素添加标题。</li> </ol> <p>表单元素的主要作用是收集用户输入的信息，并将其提交给服务器进行处理。</p> <p>表格元素：</p> <p>表格元素用于显示表格数据，它可以包含行、列和单元格，以便展示不同类型的数据。<br> 1. <code><tr></code>：用于创建表格行。<br> 2. <code><td></code>：用于创建表格单元格。<br> 3. <code><th></code>：用于创建表格头部单元格。<br> 4. <code><thead></code>：用于将表格头部组合在一起。<br> 5. <code><tbody></code>：用于将表格主体组合在一起。<br> 6. <code><tfoot></code>：用于将表格脚注组合在一起。</p> <p>表格元素的主要作用是展示数据，以便用户可以查看和分析数据。它通常用于展示各种类型的数据，如统计数据、财务数据等。表格还可以包含表头、主体和脚注等不同的部分，以便更好地组织数据。</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1748948174715764736"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(前端,html)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1828760203571589120.htm" title="探索Zustand：简洁高效的状态管理新星" target="_blank">探索Zustand：简洁高效的状态管理新星</a> <span class="text-muted">邹卿雅</span> <div>探索Zustand：简洁高效的状态管理新星zustandpmndrs/zustand:Zustand是一个轻量级的状态管理库，适用于React应用。它提供简单直观的API来创建和访问全局状态存储，并且鼓励简洁、灵活和可组合的状态解决方案。项目地址:https://gitcode.com/gh_mirrors/zu/zustand在JavaScript的前端世界中，状态管理一直是应用开发的核心话题。</div> </li> <li><a href="/article/1828755919681449984.htm" title="Ovirt中的GWT框架" target="_blank">Ovirt中的GWT框架</a> <span class="text-muted">ctrlcvKing</span> <a class="tag" taget="_blank" href="/search/oivrt-engine/1.htm">oivrt-engine</a><a class="tag" taget="_blank" href="/search/oVirt/1.htm">oVirt</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E5%8C%96/1.htm">虚拟化</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a> <div>参考文档：如何在ovirt中使用GWT框架为页面新增组件ovirt前端代码分析定位页面ovirt中的页面规则，以集群为例：集群列表页面MainClusterView.java，类似页面MainNetworkView.javaMainHostView.javatab页面SubTabClusterGeneralView.java类似页面SubTabHostGeneralView.java新建、修改、删</div> </li> <li><a href="/article/1828747850146738176.htm" title="SpringBoot+Vue实现各种文件预览（附源码）" target="_blank">SpringBoot+Vue实现各种文件预览（附源码）</a> <span class="text-muted">Java学长小李</span> <a class="tag" taget="_blank" href="/search/springboot/1.htm">springboot</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/minio/1.htm">minio</a> <div>‍作者简介：在笑大学牲️个人主页：无所谓^_^ps：点赞是免费的，却可以让写博客的作者开心好几天项目运行效果前言在做项目时，文件的上传和预览必不可少。继上篇介绍了minio的文件上传，本文将介绍如何实现文件预览功能。大家如果没看过上篇文章建议大家先看下。项目下载gitee：Springboot+vue实现小功能:Springboot+vue实现小功能（点个star呀）一、项目介绍技术栈前端：vue</div> </li> <li><a href="/article/1828746461551095808.htm" title="水平垂直居中、两栏布局、三栏布局" target="_blank">水平垂直居中、两栏布局、三栏布局</a> <span class="text-muted">帅帅哥的兜兜</span> <a class="tag" taget="_blank" href="/search/%E6%B0%B4%E5%B9%B3%E5%9E%82%E7%9B%B4/1.htm">水平垂直</a><a class="tag" taget="_blank" href="/search/%E5%B7%A6%E5%9B%BA%E5%8F%B3%E5%8A%A8/1.htm">左固右动</a><a class="tag" taget="_blank" href="/search/%E4%B8%A4%E6%A0%8F%E5%B8%83%E5%B1%80/1.htm">两栏布局</a><a class="tag" taget="_blank" href="/search/%E4%B8%89%E6%A0%8F%E5%B8%83%E5%B1%80/1.htm">三栏布局</a><a class="tag" taget="_blank" href="/search/%E5%B8%83%E5%B1%80/1.htm">布局</a> <div>水平垂直居中的问题（四种方法）方法一：position布局，position设为absolute给定高度，通过绝对定位方式居中width:x;height:y;position:absolute;left:50%;top:50%;margin-left:-(x/2);margin-top:-(y/2);*{margin:0;padding:0;}html,body{width:100%;heigh</div> </li> <li><a href="/article/1828740657657769984.htm" title="【前端知识整理】CSS布局快速居中，两栏布局与三栏布局" target="_blank">【前端知识整理】CSS布局快速居中，两栏布局与三栏布局</a> <span class="text-muted">EnoshSAGIRI</span> <a class="tag" taget="_blank" href="/search/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/css3/1.htm">css3</a> <div>CSS中的各种布局方法1快速居中对齐的方法2两栏布局2.1左列定宽右列自适应2.1.1浮动+margin方法2.1.2浮动+BFC2.1.3定位（子绝父相）2.1.4flex2.1.5浮动+负外边距2.1.6table2.2左列不定宽右列自适应3三栏布局3.1浮动+margin3.2浮动+BFC3.3flex3.4table3.5定位3.6圣杯布局3.7双飞翼布局3.8grid1快速居中对齐的方法</div> </li> <li><a href="/article/1828737254584053760.htm" title="王者荣耀官网首页（xd原文件）" target="_blank">王者荣耀官网首页（xd原文件）</a> <span class="text-muted">无名指的等待712</span> <a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/xd/1.htm">xd</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1web前端开发者链接：https://pan.baidu.com/s/1nl9XmiyWnMs9gPCP1sN-3w提取码：hhss本文件是王者荣耀官网首页的XD源文件，玩游戏不如自己创造一个游戏。本文件可以锻炼一下大家的HTML5和css3的基础功底。</div> </li> <li><a href="/article/1828729941907304448.htm" title="前端HTML相关知识" target="_blank">前端HTML相关知识</a> <span class="text-muted">Xiao Tong333</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.什么是HTMLHTML指的是超文本标记语言(HyperTextMarkupLanguage)。超文本:是指页面内可以包含图片、链接、声音,视频等内容标记:标签(通过标记符号来告诉浏览器网页内容该如何显示)浏览器根据不同的HTML标签，解析成我们看到的网页2.HTML的特点HTML不是编程语言，而是标记语言。HTML使用标签的形式来标识网页的不同组成部分HTML文档包含了HTML标签和文本HTM</div> </li> <li><a href="/article/1828725774673342464.htm" title="vue.js 获取当前屏幕的宽度_js获取浏览器和屏幕的各种宽度高度" target="_blank">vue.js 获取当前屏幕的宽度_js获取浏览器和屏幕的各种宽度高度</a> <span class="text-muted">梦终会碎</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E8%8E%B7%E5%8F%96%E5%BD%93%E5%89%8D%E5%B1%8F%E5%B9%95%E7%9A%84%E5%AE%BD%E5%BA%A6/1.htm">获取当前屏幕的宽度</a> <div>一：网页可见区域宽高，不包括工具栏和滚动条(浏览器窗口可视区域大小)1.对于IE9+、chrome、firefox、Opera、Safari：window.innerHeight浏览器窗口的内部高度；window.innerWidth浏览器窗口的内部宽度；2.对于IE8.7.6.5:document.documentElement.clientHeight:表示HTML文档所在窗口的当前高度；do</div> </li> <li><a href="/article/1828719595876347904.htm" title="vue前端动态获取页面高度宽度" target="_blank">vue前端动态获取页面高度宽度</a> <span class="text-muted">Hrational</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>data(){return{//设置页面某元素需要设置的高度宽度变量eleHeight:0eleWidth:0}},created(){//初始化获取元素的高度宽度handleResize()},mounted(){//绑定事件，窗口resize时候触发函数handleResize，这句是核心window.addEventListener('resize',this.handleResize);}</div> </li> <li><a href="/article/1828699052791918592.htm" title="vue element-ui表格table 表格动态添加行、删除行、添加列、删除列自定义表头" target="_blank">vue element-ui表格table 表格动态添加行、删除行、添加列、删除列自定义表头</a> <span class="text-muted">哆啦唉m</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</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>vuetable表格动态添加行、删除行、添加列、删除列自定义表头；增加一行、删除一行、添加一列、删除一列；每行带输入框input代码1、HTML部分：删除列删除行增加行增加列2、JS部分：exportdefault{name:"Index",data(){return{columnLabel:'',//要增加的列名columnPropIndex:0,//列属性自增columnData:[],//列</div> </li> <li><a href="/article/1828697540082626560.htm" title="HTML5+CSS:Flex属性的应用" target="_blank">HTML5+CSS:Flex属性的应用</a> <span class="text-muted">垦利不</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>引言：Flex布局是什么？Flex是FlexibleBox的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display:flex;}行内元素也可以使用Flex布局。.box{ display:inline-flex;}Webkit内核的浏览器，必须加上-webkit前缀。.box{ display:-webkit-flex;/*Safa</div> </li> <li><a href="/article/1828696784151605248.htm" title="谷粒商城实战笔记-279~280-商城业务-订单服务-订单验价-保存订单" target="_blank">谷粒商城实战笔记-279~280-商城业务-订单服务-订单验价-保存订单</a> <span class="text-muted">小手追梦</span> <a class="tag" taget="_blank" href="/search/%E8%B0%B7%E7%B2%92%E5%95%86%E5%9F%8E/1.htm">谷粒商城</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E8%B0%B7%E7%B2%92%E5%95%86%E5%9F%8E/1.htm">谷粒商城</a> <div>文章目录一，279-商城业务-订单服务-订单验价1，创建订单时计算总价代码分析2，比较总价二，280-商城业务-订单服务-保存订单数据代码分析一，279-商城业务-订单服务-订单验价这一节的主要内容是验价：前端从购物车到confirm界面会算一次总价提交订单生成订单时会重新计算一次总价比较这两次总价1，创建订单时计算总价/***计算价格价格的方法*@paramorderEntity*@paramo</div> </li> <li><a href="/article/1828685195134464000.htm" title="一款好看的EMlog系统博客网站微信小程序源码v1.1" target="_blank">一款好看的EMlog系统博客网站微信小程序源码v1.1</a> <span class="text-muted">dddaaxx</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E6%BA%90%E7%A0%81/1.htm">程序源码</a> <div>介绍：这是一个简洁的程序，所以给它取了个英文名叫Brief，需要配合EMlog后端，所以EMlog附带了一款非常好看的大前端模板。Brief使用emlog（6.0.1）系统强力驱动后端API使用张子恒接口文档开发本程序仍有诸多bug未修复由于开发时修改过很多emlog原有功能及数据库所以使用该程序需要重新安装emlog和数据库1、配置ssl宝塔可免费申请2、安装后端上传源码-导入数据库-修改con</div> </li> <li><a href="/article/1828676748829618176.htm" title="先进制造aps专题二十四云平台排产aps的方案设计" target="_blank">先进制造aps专题二十四云平台排产aps的方案设计</a> <span class="text-muted">lijianhua_9712</span> <a class="tag" taget="_blank" href="/search/aps/1.htm">aps</a><a class="tag" taget="_blank" href="/search/aps/1.htm">aps</a> <div>云平台排产aps的方案设计针对对象是有排产需求无需定制的中小型工厂企业一网站功能（b/s架构）1前端界面客户登录排产项目管理基础数据（产品资料，产品工艺，工作日历，生产资源，工艺能力）排产执行排产甘特图和修改排产结果下载2后台管理客户管理排产执行统计排产在线状况排产服务器监控二排产服务器，排产服务器执行排产任务几个要点1虽然面向中小型企业，但是为了达到无需定制的目的，排产算法需要尽可能的强大，能进</div> </li> <li><a href="/article/1828666831821434880.htm" title="react脚手架配置代理总结" target="_blank">react脚手架配置代理总结</a> <span class="text-muted">ST_MT</span> <div>react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000（优先匹配前端资源）方法二第一步：创建代理配置文件在src下创建配置文件：src/setupProx</div> </li> <li><a href="/article/1828649144688930816.htm" title="vue实现穿梭框功能（ES6语法）" target="_blank">vue实现穿梭框功能（ES6语法）</a> <span class="text-muted">lucky*girl</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1、vue两种实现穿梭框的方式。方式一：Vue结合ES6语法实现穿梭框。（优点：自写组件复用性强，易修改）方式二：引入Element中transfer插件简单写了CSS样式和HTML。（优点，引入组件即可，易上手操作）2、实现效果：左边为复选框按钮，可全选可单选，选中后点击按钮到左侧。右边实现效果同理。并用计算属性动态计算出每个数组共多少条数据，选中了多少条。实现效果图如下：自写组件：引入Elem</div> </li> <li><a href="/article/1828646242490609664.htm" title="django学习入门系列之第六点《DOM初了解》" target="_blank">django学习入门系列之第六点《DOM初了解》</a> <span class="text-muted">铁匠匠匠</span> <a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</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/django/1.htm">django</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%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>文章目录初了解往期回顾初了解DOM,就是一个模块，模块可以对HTML页面中标签进行操作//根据ID来获取标签//document.getElementById()varbodyTag=document.getElementById("body");//获取标签中的文本bodyTag.innerText//修改标签中的文本bodyTag.innerText="内容";//创建标签vartag=doc</div> </li> <li><a href="/article/1828645229536833536.htm" title="django学习入门系列之第三点《BootSrap初了解》" target="_blank">django学习入门系列之第三点《BootSrap初了解》</a> <span class="text-muted">铁匠匠匠</span> <a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</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%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>文章目录初识BootStrap往期回顾初识BootStrapBootSrap是什么？是别人帮我们已写好的CSS样式，我们如果想要使用这个BootSrap：下载BootStrap使用在页面上引入BootStrap编写HTML时，按照BootStrap的规定来编写+自定制官网：https://www.bootcss.com/v3：https://v3.bootcss.com/在html文件中需要添加的</div> </li> <li><a href="/article/1828645103204397056.htm" title="django学习入门系列之第三点《边框及总结》" target="_blank">django学习入门系列之第三点《边框及总结》</a> <span class="text-muted">铁匠匠匠</span> <a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</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%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><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a> <div>文章目录border背景色总结往期回顾border CSSborder是前端开发中用于控制元素边框外观的重要属性。边框不仅能够增强网页的视觉层次感，还能提供清晰的界面分区，对于提升用户体验和网页设计美学至关重要。border:边框粗细+边框的样式+颜色虚线边框border:3pxdottedred;实线边框border:3pxsoildred;单独有一遍有边框border-left:3pxsol</div> </li> <li><a href="/article/1828642517109796864.htm" title="Springboot+爬虫+推荐算法+前后端分离实现小说推荐系统" target="_blank">Springboot+爬虫+推荐算法+前后端分离实现小说推荐系统</a> <span class="text-muted">计算机程序优异哥</span> <div>如何针对互联网各大小说阅读网站的小说数据进行实时采集更新，建立自己的小说资源库，针对海量的小说数据开展标签处理特征分析，利用推荐算法完成针对用户的个性化阅读推荐？基于以上问题，本次小说推荐系统，建设过程主要分为小说推荐网站前端系统，小说运维管理后台系统，小说数据实时采集爬虫三个部分。小说推荐网站前端系统主要采用开源前端框架搭建小说推荐网站，提供用户登录注册，小说阅读等功能，小说运维管理后台，提供管</div> </li> <li><a href="/article/1828624559851532288.htm" title="PyQt5信号与槽的简单使用记录" target="_blank">PyQt5信号与槽的简单使用记录</a> <span class="text-muted">arriettyandray</span> <a class="tag" taget="_blank" href="/search/PyQt5/1.htm">PyQt5</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>PyQt5信号与槽的简单使用记录前言信号与槽总结前言最近开发项目，使用PyQt5学习了一些知识，简单记录一下！信号与槽使用Qt设计好界面，再通过PyUic转化成py，就可以通过其他python来调用设计好的界面控件。在调用界面控件时，我们使用到信号与槽。举个例子：我前端设计采用了一个按钮。按钮有对应的Click事件，那这个点击事件要如何和后台沟通。那么就需要连接。这个连接的方式有好几种。我简单介绍</div> </li> <li><a href="/article/1828610198554636288.htm" title="前端面试题（vue篇）" target="_blank">前端面试题（vue篇）</a> <span class="text-muted">前端第一深情</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前端面试题</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>前端面试题（vue篇持续更新ing）1.v-if和v-show的区别？v-if和v-show是Vue.js中用于条件渲染的指令，它们的作用是根据表达式的值来控制元素的显示与隐藏。它们的区别在于：v-if：指令用法：v-if是一个指令，它通过计算绑定的表达式的值来决定是否渲染元素。渲染方式：如果表达式的值为true，则渲染对应的元素；如果为false，则不渲染（从DOM中移除）。性能特点：当v-if</div> </li> <li><a href="/article/1828609190449475584.htm" title="css动画实现转盘旋转,1.使用css3实现大转盘" target="_blank">css动画实现转盘旋转,1.使用css3实现大转盘</a> <span class="text-muted">小仙元</span> <a class="tag" taget="_blank" href="/search/css%E5%8A%A8%E7%94%BB%E5%AE%9E%E7%8E%B0%E8%BD%AC%E7%9B%98%E6%97%8B%E8%BD%AC/1.htm">css动画实现转盘旋转</a> <div>先上效果图，如图所示：最终效果第一步：画个父容器+12个子容器(扇叶)将父容器居中，子容器使用absolute定位，基本代码如下：html>body{display:flex;height:95vh;align-items:center;justify-content:center;}.container{position:relative;width:150px;height:150px;bac</div> </li> <li><a href="/article/1828602510617702400.htm" title="lottie在前端引用" target="_blank">lottie在前端引用</a> <span class="text-muted">一个萌新小土豆</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>以在vue中使用为例一、下载lottienpmivue-lottie-S二、在main.js中引入vue-lottieimportlottiefrom'vue-lottie'Vue.component('lottie',lottie)三、在组件中注册使用1、引入jsonimport*asanimationDatafrom'@/assets/lottie/data.json'2、使用组件3、data</div> </li> <li><a href="/article/1828602384406900736.htm" title="常用的前端配置命令" target="_blank">常用的前端配置命令</a> <span class="text-muted">一个萌新小土豆</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a> <div>npm测试：npm-v初始化项目：npminit-y会产生一个package.json文件安装模块：npmi模块名@版本号(版本号可以不写，不写默认为最新版本)参数参数：-g(全局安装)--save-dev(本地安装)--save(本地安装（开发依赖）)删除模块：npmuninstall模块名参数清除缓存：npmcacheclear-fnrm安装：npminstallnrm-g查看版本号：nrm-</div> </li> <li><a href="/article/1828587256353484800.htm" title="数据库系列 - MySQL用户权限以及死锁排查" target="_blank">数据库系列 - MySQL用户权限以及死锁排查</a> <span class="text-muted">知行-wts</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E7%B3%BB%E5%88%97%E4%B8%93%E9%A2%98/1.htm">数据库系列专题</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>参看：《MySQL必知必会》https://www.cnblogs.com/Richardzhu/p/3318595.html一、MySQL用户权限最近有一个项目，在开发过程中直接把数据库安装到阿里云服务器，本地连接阿里云服务器中的MySQL就不能直接root用户连接，而每次数据库操作都要使用新建的用户与用户进行交互操作。在使用非root用户的时，执行本地的sql文件，就需要一些权限，比如SELE</div> </li> <li><a href="/article/1828586120905060352.htm" title="windows10 右键文件夹一直转圈，然后闪屏解决方法，亲测有效！！！" target="_blank">windows10 右键文件夹一直转圈，然后闪屏解决方法，亲测有效！！！</a> <span class="text-muted">模拟IC攻城狮</span> <a class="tag" taget="_blank" href="/search/%E7%94%B5%E8%84%91bug/1.htm">电脑bug</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E5%AE%89%E5%85%A8/1.htm">系统安全</a> <div>**windows10右键文件夹一直转圈，然后闪屏解决方法，亲测有效！！！**被这个问题困扰了很久，试了五六种网上的方法，删除注册表啥的，都没用，用了这个方法，直接解决，为了方便大家，我把这个方法转载到这里，供大家参考！ps:可以直接尝试卸载重新安装百度网盘，大部分人的问题都能解决1.http://www.nirsoft.net/utils/shexview.html下载一个程式(进入网页后按Ct</div> </li> <li><a href="/article/1828585742465593344.htm" title="使用Dockerfile创建应用镜像及私有仓库" target="_blank">使用Dockerfile创建应用镜像及私有仓库</a> <span class="text-muted">琉璃一梦</span> <a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97%E5%AD%A6%E4%B9%A0/1.htm">云计算学习</a><a class="tag" taget="_blank" href="/search/eureka/1.htm">eureka</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>目录1.Dockerfile介绍2.Dockerfile应用1.创建目录2.跳转目录3.编辑启动脚本4.编辑index.html文件5.编辑Dockerfile6.创建镜像7.查看镜像8.创建容器测试9.挂载其他项目测试3.私有仓库1.安装仓库镜像---仓库注册器2.创建目录3.启动容器、映射端口、挂载目录4.访问仓库5.配置pull和push，修改daemon.json文件6.重启docker服</div> </li> <li><a href="/article/1828573138422689792.htm" title="搭建Wireshark开发环境（一）" target="_blank">搭建Wireshark开发环境（一）</a> <span class="text-muted">Hozy_</span> <a class="tag" taget="_blank" href="/search/Wireshark/1.htm">Wireshark</a><a class="tag" taget="_blank" href="/search/Wireshark/1.htm">Wireshark</a><a class="tag" taget="_blank" href="/search/Version/1.htm">Version</a><a class="tag" taget="_blank" href="/search/3.1.1/1.htm">3.1.1</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/1.htm">开发环境搭建</a><a class="tag" taget="_blank" href="/search/%E5%AE%98%E6%96%B9%E6%96%B9%E6%B3%95/1.htm">官方方法</a><a class="tag" taget="_blank" href="/search/VS2019/1.htm">VS2019</a> <div>VS2019搭建64位开发环境(3.1.1版本)一、阅读Wireshark官网文档https://www.wireshark.org/docs/wsdg_html_chunked/index.html二、说明由于Wireshark使用了许多不同的平台库进行独立开发，所以需要安装一些第三方软件。将展示Windows10平台上开发。Wireshark使用ANSIC语言进行开发。（所以修改源代码时，不能</div> </li> <li><a href="/article/1828558385801424896.htm" title="mongodb数组操作符" target="_blank">mongodb数组操作符</a> <span class="text-muted">无名之辈无名之辈</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/MongoDB/1.htm">MongoDB</a><a class="tag" taget="_blank" href="/search/%24all/1.htm">$all</a><a class="tag" taget="_blank" href="/search/%24elemMatch/1.htm">$elemMatch</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%BB%84%E6%9F%A5%E8%AF%A2/1.htm">数组查询</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%A1%A3%E8%BF%87%E6%BB%A4/1.htm">文档过滤</a> <div>数组操作符/*$all:匹配数组中包含所有指定查询值的文档{:{$all:[,,...]}}$elemMatch:匹配数组中至少有一个能完全匹配所有的查询条件的文档{:{$elemMatch:{,,...}}}2.示例查询tags中同时拥有html和js的文档db.person.insert([{name:'zs',tags:['html','js','vue']},{name:'ls',tags</div> </li> <li><a href="/article/119.htm" title="Spring中@Value注解，需要注意的地方" target="_blank">Spring中@Value注解，需要注意的地方</a> <span class="text-muted">无量</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/%40Value/1.htm">@Value</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac</div> </li> <li><a href="/article/246.htm" title="mongoDB 分片" target="_blank">mongoDB 分片</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div> mongoDB的分片。要mongos查询数据时候先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。第一步启动两台以上的mongo服务 &nb</div> </li> <li><a href="/article/373.htm" title="OVER(PARTITION BY)函数用法" target="_blank">OVER(PARTITION BY)函数用法</a> <span class="text-muted">0624chenhong</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍开窗函数 &nb</div> </li> <li><a href="/article/500.htm" title="Android开发中，ADB server didn't ACK 解决方法" target="_blank">Android开发中，ADB server didn't ACK 解决方法</a> <span class="text-muted">一炮送你回车库</span> <a class="tag" taget="_blank" href="/search/Android%E5%BC%80%E5%8F%91/1.htm">Android开发</a> <div>首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb</div> </li> <li><a href="/article/627.htm" title="canvas中的像素绘制问题" target="_blank">canvas中的像素绘制问题</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/canvas/1.htm">canvas</a> <div>pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的</div> </li> <li><a href="/article/754.htm" title="编码乱码问题" target="_blank">编码乱码问题</a> <span class="text-muted">灵静志远</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A0%81/1.htm">编码</a> <div>1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte</div> </li> <li><a href="/article/881.htm" title="java 求几个月后的日期" target="_blank">java 求几个月后的日期</a> <span class="text-muted">darkranger</span> <a class="tag" taget="_blank" href="/search/calendar/1.htm">calendar</a><a class="tag" taget="_blank" href="/search/getinstance/1.htm">getinstance</a> <div>Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M</div> </li> <li><a href="/article/1008.htm" title="数据库设计的三大范式（通俗易懂）" target="_blank">数据库设计的三大范式（通俗易懂）</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E5%A4%8D%E4%B9%A0/1.htm">数据库复习</a> <div>关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。</div> </li> <li><a href="/article/1135.htm" title="想学工作流怎么入手" target="_blank">想学工作流怎么入手</a> <span class="text-muted">atongyeye</span> <a class="tag" taget="_blank" href="/search/jbpm/1.htm">jbpm</a> <div>工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。系统学习工作流，很重要的一本书《JBPM工作流开发指南》。本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1 首先要</div> </li> <li><a href="/article/1262.htm" title="Context和SQLiteOpenHelper创建数据库" target="_blank">Context和SQLiteOpenHelper创建数据库</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/Context%E5%88%9B%E5%BB%BA%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">Context创建数据库</a> <div> 一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper 一:SQLiteOpenHelper创建数据库: 1,SQLi</div> </li> <li><a href="/article/1389.htm" title="浅谈group by和distinct" target="_blank">浅谈group by和distinct</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/group+by/1.htm">group by</a><a class="tag" taget="_blank" href="/search/distinct/1.htm">distinct</a> <div> group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta</div> </li> <li><a href="/article/1516.htm" title="vi opertion" target="_blank">vi opertion</a> <span class="text-muted">征客丶</span> <a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a><a class="tag" taget="_blank" href="/search/opration/1.htm">opration</a><a class="tag" taget="_blank" href="/search/vi/1.htm">vi</a> <div>进入 command mode （命令行模式）按 esc 键再按 shift + 冒号注：以下命令中带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行数字</div> </li> <li><a href="/article/1643.htm" title="【Spark十四】深入Spark RDD第三部分RDD基本API" target="_blank">【Spark十四】深入Spark RDD第三部分RDD基本API</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div> 对于K/V类型的RDD,如下操作是什么含义？ val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect reduceByKey在这里的操作，是把</div> </li> <li><a href="/article/1770.htm" title="java类加载机制" target="_blank">java类加载机制</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">虚拟机</a> <div>java类加载机制 1.java类加载器的树状结构引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。虚拟机区分一个Cla</div> </li> <li><a href="/article/1897.htm" title="动态添加文本框" target="_blank">动态添加文本框</a> <span class="text-muted">BreakingBad</span> <a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E6%A1%86/1.htm">文本框</a> <div> <script> var num=1; function AddInput() { var str=""; str+="<input </div> </li> <li><a href="/article/2024.htm" title="读《研磨设计模式》-代码笔记-单例模式" target="_blank">读《研磨设计模式》-代码笔记-单例模式</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton</div> </li> <li><a href="/article/2151.htm" title="iOS应用打包发布常见问题" target="_blank">iOS应用打包发布常见问题</a> <span class="text-muted">chenhbc</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/iOS%E5%8F%91%E5%B8%83/1.htm">iOS发布</a><a class="tag" taget="_blank" href="/search/iOS%E4%B8%8A%E4%BC%A0/1.htm">iOS上传</a><a class="tag" taget="_blank" href="/search/iOS%E6%89%93%E5%8C%85/1.htm">iOS打包</a> <div>这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。 1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc</div> </li> <li><a href="/article/2278.htm" title="工作流复杂拓扑结构处理新思路" target="_blank">工作流复杂拓扑结构处理新思路</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a><a class="tag" taget="_blank" href="/search/OO/1.htm">OO</a> <div> 我们走的设计路线和国外的产品不太一样，不一样在哪里呢？国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很</div> </li> <li><a href="/article/2405.htm" title="oracle 11g新特性Flashback data archive" target="_blank">oracle 11g新特性Flashback data archive</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。 </div> </li> <li><a href="/article/2532.htm" title="多叉树:2-3-4树" target="_blank">多叉树:2-3-4树</a> <span class="text-muted">dieslrae</span> <a class="tag" taget="_blank" href="/search/%E6%A0%91/1.htm">树</a> <div> 平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征: 1、有一个数据项的节点总是有2个子节点(称为2-节点) 2、有两个数据项的节点总是有3个子节点(称为3-节</div> </li> <li><a href="/article/2659.htm" title="C语言学习七动态分配 malloc的使用" target="_blank">C语言学习七动态分配 malloc的使用</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/language/1.htm">language</a><a class="tag" taget="_blank" href="/search/malloc/1.htm">malloc</a> <div>/* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节静态分配 int * p </div> </li> <li><a href="/article/2786.htm" title="Objective-C编码规范[译]" target="_blank">Objective-C编码规范[译]</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E8%A7%84%E8%8C%83/1.htm">代码规范</a> <div> 原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范译者 : Sam Lau </div> </li> <li><a href="/article/2913.htm" title="0.性能优化-目录" target="_blank">0.性能优化-目录</a> <span class="text-muted">frank1234</span> <a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。主要内容包括：一、性能测试指标吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略生产环境相同基准测试预热等 htt</div> </li> <li><a href="/article/3040.htm" title="Java父类取得子类传递的泛型参数Class类型" target="_blank">Java父类取得子类传递的泛型参数Class类型</a> <span class="text-muted">happyqing</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B/1.htm">泛型</a><a class="tag" taget="_blank" href="/search/%E7%88%B6%E7%B1%BB/1.htm">父类</a><a class="tag" taget="_blank" href="/search/%E5%AD%90%E7%B1%BB/1.htm">子类</a><a class="tag" taget="_blank" href="/search/Class/1.htm">Class</a> <div> import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =</div> </li> <li><a href="/article/3167.htm" title="跟我学SpringMVC目录汇总贴、PDF下载、源码下载" target="_blank">跟我学SpringMVC目录汇总贴、PDF下载、源码下载</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a> <div> ----广告-------------------------------------------------------------- 网站核心商详页开发掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架；掌握数据库技术，表设计和索引优化，分库分表/读写分离；了解缓存技术，熟练使用如Redis/Memcached等主流技术；了解Ngin</div> </li> <li><a href="/article/3294.htm" title="the HTTP rewrite module requires the PCRE library" target="_blank">the HTTP rewrite module requires the PCRE library</a> <span class="text-muted">流浪鱼</span> <a class="tag" taget="_blank" href="/search/rewrite/1.htm">rewrite</a> <div>./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s</div> </li> <li><a href="/article/3421.htm" title="第12章 Ajax（中）" target="_blank">第12章 Ajax（中）</a> <span class="text-muted">onestopweb</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/</div> </li> <li><a href="/article/3548.htm" title="Optimize query with Query Stripping in Web Intelligence" target="_blank">Optimize query with Query Stripping in Web Intelligence</a> <span class="text-muted">blueoxygen</span> <a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a> <div>http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936</div> </li> <li><a href="/article/3675.htm" title="Java开发者写SQL时常犯的10个错误" target="_blank">Java开发者写SQL时常犯的10个错误</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个：　　他们对PreparedStatements不了解　　他们认为使用PreparedStatements太慢了　　他们认为写Prepar</div> </li> <li><a href="/article/3802.htm" title="世纪互联与结盟有感" target="_blank">世纪互联与结盟有感</a> <span class="text-muted">阿尔萨斯</span> <div> 10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>