前端面试题（含答案）——HTML、CSS相关

HTML相关

1、<!DOCTYPE>标签的定义与用法。

定义和用法

<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

以下面这个 <!DOCTYPE> 标签为例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

提示和注释：

注释：<!DOCTYPE> 标签没有结束标签！

HTML

HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。

HTML Strict DTD

如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML Transitional DTD

Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型：

 
   
 
    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
   
 
   
 
   
Frameset DTD
 
   
Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：
 
   
 
    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
 
   
 
   
 
 
   
 
 
  
 
  
XHTML
 
  
XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。
 
  
XHTML Strict DTD
 
  
如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：
 
  
 
   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
  
 
  
XHTML Transitional DTD
 
  
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 XHTML 的呈现特性时，请使用此类型：
 
  
 
   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
  
 
  
XHTML Frameset DTD
 
  
当您希望使用框架时，请使用此 DTD！
 
  
 
   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
 
  
 
  
2、块级元素和行内元素都有哪些？
 
  
 
 
  
     
   
       
    
    1. 块元素(block element)   
      2.  
    
    2.   
      3.  
    
    3. 　　* address - 地址   
      4.  
    
    4. 　　* blockquote - 块引用   
      5.  
    
    5. 　　* center - 举中对齐块   
      6.  
    
    6. 　　* dir - 目录列表   
      7.  
    
    7. 　　* div - 常用块级容易，也是css layout的主要标签   
      8.  
    
    8. 　　* dl - 定义列表   
      9.  
    
    9. 　　* fieldset - form控制组   
      10.  
    
    10. 　　* form - 交互表单   
      11.  
    
    11. 　　* h1 - 大标题   
      12.  
    
    12. 　　* h2 - 副标题   
      13.  
    
    13. 　　* h3 - 3级标题   
      14.  
    
    14. 　　* h4 - 4级标题   
      15.  
    
    15. 　　* h5 - 5级标题   
      16.  
    
    16. 　　* h6 - 6级标题   
      17.  
    
    17. 　　* hr - 水平分隔线   
      18.  
    
    18. 　　* isindex - input prompt   
      19.  
    
    19. 　　* menu - 菜单列表   
      20.  
    
    20. 　　* noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容   
      21.  
    
    21. 　　* noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）   
      22.  
    
    22. 　　* ol - 排序表单   
      23.  
    
    23. 　　* p - 段落   
      24.  
    
    24. 　　* pre - 格式化文本   
      25.  
    
    25. 　　* table - 表格   
      26.  
    
    26. 　　* ul - 非排序列表   
      27.  
    
    27.   
      28.  
    
    28. 内联元素(inline element)   
      29.  
    
    29.   
      30.  
    
    30. 　　* a - 锚点   
      31.  
    
    31. 　　* abbr - 缩写   
      32.  
    
    32. 　　* acronym - 首字   
      33.  
    
    33. 　　* b - 粗体(不推荐)   
      34.  
    
    34. 　　* bdo - bidi override   
      35.  
    
    35. 　　* big - 大字体   
      36.  
    
    36. 　　* br - 换行   
      37.  
    
    37. 　　* cite - 引用   
      38.  
    
    38. 　　* code - 计算机代码(在引用源码的时候需要)   
      39.  
    
    39. 　　* dfn - 定义字段   
      40.  
    
    40. 　　* em - 强调   
      41.  
    
    41. 　　* font - 字体设定(不推荐)   
      42.  
    
    42. 　　* i - 斜体   
      43.  
    
    43. 　　* img - 图片   
      44.  
    
    44. 　　* input - 输入框   
      45.  
    
    45. 　　* kbd - 定义键盘文本   
      46.  
    
    46. 　　* label - 表格标签   
      47.  
    
    47. 　　* q - 短引用   
      48.  
    
    48. 　　* s - 中划线(不推荐)   
      49.  
    
    49. 　　* samp - 定义范例计算机代码   
      50.  
    
    50. 　　* select - 项目选择   
      51.  
    
    51. 　　* small - 小字体文本   
      52.  
    
    52. 　　* span - 常用内联容器，定义文本内区块   
      53.  
    
    53. 　　* strike - 中划线   
      54.  
    
    54. 　　* strong - 粗体强调   
      55.  
    
    55. 　　* sub - 下标   
      56.  
    
    56. 　　* sup - 上标   
      57.  
    
    57. 　　* textarea - 多行文本输入框   
      58.  
    
    58. 　　* tt - 电传文本   
      59.  
    
    59. 　　* u - 下划线   
      60.  
    
    60. 　　* var - 定义变量   
      61.  
    
    61.   
      62.  
    
    62. 可变元素   
      63.  
    
    63.   
      64.  
    
    64. 　　可变元素为根据上下文语境决定该元素为块元素或者内联元素。   
      65.  
    
    65. 　　* applet - java applet   
      66.  
    
    66. 　　* button - 按钮   
      67.  
    
    67. 　　* del - 删除文本   
      68.  
    
    68. 　　* iframe - inline frame   
      69.  
    
    69. 　　* ins - 插入的文本   
      70.  
    
    70. 　　* map - 图片区块(map)   
      71.  
    
    71. 　　* object - object对象   
      72.  
    
    72. 　　* script - 客户端脚本  
      73.  
   
     
  
 
  
