我们在做页面布局的时候经常会有上下左右居中的设计，由于大部分的页面结构都是左右式排版页面是固定宽度的，而元素是自上而下排列，高度不固定。所以在页面中css实现左右居中比较容易，垂直居中就不太好实现了。
在css3之前我们前端技术人员要实现垂直居中布局往往需要绞尽脑汁的去解决各种浏览器兼容问题，而随着... ...
分类：
Web程序 时间：
2020-06-05 01:06:47
阅读次数：
94
在flex容器中默认存在两条轴，水平主轴和垂直的交叉轴，这是默认设置，当然可以通过修改相关属性使垂直方向变为主轴，水平方向变为交叉轴，在容器中，每个单元块称为flex item，每个flex item占据主轴空间为main size，占据交叉轴空间为cross size。 Flex容器 首先实现fl ...
分类：
Web程序 时间：
2020-06-05 01:09:43
阅读次数：
86
web最精妙的设计就是通过url把多个页面串联起来，并且可以互相跳转。我们开发系统的时候总是需要使用路由来实现页面间的跳转。传统的web开发主要是使用a标签或者是服务端redirect来跳转。那今天来看看Blazor是如何进行路由的。 使用@page指定组件的路由path 我们可以在Blazor里给 ...
分类：
Web程序 时间：
2020-06-05 09:11:06
阅读次数：
95
Node.js简介 Node.js是一个基于Chrome V8引擎的JavaScript运行环境，用来方便快速地搭建易于扩展的网络应用。Node.js使用了一个事件驱动、非阻塞式I/O的模型，使其轻量又高效，非常适合运行在分布式设备的数据密集型的实时应用。Node.js的包管理器npm，是全球最大的 ...
分类：
Web程序 时间：
2020-06-05 09:11:24
阅读次数：
82
所需要的技术有： 1、position（定位） 首先要了解position存在的意义： 元素可以使用的顶部，底部，左侧和右侧属性定位。 然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。 这里会用到的是absolute 定位，也就是绝对定位，这个绝对 ...
分类：
Web程序 时间：
2020-06-05 09:14:08
阅读次数：
85
延迟静态绑定是在php5.3中出现的一个概念，那么为什么会有这样一个东东呢？我们可以先来看看下面这个示例代码： class ClassA{ static public $a = 'I am ClassA';//定义一个静态变量$a public function getClassName() { r ...
分类：
Web程序 时间：
2020-06-05 09:14:59
阅读次数：
117
1.如何绑定事件 事件是发生在 HTML 元素上的事情，可以被javascript侦测到。如：div标签，点击这个div时，会在标签上发生一个点击事件 在dom0的标准中js动态绑定事件需要-元素.on事件名 = function(){ };或者是function(){};元素.事件名 = fn; ...
分类：
Web程序 时间：
2020-06-05 10:20:20
阅读次数：
92
工具栏元素通常位于头部和尾部内 - 让导航易于访问： 头部栏 头部栏一般包含页面标题/logo 或一两个按钮（通常是首页、选项或搜索）。 您可以添加按钮到头部的左侧或右侧。 下面的代码，将添加一个按钮到头部标题文本的左侧，添加一个按钮到头部标题文本的右侧： 实例 <div data-role="he ...
分类：
Web程序 时间：
2020-06-05 10:21:11
阅读次数：
76
在 这里 display:flex 需要兼容性处理，webpack 编译打包时，需要使用 postcss-loader 这个loader 和 postcss-preset-env 这个插件，它帮postcss找到package.json中browserslist里面的配置，通过配置加载指定的css兼 ...
分类：
Web程序 时间：
2020-06-05 10:21:41
阅读次数：
83
<html> <head> <title>添加、删除一行</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../js/jqu ...
分类：
Web程序 时间：
2020-06-05 10:24:15
阅读次数：
80
导航栏是由一组水平排列的链接组成，通常包含在头部或尾部内。 默认情况下，导航栏中的链接将自动变成按钮（不需要 data-role="button"）。 使用 data-role="navbar" 属性来定义导航栏： 实例 <div data-role="header"><div data-role= ...
分类：
Web程序 时间：
2020-06-05 10:26:25
阅读次数：
111
display inline/inline-block/block -->> 牛奶/果冻/坚果 inline: img, span, strong, em, i, em, a... inline-block: input, button, ...（table-cell元素） block: p, di ...
分类：
Web程序 时间：
2020-06-05 10:28:41
阅读次数：
73
前言 对于气泡对话框或者Popover与内容连接部分会有小三角形效果，可能在以前直接用图片去实现，其实用纯css即可实现，下面要实现的效果分别是微信对话框和面包屑，以此回顾记录一下。 效果如下： css写三角形原理 首先我们设置一个div元素的宽高和边框，观察效果 .demo1 { width: 4 ...
分类：
Web程序 时间：
2020-06-05 10:29:55
阅读次数：
77
jQuery Mobile 中的面板会在屏幕的左侧向右侧划出。 通过向指定 id 的 <div> 元素添加 data-role="panel" 属性来创建面板。 在 <div> 中添加 HTML 标记来显示你的面板内容： <div data-role="panel" id="myPanel"> <h ...
分类：
Web程序 时间：
2020-06-05 10:31:53
阅读次数：
105
1.判断当前js环境是否为严格模式 //定义并调用一个函数来确定当前脚本运行时是否为严格模式 var strict = (function() { return !this; })(); ...
分类：
Web程序 时间：
2020-06-05 11:35:44
阅读次数：
72
如果构造函数调用在圆括号内包含一组实参列表，先计算这些实参表达式，然后传入函数内，这和函数调用和方法调用是一致的。但如果构造函数没有形参，JavaScript构造函数调用的语法是允许省略实参列表和圆括号的。凡是没有形参的构造函数调用都可以省略圆括号，比如，下面这两行代码就是等价的: var o= n ...
分类：
Web程序 时间：
2020-06-05 11:41:00
阅读次数：
80
js 语法检查：eslint-loader eslint 只检查自己写的源代码，第三方的库不用检查 设置检查规则： package.json 中 eslintConfig 设置： browser：true 浏览器全局变量 airhub 代码规范：https://github.com/airbnb/j ...
分类：
Web程序 时间：
2020-06-05 12:48:19
阅读次数：
223
一直以为Apache就是直接通过Yum安装才可以。知道接触项目后，才发现居然还可以通过源码进行编译安装。按照以往编译安装的步骤，发现会报错，本文就是记录一下Apache的整个编译安装步骤。这个安装步骤有点奇葩，编译前需要额外下载几个文件到指定目录中 wget https://downloads.ap ...
分类：
Web程序 时间：
2020-06-05 12:57:43
阅读次数：
80
在本文中，我们快速浏览了Linux内核的许可流程，并向您展示了如何使用它们来保护您的网页或应用安全 传统上，Linux内核通过以下两类来区分其进程： 特权进程：这些进程使用户可以绕过所有内核权限检查。 非特权进程：这些进程需要进行完全权限检查，例如有效的UID，GID和补充组列表。 授予对用户进程的 ...
分类：
Web程序 时间：
2020-06-05 13:00:35
阅读次数：
68
前端开发学习路线知识点汇总，学习前端要熟练掌握前端开发HTML、CSS、JavaScript等核心技术，熟练掌握Vue、React、Angular三大流行框架；使用面向对象思想进行编程，掌握应对业务编程的能力以及常见兼容性方案；前后端分工开发流程、原生Ajax请求流程与细节，掌握常见跨域技巧等相关知 ...
分类：
Web程序 时间：
2020-06-05 13:02:51
阅读次数：
66
