- 博客(72)
- 收藏
- 关注
RSS订阅原创 HTML5标签使用的常见误区
在这篇文章中，我将给大家分享HTML5构建页面的小错误和不好的实践方法，让我们在以后的工作中避免这些错误。 不要把当成简单的容器来定义样式 我们经常看到的一个错误，就是武断的将标签用标签来替代，特别是将作为包围容器的用来替换。在XHTML或者HTML4中，我们将会看到类似下面的代码：My super duper page 现在我看到了下面的代码样子：My super duper page 直观的看，上
2021-05-31 11:52:53
110
原创 Web前端性能优化的9大问题
1、请减少HTTP请求基本原理：在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送请求信息，服务器在接受到请求的信息后再返回相应的信息，浏览器接收到来自服务器的应答信息后，对这些数据解释执行。而当我们请求的网页文件中有很多图片、CSS、JS甚至音乐等信息时，将会频繁的与服务器建立连
2021-05-31 11:48:12
117
原创 如何让网页布局稳定性和标准性?
刚开始学css+div布局的同学们，都比较困惑和难写的就是兼容性的问题了，特别是ie6等低版本的浏览器，随意国内逐步慢慢消失取代，但是现阶段还是会有点考虑因素再里面。我们写的网页布局怎么样才是合理的，完整的，兼容性好的呢?因此再这里，传智播客老师给大家列出网页布局标准性、合理性和兼容性的一些方法，希望对刚开始学习css的同学有所帮助。一、 标记的重要性。位 于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范，我们必需在开头处使用标记为 所有的XHTML文档指定XHTM
2021-05-31 11:46:26
249
原创 前端开发必会的二十五个知识点
常用那几种浏览器测试？有哪些内核(Layout Engine)?(Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。(Q2) 内核：Trident，Gecko，Presto，Webkit。说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下）(Q1) 行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。块级元素：各占据一行，垂直方向排列.
2021-05-31 11:45:07
175
原创 什么是域名?域名基础介绍
域名是由点分隔的名字组成。因特网上一台或一组计算机的名称，在数据传输过程中识别计算机的电子位置（有时称为地理位置）。当您需要访问网站或Web应用程序时，您需要在Web浏览器的地址栏中输入域名。例如，使用www.itcast.cn访问“传智播客”网站。如果要在Internet上访问网站或Web应用程序，必须先注册域名。顶级域、二级域和三级域互联网名称和号码分配公司（icann）负责管理和协调互联网域名系统。根据icann的定义，一个完整的域名至少有两部分，每个部分用“.”分隔，最后一部分的右边称为顶级
2021-05-28 15:24:56
663
原创 JavaScript变量命名规范介绍
JavaScript变量命名规范：只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字。下列都是非常正确的变量命名：var haha = 250;var xixi = 300;var a1 = 400;var a2 = 400;var abc_123 = 400;var $abc = 999;var o00oo0_0oo00o = 888;var $ = 1000;var _ = 2000;var ________ = 3000;下列
2021-05-28 15:24:24
2772
原创 web前端三大主流框架分析对比
关于web前端三大框架，一直以来是广大前端开发者口水战必争话题。那么今天也来趟一趟这浑水，仅仅是小编的个人一点小的看法，轻喷哦~之所以web前端框架这个话题热度那么高，很大程度上是因为受众众多。这一点我要解释给前端小白听一下，虽然你在刚开始学习的时候往往是从HTML，CSS，JS学起的，但是一个完整的课程最后肯定是少不了web框架的。因为最后在实际工作的时候，一般都是在框架上搭建网站的，是不会真的从底层开始写代码的。 因此框架作为项目接近100%利用率的好工具，也是网站的基础，他的好坏也就显得尤为重要了
2021-05-28 11:21:07
1021
转载 web前端三大主流框架那个适合前端开发？
随着时间和技术的发展，前端框架从jQuery一家独大的情况，发展到现在的Angular、Vue、React三足鼎立的情况，三个框架各有优略，也都是比较成熟，但是同样也造成了让人无从下手的感觉，不知该如何选择.今天传智播客就来说说如何选择使用那个框架。React ：1.声明式设计：React采用声明范式，可以轻松描述应用。2.高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。3.灵活：React可以与已知的库或框架很好地配合。优点：1. 速度快：在UI渲染过程中，React通过在虚
2021-05-28 11:20:24
309
原创 web前端兼容性面试题汇总
一、html部分1.H5新标签在IE9以下的浏览器识别 <!–[if lt IE 9]> <![endif]–>html5shiv.js下载地址2.ul标签内外边距问题ul标签在IE6\IE7中，有个默认的外边距，但是在IE8以上及其他浏览器中有个默认的内边距。解决方法：统一设置ul的内外边距为0二、CSS样式的兼容性1.css的hack问题：主要针对IE的不同版本，不同的浏览器的写法不同IE的条件注释hack： 2.IE6双边距问题：I
2021-05-27 15:25:34
1819
原创 Java面试之乐观锁和悲观锁的区别
乐观锁乐观锁是一种乐观思想，即认为读多写少，遇到并发写的可能性低，每次去拿数据的时候都认为别人不会修改，所以不会上锁，但是在更新的时候会判断一下在此期间别人有没有去更新这个数据，采取在写时先读出当前版本号，然后加锁操作（比较跟上一次的版本号，如果一样则更新），如果失败则要重复读-比较-写的操作。Java中的乐观锁基本都是通过CAS操作实现的，CAS 是一种更新的原子操作，比较当前值跟传入值是否一样，一样则更新，否则失败。悲观锁悲观锁是就是悲观思想，即认为写多，遇到并发写的可能性高，每次去拿数据的时候
2021-05-27 15:23:06
394
原创 JSP中如何注释?
JSP(Java Server Pages)是建立在Servlet规范之上的动态网页开发技术，其实质是一个简化的Servlet，在JSP文件中，HTML代码与Java代码共同存在，其中，HTML代码用于实现网页中静态内容的显示，Java代码用于实现网页中动态内容的显示。为了与传统HTML有所区别，JSP文件的扩展名为jsp。JSP同其他类的编程语言一样，JSP也有这自己的注释方式，基本语法为：<%–注释信息–%>需要注意的是Tomcat在将JSP页面编译成Servlet程序员时，会忽略JS
2021-05-27 15:21:49
2153
原创 Spring Boot框架和传统Spring框架相比有哪些优势?
相较于传统的Spring框架，Spring Boot框架具有以下优点。1.可快速构建独立的Spring应用Spring Boot主要是通过注解和自动化配置的方式推出的全新框架，旨在快速、敏捷的开发新一代基于Spring框架的应用程序。在构建Spring Boot项目时，只要根据需求选择对应的场景依赖，Spring Boot会自动添加该场景所需要的全部依赖并提供自动化配置，在无需额外手动添加配置的情况下可以快速构建出一个独立的Spring应用程序。2.直接嵌入Tomcat、Jetty和Undertow服
2021-05-27 15:14:17
2008
原创 Java事件监听器的工作步骤介绍
在程序开发中，经常需要对某些事件进行监听，如监听鼠标点击事件、监听键盘按下事件等，此时就需要使用事件监听器，事件监听器用于对程序中发生的事件进行监听，在监听的过程中会涉及几个重要组成部分，具体如下：● 事件(Event)：用户的一个操作，如点击一个按钮、调用一个方法、创建一个对象等。● 事件源：产生事件的对象。● 事件监听器(Listener)：负责监听发生在事件源上的事件。● 事件处理器：监听器的成员方法，当事件发生的时候会触发对应的处理器(成员方法)。当用户进行一个操作触发事件源上的事件时，就
2021-05-26 16:00:24
534
原创 XML和HTML的区别和联系介绍
XML和HTML都是标记文本，它们在结构上大致相同，都是以标记的形式来描述信息。但实际上它们有着本质的区别，为了让初学者不产生混淆，接下来对HTML和XML进行比较，具体如下：1、HTML中的标记是用来显示数据的，而XML中的标记用来描述数据的性质和结构。2、HTML是不区分大小写的，而XML是严格区分大小写的。3、HTML可以有多个根元素，而格式良好的XML有且只能有一个根元素。4、HTML中，属性值的引号是可用可不用的，而XML中，属性值必须放在引号中。5、HTML中，空格是自动过滤的，而XM
2021-05-26 15:58:57
10349
原创 Java中的线程池有哪些？
Java中的线程池有哪些？Java通过Executors提供了四种线程池，分别是1.newSingleThreadExecutor()创建一个单线程化的线程池，它只会用唯一的工作线程来执行任务，保证所有任务都是按照指定的顺序(FIFO，LIFO，优先级)执行2.newFixedThreadExecutor()创建一个定长线程池，可控制线程最大并发数，超出的线程会在队列中等待3.newCachedThreadPool()创建一个可缓存的线程池，如果当前没有可用线程，在执行结束后缓存60s，如果不被
2021-05-26 15:55:39
116
原创 Java面试之-为什么redis可以做缓存?
面试题：为什么redis可以做缓存?回答分析：这个题目考得是对redis的理解，能做缓存的原因是什么，redis回答时主要回答redis的优点。答：1)Redis将其数据完全保存在内存中，仅使用磁盘进行持久化。与其它键值数据存储相比，Redis有一组相对丰富的数据类型。Redis可以将数据复制到任意数量的从机中。2)异常快Redis非常快，每秒可执行大约110000次的设置(SET)操作，每秒大约可执行81000次的读取/获取(GET)操作。支持丰富的数据类型 - Redis支持开发人员常用的大多
2021-05-26 15:55:02
201
原创 H5前端：小程序交互中的下拉刷新
在小程序中onLoad生命钩子只在页面创建时调用一次，在做navigateTo页面跳转后，返回上级页面，由于navigateTo跳转只是隐藏了当前页面，因此返回上一级页面时onLoad生命钩子不会再次执行，这样带来的好处是页面能快速展示出来，但是onLoad中的请求数据不会实时更新，这时候就需要一个下拉刷新的操作来帮助用手动更新页面数据，接下来这篇文章将会介绍小程序中实现下拉刷新的三种方式enablePullDownRefreshenablePullDownRefresh是最容易实现下拉刷新的方法，在j
2021-05-25 17:14:01
631
原创 手写数组高级API reduce和reduceRight
一、概述reduce() 和reduceRight() 都是JavaScript中数组非常核心的API，也可以算是数组最复杂，功能最强大的api了，那么下面老师给大家讲解一下这两个API的用法，以及手写实现。二、用法reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。简单的说，就是：计算、汇总、收敛。reduceRight() 功能和reduce是类似的，只不过迭代的过程是从右往左的。reduceRight() 方法接受一个函数作为累加
2021-05-25 17:12:43
203
原创 浅析vue源码之 vue之挂载
Vue 中我们是通过 mount实例方法去挂载vm的，mount 实例方法去挂载 vm 的，mount实例方法去挂载vm的，mount 方法在多个文件中都有定义，如 src/platform/web/entry-runtime-with-compiler.js、src/platform/web/runtime/index.js、src/platform/weex/runtime/index.js。因为 $mount 这个方法的实现是和平台、构建方式都相关的。我们在纯前端浏览器环境分析 Vue 的工作原理，有
2021-05-25 17:11:48
369
1
原创 TypeScript中的类型详解
2021年，TypeScript非常火热，前端的各大主流框架和工具，都在向TypeScript靠拢，TypeScript让前端开发复杂大型项目更加严谨。极大的降低了代码出现bug的几率，也大大增强了代码的可维护性和可读性，代码即文档，TypeScript的这一理念，让TypeScript在前端大放异彩。那么接下来，我来讲讲TypeScrpt中的类型。首先，我们来对比一下JavaScript和TypeScript。JavaScript易学易用，非常灵活，可以随心所欲写代码，不容易报错。但是复杂代码生产环境
2021-05-25 17:10:24
371
1
原创 前端开发工具有哪些？哪一款最好用？
下面我们介绍四款比较常用的前端开发工具，具体哪一款最好用，因人而异，大家可以根据自己的情况，选择一款个人认为最好用的web前端开发工具。sublimeSublime Text凭借其漂亮的用户界面和极其强大的功能，被誉为“神级”代码开发工具。Sublime Text 支持多种编程语言的语法高亮，拥有优秀的代码自动完成功能。此处，它还拥有代码片段(Snippet)的功能，可以将常用的代码片段保存起来，在需要时随时调用。Sublime Text 支持 VIM 模式，可以使用VIM模式下的多数命令。Subl
2021-05-24 15:41:58
258
原创 Javascript多维数组是什么？
多维数组JavaScript它本身是没有多维数组的概念，因为在JavaScript中 数组元素的数据类型可以是任意数据类型。假设在一个数组中有一些数组元素的的类型还是数组 这个时候我们就将它称之为多维数组！一维数组简单来说，一个数组内所有的元素的数据类型的都不是数组类型，就是一维数组。多维数组超过一维都是可以叫多维，多维数组指的是一个数组中的元素又是一个数组。如何访问二维数组的里面的数组元素呢?格式：数组变量名[一维数组的下标][二维数组的下标];<script>
2021-05-24 15:40:02
204
原创 html网页设计常用的名词有哪些？
我们日常浏览网页，想必对Internet、www、http等等的网页名词都不陌生，那这些网页名词到底是什么意思呢？而且对于从事网页设计的工作人员来说，有必要知道一些相关的网页名词，下面就对几种常见的网页名词做一个简单的解释。Internet Internet就是通常所说的互联网，是由一些使用公用语言互相通信的计算机连接而成的网络。简单地说，互联网就是将世界范围内不同国家、不同地区的众多计算机连接起来形成的网络平台。 互联网实现了全球信息资源的共享，形成了一个能够共同参与、相互交流的互动平台。通过
2021-05-24 15:36:48
3044
原创 JavaScript如何引入脚本文件？
JavaScript脚本文件的引入方式和CSS样式文件类似。在HTML文档中引入JavaScript文件主要有三种，即行内式、嵌入式、外链式。接下来，我们将对JavaScript的三种引入方式做详细讲解。 1. 行内式 行内式是将JavaScript代码作为HTML标签的属性值使用。例如，单击“test”时，弹出一个警告框提示“Happy”，具体示例如下：JavaScript还可以写在HTML标签的事件属性中，事件是JavaScript中的一种机制。例如，单击网页中的一个按钮时，就会触发按钮的单击
2021-05-24 15:26:48
770
原创 怎样使用H5头部标签？具体代码演示
制作网页时，经常需要设置页面的基本信息，如页面的标题、作者、和其他文档的关系等。为此HTML提供了一系列的标签，这些标签通常都写在head标签内，因此被称为头部相关标签。本节将具体介绍常用的头部标签。1.设置页面标题标签标签，之间的内容将显示在浏览器窗口的标题栏中。例如将页面标题设置为“轻松学习HTML5”，具体代码如下：轻松学习HTML5 上述代码对应的页面标题效果如图1所示。 ，一旦 HTTP 请求数量达到一定数量，资源请求就存在等待状态，这是很致命的，因此减少 HTTP 的请求数量可以很大程度上对网站性能进行优化。CSS Sprites：国内俗称 CSS 精灵，这是将多张图片合并成一张图片达到减少 HTTP 请求的一种解决方案，可以通过 CSS background 属性来
2021-05-21 15:58:52
125
原创 前端语义化的好处有哪些?为什么要做前端语义化？
前端语义化的好处有哪些?·去掉或者丢失样式的时候能够让页面呈现出清晰的结构·有利于SEO：可以和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重;·方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;·便于团队开发和维护，语义化更具可读性，遵循W3C标准，可以减少差异化。...
2021-05-21 15:57:19
203
原创 什么是jQuery？jQuery有哪些优势？
什么是jQueryjQuery是一款跨浏览器的开源JavaScript库，它的核心理念是write less, do more (写得更少，做得更多)。通过对JavaScript代码的封装，使得DOM、事件处理、动画效果Ajax等功能的实现代码更加简洁，有效地提高程序开发效率。jQuery最初由John Resig在2006年1月正式发布，吸引了众多来自世界各地的JavaScript高手的关注。与jQuery相继诞生的JavaScript库还有很多，常见的有Prototype、ExtJS、Mootool
2021-05-20 15:16:42
2407
原创 js中的原型(prototype)是什么?如何理解?
JavaScript是一种通过原型实现继承的语言与别的高级语言是有区别的，像java，C#是通过类型决定继承关系的，JavaScript是的动态的弱类型语言，总之可以认为JavaScript中所有都是对象，在JavaScript中，原型也是一个对象，通过原型可以实现对象的属性继承，JavaScript的对象中都包含了一个“prototype”内部属性，这个属性所对应的就是该对象的原型。“prototype”作为对象的内部属性，是不能被直接访问的。所以为了方便查看一个对象的原型，Firefox和Chrome
2021-05-20 15:12:22
455
原创 HTML5的优势有哪些？
从HTML4.0、XHTML到HTML5，从某种意义上讲，这是HTML描述性标记语言的一种更加规范的过程。因此，HTML5并没有给开发者带来多大的冲击。但HTML5增加了很多非常实用的新功能和新特性，下面具体介绍HTML5的一些优势。1、 解决了跨浏览器问题在HTML5之前，各大浏览器厂商为了争夺市场占有率，会在各自的浏览器中增加各种各样的功能，并且不具有统一的标准。使用不同的浏览器，常常看到不同的页面效果。在HTML5中，纳入了所有合理的扩展功能，具备良好的跨平台性能。针对不支持新标签的老式IE浏览器
2021-05-20 15:11:16
3071
1
原创 什么是jQuery? jQuer能做什么？
jQuery是一套JavaScript的库，它简化了使用Javascript进行网页特效开发的一些复杂性，提供了对常见任务的自动化和复杂任务的简化，一经推出便大受网站建设人员的欢迎，目前基本上已经成为主流的JavaScript语言库，很多网站开发用人单位招聘时都会要求掌握jQuery，使用jQuery不仅能够将原本需要很多JavaScript 码才能实现的功能缩减为几行代码，而且提供了足够高速的性能，是每一个网站开发人员都应掌握的技能。什么是jQuery?JQuery实际上就是对现有的JavaScrip
2021-05-20 15:10:29
132
原创 什么是Spring Data?
SpringData 是一个用于简化数据库访问，并支持云服务的开源框架。主要目标是使得数据库的访问变得方便快捷，并支持 map-reduce 框架和云计算机数据服务。它支持基于关系型数据库的数据服务，如 OracleRAC等。对于拥有海量数据的项目，可以用 SpringData 来简化项目的开发，就如Spring Framework 对 JDBC,ORM 的支持一样，SpringData 会让数据访问变得更加方便。Spring Data特征·强大的存储库和自定义对象映射抽象·从存储库方法名称派生动态
2021-05-19 16:04:41
285
原创 Redis持久化方式RDB和AOF的优缺点
Redis 提供了两种持久化的方式，分别是RDB(Redis DataBase)和AOF(Append Only File)。RDB，简而言之，就是在不同的时间点，将Redis 存储的数据生成快照并存储到磁盘等介质上。AOF，则是换了一个角度来实现持久化，那就是将Redis 执行过的所有写指令记录下来，在下次Redis 重新启动时，只要把这些写指令从前到后再重复执行一遍，就可以实现数据恢复了。RDB 和AOF 两种方式也可以同时使用，在这种情况下，如果Redis 重启的话，则会优先采用AOF 方式来进
2021-05-19 16:03:26
329
原创 2021年热门的Java开源项目工具有哪些？
热门的Java开源项目工具有哪些？对于程序员来讲，在工作中选择适合的项目开发框架可以大大的提高工作效率，今天这里就介绍一些热门的Java开源项目工具：JimuReport、dolphinscheduler、sa-token、Signal-Server、soul、Arthas、kafka、Seata、miaosha、Rocketmq、Nacos等。1、JimuReport一款免费的数据可视化工具，报表与大屏设计！类似于excel操作风格，在线拖拽完成报表设计！功能涵盖: 报表设计、图形报表、打印设计、大屏
2021-05-19 16:01:23
201
原创 Spring框架的优点有哪些？
Spring具有简单、可测试和松耦合等特点，从这个角度出发，Spring不仅可以用于服务器端开发，也可以应用于任何Java应用的开发中。关于Spring框架优点的总结，具体如下：● 非侵入式设计Spring是一种非侵入式（non-invasive）框架，它可以使应用程序代码对框架的依赖最小化。● 方便解耦、简化开发Spring就是一个大工厂，可以将所有对象的创建和依赖关系的维护工作都交给Spring容器管理，大大的降低了组件之间的耦合性。● 支持AOPSpring提供了对AOP的支持，它允许将一
2021-05-19 16:00:32
271
原创 Java如何快速入门？怎样学习Java?
需要掌握： 1、 掌握静态方法和属性 2、 重现接口 3、 学好集合框架 4、 例外捕捉 5、多线程需要理解机理 6、了解网络编程一、掌握静态方法和属性静态方法和属性用于描述某一类对象群体的特征，而不是对单个对象的特征。Java中大量应用了静态方法和属性，这是一个通常的技巧。但是这种技巧在很多语言中不被频繁使用。理解静态方法和属性对于理解类与对象的关系是十分有帮助的，在大量的Java规范中，静态方法和属性被频繁使用，因此学习的时候应该理解静态方法和属性。Java在方法和属性的调
2021-05-18 16:30:44
52
原创 Redis持久化方式RDB和AOF的优缺点
Redis 提供了两种持久化的方式，分别是RDB(Redis DataBase)和AOF(Append Only File)。RDB，简而言之，就是在不同的时间点，将Redis 存储的数据生成快照并存储到磁盘等介质上。AOF，则是换了一个角度来实现持久化，那就是将Redis 执行过的所有写指令记录下来，在下次Redis 重新启动时，只要把这些写指令从前到后再重复执行一遍，就可以实现数据恢复了。RDB 和AOF 两种方式也可以同时使用，在这种情况下，如果Redis 重启的话，则会优先采用AOF 方式来进
2021-05-18 16:29:36
158
原创 什么是java四大引用?Java引用介绍
什么是java四大引用?是JDK1.2版本开始引入，把对象的引用分为4个等级，我们平时学习的就是四种的第一级的强引用，说白了，就Object o = new Object()，四个引用分别是强引用、软引用、弱引用和虚引用，请记住它们的顺序!因为这是它们对内存的敏感程度!等级： 强 > 软 > 弱 > 虚它们有什么作用?·灵活的控制对象的生命周期·提高对象的回收机率理论加代码分析:1、什么是强引用强引用就是我们平时使用的对象方式，也是使用最多的一种方式，请记住不管内存紧张也罢
2021-05-18 16:27:53
73
原创 Docker使用的底层技术有哪些？
Docker使用了一系列的底层技术来充分发挥其技术特色，这些底层技术包括有Namespaces、Control groups、Union file systems和Container format等，其具体含义如下。Namespaces（名称空间）Docker使用名称空间来为容器提供隔离的工作空间。当一个容器运行时，Docker就会为该容器创建一系列的名称空间，并为名称空间提供一层隔离。每一个容器都运行在相对隔离的环境下，对其他名称空间是相对受限的。Control groups（控制组）基于
2021-05-18 16:25:34
1416
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人