3、你真的了解HTML吗？！
 
  
这道题自主把握
 
  
 
 
  
CSS相关
 
  
1、介绍所知道的CSS hack技巧(如：_， *， +， \9， !important 之类)。
 
  
“_”开头的CSS只有IE6可以识别；"*"开头的IE6、IE7都可以识别；"+"开头的只有IE7可以识别;在css样式最后加“\0”只有IE8可以识别;“\9”的样式只要是IE都可以识别；!important可以被IE7、FF识别（IE6识别不能）不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。
 
  
2、介绍CSS盒模型。
 
  
我们在网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。
 
  
3、CSS层叠是什么？介绍一下。
 
  
样式表的顺序：
 
  
1，浏览器默认（browser default）（优先级最低）
 
  
2，外部样式表（external style sheet）
 
  
3，内部样式表（internal style sheet）
 
  
4，内嵌样式表 (inline style )（优先级最高）
 
  
4、都知道哪些CSS浏览器兼容性问题。
 
  
div的垂直居中问题、margin加倍的问题、浮动ie产生的双倍距离、IE与宽度和高度的问题、DIV浮动IE文本产生3象素的bug、IE6下为什么图片下有空隙产生
 
  
5、position值都有哪些
 
  
position的值有：relative、absolute、fixed、static、inherit
 
  
6、CSS3新增了哪些内容
 
  
text-shadown:
 
  
box-shadown:
 
  
linear-gradient:
 
  
radial-gradient:
 
  
RGBA(alpha)
 
  
border-radius:
 
  
transform(变形)
 
  
transition(一定时间平滑过渡)
 
 
  
animation(动画)
 
  
 
 
  
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(html)

        

            

                
    
                    
  • swagger访问路径
                        igotyback
swagger
                        
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
    
                    
    • 
                    
  • html 中如何使用 uniapp 的部分方法
                        某公司摸鱼前端
htmluni-app前端
                        
    示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
    
                    
    • 
                    
  • 四章-32-点要素的聚合
                        彩云飘过

                        
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
    
                    
    • 
                    
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理
                        STU学生网页设计
网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
                        
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
    
                    
    • 
                    
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
                        二挡起步
web前端期末大作业javascripthtmlcss旅游风景
                        
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
    
                    
    • 
                    
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
                        二挡起步
web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
                        
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
    
                    
    • 
                    
  • 00. 这里整理了最全的爬虫框架（Java + Python）
                        有一只柴犬
爬虫系列爬虫javapython
                        
    目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
    
                    
    • 
                    
  • 详解：如何设计出健壮的秒杀系统？
                        夜空_2cd3

                        
    作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
    
                    
    • 
                    
  • 斟一小组鸡血视频
                        和自己一起成长

                        
    http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa
    
                    
    • 
                    
  • Dockerfile命令详解之 FROM
                        清风怎不知意
容器化java前端javascript
                        
    许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
    
                    
    • 
                    
  • 《HTML 与 CSS—— 响应式设计》
                        陈在天box
