web前端
关注
分享
扫一扫
義風！
这个作者很懒，什么都没留下…
展开
-
前端之JS逻辑运算
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！阿雨博客CSS部分更新完了，接下来是有趣的JS部分，就跟随阿雨的步伐走进web世界吧！逻辑或运算逻辑与运算（&&）,只有两个操作数都为true时，才返回true，否则都返回false辨如果左侧整式为氐屁，则直接短路返回雄寫回g .新步，计算第1个操作数（左侧表达式）的值第2步,检测第1个操作数的值...原创 2019-11-24 01:57:53 · 1008 阅读 · 0 评论 -
JS基本运算
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！阿雨博客CSS部分更新完了，接下来是有趣的JS部分，就跟随阿雨的步伐走进web世界吧！算术运算加法运算特殊操作数的求和运算加算符能够根据特殊操作数的数据类型，决定是相加操作还是相连操作提示：在使用加法操作时，应该先检查数据类型是否合理减法运算特殊操作数的减法运算、在减法运算中，如果数字为字符串，先尝试...原创 2019-11-22 01:12:27 · 276 阅读 · 0 评论 -
前端之类型转换（二）
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！阿雨博客CSS部分更新完了，接下来是有趣的JS部分，就跟随阿雨的步伐走进web世界吧！一，转换为数字常用值转换为数字说明如卜，1 => 1 => n0 true => 1false Wfl => 0 => 0Undefined => NaNnull => 0NaN ...原创 2019-11-21 02:45:34 · 1118 阅读 · 0 评论 -
Nginx那些事儿
Nginx这大哥近些年可谓是顺风顺水，Nginx逐步进入高速发展的时期，从各类主流的IT媒体到各大著名的IT论坛，我们不时能够看到它的身影。阿雨总结了一些为啥这老哥能够出人头地的几个主要原因，如有偏差，轻点喷啊！Nginx的成功要归功于以下几点在设计之初就已经形成的不同于其他同类产品的设计理念和架构体系。功能强大，操作简单开源啊（铁子，这点很重要啊）这哥们就是创始人（阿雨感觉还没...原创 2019-11-20 11:41:27 · 190 阅读 · 0 评论 -
前端之JS类型转换
JS能够根据运算环境自动转换值的类型，以满足类型需要，数据类型自动转换列表如下图：一，转换为字符串1 -------》 “1”0 -------》“0”true -------》“true”false -------》false“” --...原创 2019-11-18 23:27:09 · 610 阅读 · 0 评论 -
前端之JS类型检测
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！阿雨博客CSS部分更新完了，接下来是有趣的JS部分，就跟随阿雨的步伐走进web世界吧！一.使用constructorconstructor是Object类型的原始属性，它能够返回当前对象的构造器（类型函数）。利用该属性，可以检测复合型数据的类型，如对象，数组，和函数等。结合typeof运算符和constructor...原创 2019-11-17 23:36:55 · 594 阅读 · 0 评论 -
前端JS之数据类型
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！阿雨博客CSS部分更新完了，接下来是有趣的JS部分，就跟随阿雨的步伐走进web世界吧！今天说的是JS中的数据类型分为两种：简单的值（原始值）和复杂的数据结构（大多指对象）。{1}值包括布尔值，数字，字符，还有两个特殊值，null（空值）和uundefined（为定义）。{2}对象包括狭义的对象，数组和函数ty...原创 2019-11-15 00:12:50 · 738 阅读 · 0 评论 -
前端之Js基础篇
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！阿雨博客CSS部分更新完了，接下来是有趣的JS部分，就跟随阿雨的步伐走进web世界吧！在HTML页面中嵌入JS脚本需要使用今天来说一下里面的变量，变量呢相当于容器，值相当于容器内的数据，而变量名就是操作容器内的数据的句柄。一.生命变量在JS中，声明变量使用var语句在一个var语句中，可以声明一个或多个变量，也可...原创 2019-11-14 00:55:09 · 228 阅读 · 0 评论 -
CSS3过渡动画（四）
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。废话不多说，上干货帧动画一，定义关键帧设计帧动画之前，应该先定义关键帧，CSS3使用@keyfrances命令来定义关键帧参数如下：animationname：定义动画名...原创 2019-11-11 23:12:03 · 196 阅读 · 0 评论 -
CSS3过渡动画（三）
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。废话不多说，上干货一，响应式动画第一步，新建HTML文档，构建文档结构第二步，设计主要结构的CSS样式，这里将注意力集中在整体布局上。整体设计在默认情况下页面容器的固定宽...原创 2019-11-10 23:56:26 · 285 阅读 · 0 评论 -
CSS3过渡动画（二）
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。废话不多说，上干货：focus伪类通常会在表单对象接收键盘响应时出现当文本框获取焦点时，文本框背景颜色会逐步高亮显示设计过程：第一步，新建HTML5文档，设计表单结构...原创 2019-11-09 19:43:44 · 191 阅读 · 0 评论 -
css3过渡动画（一）
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。废话不多说，上干货第一步，设计菜单结构。在每个菜单项中包含两个子标签：和,设计菜单仅显示一个子标签，当光标经过时，翻转显示另一个子标签第2步，设计菜单项样式，固定大小，相对...原创 2019-11-08 23:01:38 · 138 阅读 · 0 评论 -
CSS3动画之变形记
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。废话不多说，上干货定义2D变形主要通过下列函数实现rotate（）：旋转对象，取值包括 度，弧度，梯度，圈scale（）：缩放对象，分别定义宽度和高的缩放比列，参数大于1...原创 2019-11-07 22:27:54 · 151 阅读 · 0 评论 -
CSS3自适应布局
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。废话不多说，上干货上为手机，下为pc，自适应小讲堂开课啦！第1步，设计思路，根据不同的设备，转换表格和列第2步，实现技术，使用CSS3媒体查询中的media关键字，检测屏...原创 2019-11-06 23:23:21 · 2567 阅读 · 0 评论 -
CSS3表格之表格样式（一）
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。废话不多说，上干货一，今天只要提及两个表格，分别是斑马表格和圆角表格以下是斑马表格，效果如下第一步，新建HTML5文档（省略）第二步，定义表格样式，表格样式里面包括3部分...原创 2019-11-05 22:19:09 · 960 阅读 · 0 评论 -
css超链接之新闻列表
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。废话不多说，上干货今天给大家带来的是新闻列表新闻栏目呢大多使用列表结构构建，然后通过css3进行美化，下面阿雨给大家介绍的是一种较简单的列表版式设计过程如下：第一步，新建...原创 2019-11-04 22:10:38 · 2489 阅读 · 0 评论 -
css超链接之列表栏目（二）
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。废话不多说，上干货今天给大家带来的是列表栏目里的图片预览，展示一下效果。图片在默认状态情况下以缩略图的形式给浏览者，但是不压缩属性，光标悬停效果在CSS3主要利用.hover...原创 2019-11-03 22:25:50 · 241 阅读 · 0 评论 -
CSS超链接之列表栏目（一）
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。废话不多说，上干货首先尼，新建个HTML文档（这里就省略了啊），然后在编写Tab选项结构。然后呢，跟你们解释一下，框包含的内容是菜单栏，框包含的是面板内容。其次呢，在样式表中...原创 2019-11-02 22:51:37 · 342 阅读 · 0 评论 -
CSS基础篇（二）
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。废话不多说，上干货基础选择器1.通用选择器：匹配页面中所有的元素*{样式声明；} ——效率低，尽量少用2.元素选择器：定义页面某一标签的默认样式元素{样式声明；}3...原创 2019-10-30 21:42:12 · 157 阅读 · 0 评论 -
CSS砖头盖大楼（一）
CSS作用：1.以统一的方式实现样式的定义2.提高页面样式的可重用性和维护性层叠样式表，级联样式表，简称;样式表实现了内容（HTML）与表现（CSS0）的分离3.CSS与HTML之间的关系HTML：构建网页结构CSS： 构建HTML元素样式4.HTML属性与CSS样式的使用原则W3C：建议尽量使用CSS样式取代HTML属性 ；colspan属性在CSS中没有方式能够取代...原创 2019-10-29 22:06:58 · 383 阅读 · 0 评论 -
WEB前端之HTML基础标记（附赠常用开发工具）
2.基本的页面结构<!doctype html>——文档类型说明 网页根标记，页面<head> <head>网页头部</head> <title>Insert a title</title> <title>网页标题...原创 2019-10-27 22:21:10 · 749 阅读 · 0 评论 -
WEB前端之html基础（三）
1、图像和链接1、URL地址1、分类1、绝对路径1、引用互联网资源协议名主机名(IP地址，域名)目录路径文件名2、本机文件从文件所在的最高目录处(盘符)开始2、相对路径通过 文件间的位置关系 找到资源文件1、同目录，直接用2、子目录，先进入3、父目录，先返回(…/)3、根相对路径永远都是从WEB站点所在的根目录处开始查找语法：/2、图像1、语法2、属...原创 2019-09-11 09:10:55 · 127 阅读 · 0 评论 -
WEB前端之HTML基础（图像链接篇）
图像和链接1、URL1、目录 & 目录结构目录：WEB站点中文件夹的名称目录结构：由目录以及子目录形成复杂结构2、URLURL(Uniform Resource Locator)统一资源定位符作用：用来标识网络中资源的位置资源：图片，网页，音视频…俗称：路径(地址)URL在WEB页面上有三种表现形式:1、绝对路径2、相对路径3、根相对路径3、路径详解(重点)...原创 2019-09-09 15:13:12 · 1832 阅读 · 0 评论 -
WEB前端-html基础篇
1、HTML概述1、什么是HTMLWeb页或Web应用，就是互联网上的一个网页程序，通常以 .html或.htm作为后缀的文件WEB页是由HTML编写而成HTML：(Hyper Text Markup Language),超文本标记语言a : 26个字符中的首字符超文本a:超链接的功能 b : 26个字符中的第二个字符 超文本b:给文字加粗 Markup :标记，规定了超文本的...原创 2019-09-06 11:24:25 · 133 阅读 · 0 评论