1、什么是元素的显示模式 作用：网页的标签非常多，在不同的地方会用到不同类型的标签，了解他们的特点可以更好地布局我们的网页 元素的显示模式就是元素以什么方式来进行显示，比如<div>自己独占一行，一行又可以放多个<span> html一般分为块元素和行内元素两种类型 2、块元素 （1）常见的块元素： ...
分类：
Web程序 时间：
2020-05-31 21:41:52
阅读次数：
162
<!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.o ...
分类：
Web程序 时间：
2020-05-31 21:39:24
阅读次数：
92
一、 项目搭建准备工作 1. 创建maven web项目，配置Tomcat 具体见博文 2. 测试项目是否跑得起来 3. 导入项目中会遇到的jar包（maven依赖） servlet，jsp，mysql，jstl依赖 去这个网站找：https://mvnrepository.com/ <depend ...
分类：
Web程序 时间：
2020-05-31 21:39:11
阅读次数：
83
上次给大家简单介绍了html与css的基本组成部分，这一期给大家介绍下css的选择器吧！ 先给大家讲几种比较常用的吧。第一种基础选择器，类选择器，它的书写方式为.加上类名，类名是自定义的，写类名最好是见名知意，给大家举一个例子吧 <div class"shop"> .shop{ color:red; ...
分类：
Web程序 时间：
2020-05-31 21:37:45
阅读次数：
234
每天坚持一个CSS 滚动文字 效果图 图片描述：箭头指向部分，以白色为背景，从左向右滚动。（不适用于IE） 代码 html <div> 例子： <div class="box"> <span class="box-text">滚动的文字，我是滚动的文字</span> </div> </div> CS ...
分类：
Web程序 时间：
2020-05-31 21:31:21
阅读次数：
78
最近在学习.net core的微服务体系架构。微服务之间的通信常常通过gRPC进行同步通信，但是需要注意的是，大多数微服务之间的通信是通过事件总线进行异步通信。在微软介绍.net微服务体系架构的项目eShop中，微服务之间进行同步通信的场景很多，大多数都是HTTP/REST，目前只有自定义聚合器与微 ...
分类：
Web程序 时间：
2020-05-31 20:10:44
阅读次数：
93
大家好，这里是@IT·平头哥联盟，我是首席填坑官——苏南(South·Su)，今天要给大家分享的是SVG Sprites(也叫雪碧图)，所谓雪碧图，当然就不是我们常喝的雪碧饮料（Sprites）哦，哈哈～ 当下流程的移动端，手机型号太多太多，今天工作项目中突然发现还有同事在使用以前大家 曾经包括现在 ...
分类：
Web程序 时间：
2020-05-31 20:07:52
阅读次数：
84
1、什么是复合选择器 在css中，可以根据选择器的类型，把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上的，对基础选择器进行组合形成的 复合选择器可以更准确、更高效的选择目标元素（标签） 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的 常用的复合选择器：后代选择器、 ...
分类：
Web程序 时间：
2020-05-31 20:07:33
阅读次数：
128
每天一个CSS-社会人 实现效果 想法 之前看到一篇博客，使用python绘制出了小猪佩奇，所以自己想试一试，采用纯html + CSS绘制出低配版的小猪佩奇。 实现思路 使用上一篇，圆与边框实现。最后是一个组合图形，初学者都可以完成，可尝试。 缺点 1、低配版的小猪太圆润，后面会对整体图形进行修改 ...
分类：
Web程序 时间：
2020-05-31 20:07:21
阅读次数：
85
webpack tapable webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是tapable，核心原理是依赖于发布订阅模式; tapable注册函数的方法有三种：tap、tapAsync、tapPromise 相对应的执行方法也有三种：call、c ...
分类：
Web程序 时间：
2020-05-31 20:03:12
阅读次数：
74
在写js脚本的时候经常遇到对象为空或者不是对象的情况，出现这种情况我们可以用if去判断它，然后去执行相应的处理方法，具体判断他们的方法有以下几种： 1、if (typeOf(x) == "undefined") 2、if (typeOf(x) != "object") 3、if(!x) 其中第三种是 ...
分类：
Web程序 时间：
2020-05-31 19:54:21
阅读次数：
104
一般情况我通过 iconfont 或者 icomoon 来实现图标管理生成字体，导入到项目中使用。 ┌────────┐ ┌────────────┐ │iconfont│──┐ │ Project │ └────────┘ │ ┌────────────┐ ┌────────┐ │ ┌────── ...
分类：
Web程序 时间：
2020-05-31 19:50:00
阅读次数：
145
本文主要阐述移动端布局中常遇到的一些基本概念，这些概念也适用于PC端，这些概念大概有：像素（pixel），ppi，分辨率，物理像素（physical pixel）， CSS像素，设备独立像素（devicedependent pixel） 像素 像素是图像显示的基本单位，同时像素是一个抽象概念，是一个 ...
分类：
Web程序 时间：
2020-05-31 19:49:48
阅读次数：
70
最近在项目的过程中遇到了一个问题，menu-bar希望始终显示在最上面，而在之后的元素都显示在它之下，当时设置了 z-index 也没有效果，不知道什么原因，因此找了一下css有关层叠方面的资料，解决了这个问题，这里记录一下~ 屏幕是一个二维平面，然而HTML元素却是排列在三维坐标系中，x为水平位置 ...
分类：
Web程序 时间：
2020-05-31 19:47:02
阅读次数：
103
Vue中兄弟组件的通讯 1.空实例与自定义事件 $emit $on 2.Vuex状态管理 state mutation commit 空实例与自定义事件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta nam ...
分类：
Web程序 时间：
2020-05-31 19:40:09
阅读次数：
88
半透明边框 background-clip: 规定背景的绘制区域 .div { width: 200px; height: 200px; background: blue; border: 10px solid rgba(255, 170, 170, 0.3); background-clip: p ...
分类：
Web程序 时间：
2020-05-31 19:34:47
阅读次数：
74
最近遇到这样一个问题：原本用vue-cli2创建的项目，需要用vue-cli3重构。入口文件声明实例时候，使用的是render模式，而不是模板template。 new Vue({ router, render: h => h(App) }).$mount('#app') 而在我们原有的项目中，一些 ...
分类：
Web程序 时间：
2020-05-31 19:31:06
阅读次数：
124