htmlcss前端
                        
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
    
                    
    • 
                    
  • 【C语言】- 自定义类型：结构体、枚举、联合
                        Cavalier_01
C语言
                        
    【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
    
                    
    • 
                    
  • html+css网页设计 旅游网站首页1个页面
                        html+css+js网页设计
htmlcss旅游
                        
    html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
    
                    
    • 
                    
  • spring mvc @RequestBody String类型参数
                        zoyation
spring-mvcspringmvc
                        
    通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
    
                    
    • 
                    
  • ubuntu安装opencv最快的方法
                        Derek重名了

                        
    最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html
    
                    
    • 
                    
  • 处理标签包裹的字符串，并取出前250字符
                        周bro
前端javascript开发语言
                        
    //假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do
    
                    
    • 
                    
  • h5小游戏定制开发
                        红匣子实力推荐

                        
    随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
    
                    
    • 
                    
  • Nginx的使用场景：构建高效、可扩展的Web架构
                        张某布响丸辣
nginx前端架构
                        
    Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
    
                    
    • 
                    
  • 前端知识点
                        ZhangTao_zata
前端javascriptcss
                        
    下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
    
                    
    • 
                    
  • 非关系型数据库
                        天秤-white
nosql
                        
    一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大，单个数据库完全足够。那时候更多使用的静态网页html，服务器根本没有太大压力。这时候网站的瓶颈是什么？-数据量如果太大，一个机器放不下。-数据量太大需要建立数据的索引（B+Tree），一个服务器内存放不下。-访问量读写混合，一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分（读写分离）。网站80%
    
                    
    • 
                    
  • Python精选200Tips：121-125
                        AnFany
Python200+Tipspython开发语言
                        
    Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例
    
                    
    • 
                    
  • 爬虫技术抓取网站数据
                        Bearjumpingcandy
爬虫
                        
    爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文
    
                    
    • 
                    
  • 七.正则化
                        愿风去了

                        
    吴恩达机器学习之正则化（Regularization）http://www.cnblogs.com/jianxinzhou/p/4083921.html从数学公式上理解L1和L2https://blog.csdn.net/b876144622/article/details/81276818虽然在线性回归中加入基函数会使模型更加灵活，但是很容易引起数据的过拟合。例如将数据投影到30维的基函数上，模
    
                    
    • 
                    
  • 创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几
                        uthRaman
前端ui服务器
                        
    前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
    
                    
    • 
                    
  • 利用frp实现内网穿透（需要云主机）
                        heiyumiao
网络工具githubwindowslinux
                        
    详细实现教程：https://www.iplaysoft.com/frp.htmlhttps://blog.csdn.net/u013144287/article/details/78589643/项目官网地址：https://github.com/fatedier/frp/releases按照系统下载相应的程序包什么是frp内网穿透工具有很多，其中Frp(FastReverseProxy)是比较
    
                    
    • 
                    
  • word转html制作操作手册,Word文档转换为HTML帮助文档操作手册范本.pdf
                        想吃草莓干
word转html制作操作手册
                        
    Word文档转换为HTML帮助文档操作手册一、使用到的软件DOC2CHMDreamweaverCS3Helpandmanual4二、操作步骤1.先建立一个工作目录。如hhwork。2.将需要转换的文件复制到此工作目录下。如果是中文文件名，最好将其改为英文文件名。例：现在要将《小神探点检定修信息管理系统使用手册0.3.6.doc》转换为Html格式的帮助文档，首先将此文档复制到hhwork目录下并将
    
                    
    • 
                    
  • WORD批量转换器MultiDoc Converter
                        uolian
工作word
                        
    WORD批量转换器MultiDocConverterhttps://www.52pojie.cn/thread-1318745-1-1.html可批量将doc、docx等文件格式转成doc、docx、pdf、rtf、txt、html、epub等格式。安装包下载地址：https://wws.lanzouj.com/irvVbiz0pkd最终下载文件打包地址（未作成单文件，不确定是否可以直接使用）：h
    
                    
    • 
                    
  • HTML中"bgcolor"与"background-color"的区别
                        Sardar_
html
                        
    bgcolor只是标签属性，而backgroud更多作为css的样式属性。它们俩大多数情况下效果完全相同。但在标签下效果不同。不支持bgcolor属性，只能用style标签添加CSS样式。作为table的属性而言：HelloWorld!和HelloWorld!效果完全相同。作为body属性而言：效果完全相同。不过个人推荐统一用CSS样式进行控制，把style统一放到.css文件中。backgrou
    
                    
    • 
                    
  • 【Python爬虫】百度百科词条内容
                        PokiFighting
数据处理python爬虫开发语言
                        
    词条内容我这里随便选取了一个链接，用的是FBI的词条importurllib.requestimporturllib.parsefromlxmlimportetreedefquery(url):headers={'user-agent':'Mozilla/5.0(WindowsNT6.1;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/80.
    
                    
    • 
                    
  • 说说在 Vue.js 中如何实现组件间通信
                        deniro

                        
    1用法假设父组件的模板包含子组件，我们可以通过props来正向地把数据从父组件传递给子组件。props可以是字符串数组，也可以是对象。html：js：Vue.component('deniro-component',{props:['message'],template:'{{message}}'});varapp=newVue({el:'#app',data:{}});渲染结果：＂嫦娥四号＂成功
    
                    
    • 
                                
  • github中多个平台共存
                                    jackyrong
github
                                    
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 
ssh链接一个托管的而已，下面讲解如何放两个文件 
 
 
1） 设置用户名和邮件地址 
 
$ git config --global user.name "xx" 
 
$ git config --global user.email "[email protected]"
    
                                
    • 
                                
  • ip地址与整数的相互转换(javascript)
                                    alxw4616
JavaScript
                                    
    //IP转成整型
function ip2int(ip){
    var num = 0;
    ip = ip.split(".");
    num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]);
    n
    
                                
    • 
                                
  • 读书笔记-jquey+数据库+css
                                    chengxuyuancsdn
htmljqueryoracle
                                    
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 
2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
    
                                
    • 
                                
  • javaSE javaEE javaME == API下载
                                    Array_06
java
                                    
    oracle下载各种API文档： 
http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html 
 
JavaSE文档： 
http://docs.oracle.com/javase/8/docs/api/ 
JavaEE文档： 
ht
    
                                
    • 
                                
  • shiro入门学习
                                    cugfy
javaWeb框架
                                    
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 
首先配置我们的web.xml代码如下，固定格式，记死就成 
 <filter> 
        <filter-name>shiroFilter</filter-name> 
&nbs
    
                                
    • 
                                
  • Array添加删除方法
                                    357029540
js
                                    
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 
 
//给数组添加删除 
            Array.prototype.del = function(n){ 

    
                                
    • 
                                
  • navigation bar 更改颜色
                                    张亚雄
IO
                                    
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。 
      翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下 
   
    
                                
    • 
                                
  • unicode转换成中文
                                    adminjun
unicode编码转换
                                    
      
在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 
	/**
	 * unicode 转换成 中文
	
    
                                
    • 
                                
  • 一站式 Java Web 框架 firefly
                                    aijuans
Java Web
                                    
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 
firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 
更新日志： 
 
 增加自定义系统错误页面功能
    
                                
    • 
                                
  • 设计模式——单例模式
                                    ayaoxinchao
设计模式
                                    
    定义 
  
       Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。” 
  
分析 
  
       从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。 
  &nb
    
                                
    • 
                                
  • Javascript 多浏览器兼容性问题及解决方案
                                    BigBird2012
JavaScript
                                    
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 
一、document.formName.item(”itemName”) 问题  
问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
    
                                
    • 
                                
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误
                                    bijian1013
junit4.11单元测试
                                    
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现： 
   
    
                                
    • 
                                
  • [Zookeeper学习笔记之二]Zookeeper部署脚本
                                    bit1129
zookeeper
                                    
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)： 
  
#!/bin/bash  
  
#!!!Change the name!!!  
#The zookeepe
    
                                
    • 
                                
  • 【Spark八十】Spark RDD API二
                                    bit1129
spark
                                    
    coGroup 
package spark.examples.rddapi

import org.apache.spark.{SparkConf, SparkContext}
import org.apache.spark.SparkContext._

object CoGroupTest_05 {
  def main(args: Array[String]) {
    v
    
                                
    • 
                                
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题
                                    ronin47
modules
                                    
    在modules目录中只有httpd.exp，那些so文件呢？ 
 
我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 
去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
    
                                
    • 
                                
  • Java基础-克隆
                                    BrokenDreams
java基础
                                    
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 
克隆。 
        Java提供了java.lang.
    
                                
    • 
                                
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter
                                    bylijinnan
java设计模式
                                    
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 
package design.pattern;

/*
 * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致
 * 可以这样想，我们要写这样一个类（Adapter）:
 * 1.这个类要符合客户的要求 ---> 那显然要
    
                                
    • 
                                
  • HDR图像PS教程集锦&心得
                                    cherishLC
PS
                                    
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 
软件有photomatix和nik hdr efex。 
 一、教程 
叶明在知乎上的回答： 
http://www.zhihu.com/question/27418267/answer/37317792 
大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 
 
 二、心得 
 1、去除阴影部分的
    
                                
    • 
                                
  • maven-3.3.3 mvn archetype 列表
                                    crabdave
ArcheType
                                    
    maven-3.3.3 mvn archetype 列表 
可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml 
  
[INFO] Scanning for projects... 
[INFO]                 
    
                                
    • 
                                
  • linux shell 中文件编码查看及转换方法
                                    daizj
shell中文乱码vim文件编码
                                    
    一、查看文件编码。 
    在打开文件的时候输入:set fileencoding 
    即可显示文件编码格式。 
 
 
 
二、文件编码转换 
    1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式 
      &
    
                                
    • 
                                
  • MySQL--binlog日志恢复数据
                                    dcj3sjt126com
binlog
                                    
       恢复数据的重要命令如下   mysql> flush logs;  默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                    
    
                                
    • 
                                
  • 数据库中数据表数据迁移方法
                                    dcj3sjt126com
sql
                                    
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用 
  
下面看看如何使用 
  
语法：MySQL中INSERT INTO SELECT的使用 
1. 语法介绍 
      有三张表a、b、c，现在需要从表b
    
                                
    • 
                                
  • Java反转字符串
                                    dyy_gusi
java反转字符串
                                    
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 
1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
    
                                
    • 
                                
  • UI设计中我们为什么需要设计动效
                                    gcq511120594
UIlinux
                                    
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 
 
但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 
 
一、加强体验舒适度 
 
嗯，就是让用户更加爽更加爽的用
    
                                
    • 
                                
  • JBOSS服务部署端口冲突问题
                                    HogwartsRow
java应用服务器jbossserverEJB3
                                    
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。 
  
1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml 
  
2、./server/default/deploy/jbossweb.sar/server.xml 
  
3、.
    
                                
    • 
                                
  • 第三章 Redis/SSDB+Twemproxy安装与使用
                                    jinnianshilongnian
ssdbreidstwemproxy
                                    
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
    
                                
    • 
                                
  • ZooKeeper原理及使用 
                                    liyonghui160com

                                    
      
  
       ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
    
                                
    • 
                                
  • 程序员解决问题的60个策略
                                    pda158
框架工作单元测试
                                    
    根本的指导方针 
1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 
 
  良好的单元测试  
  强制数据库约束  
  使用输入验证框架  
  避免未实现的“else”条件  
  在应用到主程序之前知道如何在孤立的情况下使用  
 
  
日志 
2. print 语句。往往额外输出个一两行将有助于隔离问题。 
3. 切换至详细的日志记录。详细的日
    
                                
    • 
                                
  • Create the Google Play Account
                                    sillycat
Google
                                    
    Create the Google Play Account 
 
Having a Google account, pay 25$, then you get your google developer account. 
 
References: 
http://developer.android.com/distribute/googleplay/start.html 
https://p
    
                                
    • 
                                
  • JSP三大指令
                                    vikingwei
jsp
                                    
    JSP三大指令 
  一个jsp页面中，可以有0~N个指令的定义！ 
1. page --> 最复杂：<%@page language="java" info="xxx"...%> 
  * pageEncoding和contentType： 
    > pageEncoding：它
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他