Html/CSS博客_推荐博文

04 21

vuex应用状态管理和axios网络请求响应

vuex应用状态管理和axios网络请求响应Vuex插件的安装在vue项目目录下执行如下命令：npm install vuex@3.6.2 --save安装完成后，在package.json的项目配置文件中显示出vuex安装版本.手动在项目的src目录下创建store文件夹和index.js文件，index.js文件内容如下。该文件内容就是Vuex进行状态集中管理的仓库。impo

数据

vue

axios

vuex

推荐原创

springboot葵花宝典 33天前

1352 阅读

4 点赞

2 评论

1 收藏

04 20

前端VueRouter解析

前端VueRouter解析VueClI2项目构建过程中安装VueRouter我们学习了使用vue init webpack [project-name]命令快速构建Vue项目脚手架。如果需要在项目中加入VueRouter，在项目配置填写的阶段Install vue-touter？填写Y(Yes)。使用VueRouter开发第一个demo 第一个示例很简单，创建一个单页面应用。这个单页面应用

懒加载

映射关系

重定向

vuerouter

vue

推荐原创

springboot葵花宝典 34天前

586 阅读

1 评论

VUE深度解析

VUE深度解析ES6语法-var-const-let用法详解javascript作用域javascript只有函数作用域，没有块级作用域。即在dunction里面定义的变量是有作用域的，if、for等代码块定义的变量是没有作用域的。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8

数据

html

作用域

vue

推荐原创

springboot葵花宝典 34天前

365 阅读

04 15

Vue基础知识总结(三):快速构建Vue项目

?个人主页：程序员阿红(https://blog.51cto.com/u_13902521)??支持我：点赞?收藏⭐️留言?1.什么是VuecliVuecli是基于Vue的应用开发提供的一个标准的脚手架工具.为应用搭建基础的框架结构,提供插件、开发服务、Preset、构建打包功能Vuecli背后集成了现代化开发的诸多功能,通过简单的命令就可以完成"零配置"的项目环境搭建2.安装Vuecli步骤在安

node.js

服务端

javascript

推荐原创

程序员阿红 39天前

320 阅读

04 04

#yyds干货盘点#

动态资源技术JSP｜Java与Html的美好相遇

你想要的动态Web资源技术JSP，这里都有，万字长文带你一睹Java与Html的美好相遇！

jsp页面

服务器

JSP

Session

Cookie

推荐原创

浅羽技术 50天前

612 阅读

03 30

#yyds干货盘点#

Vue基础知识总结(二)：进阶篇

1.0 MVVM模式MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式。MVVM模式将页面,分层了 M 、V、和VM ,解释为：Model: 负责数据存储View: 负责页面展示View Model: 负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视图展示<body> <div id="app">

html

css

Vue

javascript

router

推荐原创

程序员阿红 55天前

1615 阅读

02 25

#yyds干货盘点#

#yyds干货盘点# CSS盒子模型

CSS盒子模型在CSS中算是比较重要的部分了，他已经开始涉及到网页布局和设计了，对于这一块内容要引起重视，多加练习。

盒模型

css

页面布局

HTML

网页布局

推荐原创

微风洋洋 88天前

4311 阅读

1 点赞

2 收藏

02 17

#yyds干货盘点#

3图

#yyds干货盘点# 洋哥表单，看了都说好

洋哥表单，看了都说好。表单精心总结，快速掌握

表单

HTML

CSS

前端

标签

推荐原创

微风洋洋 96天前

498 阅读

1 点赞

1 收藏

01 12

Bootstrap实战 - 响应式布局

响应式布局就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。导航栏与轮播在大部分网站的头部占很高的比重，特别是导航栏，扮演着网站地图的角色。在响应式布局中，要求导航栏能够根据终端屏幕大小显示不同的样式。

bootstrap

导航栏

ico

响应式布局

栅格

推荐原创

后除MZ 132天前

1497 阅读

1 点赞

1 收藏

12 31

#yyds干货盘点#

#yyds干货盘点#7个场景让你深入理解min/max - width/height

创作不易，点个赞再看呗! 前言日常开发的时候，大家有么有遇到下面这种情况：设置一个盒子，但是我们不知道有没有内容，并且有多少内容我们也不能确定，而且又不想出现滚动条，这个时候我们就不能设置具体高度，但是我们可以设置min-height来用最小的高度撑开盒子，并且随着内容的多少，盒子的高度可以动态调整，这样是不是就满足了我们的要求。min/max 宽高这个我们不常用的属性，在某些时候还是能发挥奇效

最小宽度

属性值

默认值

推荐原创

半夏话前端 144天前

1947 阅读

2 点赞

12 30

#yyds干货盘点#

CSS实现一只自由飞翔的鸟儿?#yyds干货盘点#

?前言前几天在逛社区时，偶然发现一个非常赏心悦目得小鸟飞翔效果，并且是纯css实现的，具体可以看一下效果。!flybird.gif(https://s2.51cto.com/images/20211230/1640850656820522.gif)这不由让我大感惊奇，css的世界可谓是渊博如海，让人又爱又恨。我是一只小小小小鸟，想要飞呀飞却飞也飞不高，我寻寻觅觅寻寻觅觅一个，温暖的怀抱?????进

css

飞翔的小鸟q

前端

css3

推荐原创

战场小包 145天前

6355 阅读

2 点赞

2 收藏

12 29

#yyds干货盘点#

#yyds干货盘点#Console 3000字完整指南，让你不只会用console.log !

创作不易，求一个免费的赞，谢谢啦！！！。前言为啥会突然想起写一篇关于console的文章？笔者接触JS也不少时间了，除了用vscode的debuger，其实大部分时间都在使用console.log()方法来输出一些或者调试程序，我相信很多刚开始接触JS的同志，应该也都习惯使用console.log()。但是log的能力是有限的，并不能满足所有的场景。比如我们相用表格数据对象。下面这张图

数组

chrome

火狐浏览器

推荐原创

半夏话前端 146天前

1345 阅读

#yyds干货盘点#

小程序自定义配置顶部栏#yyds干货盘点#

app.json "window": { "navigationStyle": "custom"//自定义需要配置的内容 },app.jsApp({ onLaunch: function () { // 获取顶部栏信息 wx.getSystemInfo({ success: res => { //导航高度 this.globalD

自定义

ico

xml

推荐原创

橘子皮放久了的陈 146天前

1296 阅读

1 点赞

12 26

#yyds干货盘点#

#yyds干货盘点#还在用JS计数吗？来试试纯CSS计数器！！！

创作不易，点个赞再看呗! 关注专栏，让你走进CSS世界的深处前言不知道有多少人做过自己的博客，在生成文章目录的时候，有没有人是下图样式的：会在标题前面加上数字编号的，大部分的实现方案是什么呢？我一开始是在遍历的时候加上数字编号的，不过这样的JS代码很多。需要判断层级数很麻烦。直到我发现纯css的counter属性！计数器CSS的计数器通过在 content 上应用 counter() 或 cou

重置

css

嵌套

推荐原创

半夏话前端 149天前

1426 阅读

12 23

#yyds干货盘点#

带你了解HTML基本标签的使用#yyds干货盘点#

@toc(目录)前言在浏览器的地址栏中输入一个网址，就会查阅到相应的网页内容。在网页中包含很多内容，如文字、图片、动画，以及声音和视频等。网页的最终目的是为访问者提供有价值的信息。提到网页设计，不得不提到HTML标记语言，HTML的全称是HypertextMarkupLanguage，即超文本标记语言。HTML用于描述超文本中内容的显示方式。使用HT

html

表单

属性值

#yyds干货盘点#

推荐原创

toplabs 152天前

604 阅读

1 点赞

1 收藏

12 21

#yyds干货盘点#

#yyds干货盘点#24张图攻克border-image

theme: channing-cyan这是我参与8月更文挑战的第13天，活动详情查看：[8月更文挑战](https://juejin.cn/post/6987962113788493831 "https://juejin.cn/post/6987962113788493831")读不在三更五鼓，功只怕一曝十寒。看完觉得有收获的，点个赞呗！！！前言前有background-image 为背景增光

九宫格

背景图

谷歌浏览器

CSS

推荐原创

半夏话前端 154天前

1423 阅读

12 16

#yyds干货盘点#

#yyds干货盘点#一次性解决text-justify，text-orientation等冷门属性文本属性

读不在三更五鼓，功只怕一曝十寒。看完觉得有收获的，点个赞呗！！！前言在上中两篇介绍文本属性的时候，我们基本已经学会了很多之前没有使用过的属性，今天我们接着来看更多的文本属性，CSS的世界是精妙的，无尽的，仅仅希望同这三篇文章，可以入得CSS的基础门。人生短暂，学无止尽。text-justify兼容性此属性目前被列为“有风险”在候选推荐期间被丢弃。因此，不建议在生产中使用此属性，因为它不太可能在不久

ide

css

默认值

推荐原创

半夏话前端 159天前

597 阅读

12 14

#yyds干货盘点#

#yyds干货盘点# animation-delay负值妙用，你不来了解一下吗

?前言小包上一篇文章讲述如何实现随机不规则圆角头像时，其中一种方案通过妙用animationdelay负值和paused进行实现，这不由让我对animationdelay负值产生巨大兴趣，经过几天的学习，我发现animationdelay负值的独特特性带来的威力真是非同小可。可以先来看一下使用animationdelay负值实现的loading功能!musicloading.gif(https:/

css

前端

loading

animation

推荐原创

战场小包 161天前

1762 阅读

2 点赞

1 收藏

12 05

Bootstrap实战 - 瀑布流布局

讲Bootstrap基础的教程网上已经很多了，实际上Bootstrap中文网（bootcss.com）里的文档已经写的很详细了，但实战的案例却不多。这里用一些当前流行的网页布局为导向，使用Bootstrap中的样式来完成它。每次只讲与案例相关的知识点，边学边练，加强理解。练习本案例需有HTML/CSS基础。一、案例介绍瀑布流是近几年流行起来的一种网页布局，视觉表现为参差不齐的多栏布局，本案例便是使

Bootstrap

CSS3

布局

栅格

瀑布流

推荐原创

后除MZ 170天前

1145 阅读

11 12

css有了css变量这个神器，我再也不需要less和sass了

用过sass或less的都知道，主要他们可以有嵌套和变量以及函数功能，其实在原生css中，已经开始逐渐支持，诚然目前只有你我熟知，而他人还处在萌芽中，了解css变量，你会发现CSS从此变得异常强大。变量的声明声明变量的时候，变量名前面要加两根连词线（）css//局部声明body{foo:ed145b;bar:F7EFD2;}//全局声明:root{foo:ed145b;bar:F7EFD2;}例如

css

javascript

f5

字符串

ide

推荐原创

前端纸非机 193天前

6048 阅读

1 收藏

10 21

Element-ui中表单（Form）校验的几种形式及表单嵌套表格含上传（Upload）组件的

1.Elementui中表单（Form）校验的几种形式1.1基础/自定义在elform上绑定rules，rlues为校验规则，在elformitem上绑定对应的prop；自定义规则，validator：checkAge，自定义规则的函数。详细的可查看element文档http://elementcn.eleme.io//zhCN/component/form(https://element.ele

element-ui

推荐原创

明天也要努力 215天前

2346 阅读

17 点赞

1 评论

1 收藏

09 28

技术干货｜ Native 页面下如何实现导航栏的定制化开发？

很多 mPaaS Coder 在接入 H5 容器后都会对容器的导航栏进行深度定制，本文旨在通过不同实际场景的描述，供大家参考完成 Native 页面的定制化开发。

H5

Native

移动开发平台

mPaaS

推荐原创

mPaaS 238天前

2141 阅读

09 23

好看视频Android重构——围绕于播放器的重构实践

!图片(https://s4.51cto.com/images/blog/202109/23/a3ef16793af27ec74a860ddf77074bca.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZ

前端

推荐原创

百度Geek说 243天前

6329 阅读

09 22

测试开发之前端篇-CSS层叠式样式表

CSS是层叠样式表(Cascading Style Sheets)的缩写，用于描述如何在屏幕、纸张或其他媒体上显示HTML元素，包括了定义网页及其元素的布局、风格、大小、位置和颜色等属性。

css

HTML

推荐原创

禅道项目管理 244天前

2723 阅读

1 点赞

09 09

web性能优化—— 打包构建优化

作者：麦乐来源：恒生LIGHT云社区(https://developer.hs.net/thread/1328"恒生LIGHT云社区")压缩与合并资源的合并与压缩所涉及的优化点包括两方面：一方面是减少HTTP的请求数量，另一方面是减少HTTP请求资源的大小。下面我们将详细探讨：HTML压缩、CSS压缩、JavaScript压缩与混淆及文件合并。HTML压缩什么是HTML压缩？!370243400E

web

前端

HTML

CSS

Javascript

推荐原创

恒生LIGHT云社区 257天前

2273 阅读

08 11

04 * 解决浮动带来的影响 * 溢出属性 * z-index

分组与嵌套python多个选择器可以并列公用一套css样式div,p,span{}不同选择器之间也可以混合使用.c1,d1span{}伪类选择器pythona:link{}a:hover{}需要记忆a:active{}a:visited{}input:focus{}input框获取焦点伪元素选择器pythonp:firstletter{}通过css加文本内容但是无法选中p:before{}p:af

解决浮动带来的影响

透明度opacity

定位

脱离文档流

推荐原创

LSYUA 286天前

224 阅读

03 HTML分组与嵌套伪类选择器伪元素选择器选择器优先级 css属性相关

每日测验python"""今日考题1.列举字符串,列表，元组，字典每个常用的五个方法2.描述下列常见内置函数的作用可用代码说明map,zip,filter,sorted,reduce3.列举你所知道的面相对象中的__开头__结尾的方法及作用，越多越好4.写出form标签几个关键性的属性及作用5.列举你所知道的css选择器"""昨日内容回顾表格标签html<table<thead<tr一个tr就是一

选择器优先级

css属性相关

伪元素选择器

推荐原创

LSYUA 286天前

258 阅读

08 02

#导入MD文档图片# 使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序

今天我将使用Weather和UnsplashAPI以及倾斜效果和玻璃形态外观创建凉爽的天气应用程序@TOC(⛅Weather.io☔)很高兴又见面了！

#导入MD文档图片#

推荐原创

海拥haiyong 295天前

10000+ 阅读

1 点赞

07 26

02 html表单标签 CSS 层贴样式

* 表格标签(只要是展示数据一般都可以使用表格标签) * 表单标签(重要:获取前端用户数据发送给后端) * 偷窥一下后端框架的基本使用(flask) * css层贴样式表(选择器) ### 表格标签 ... 一个tr就表示一行 username 加粗文本 username 正常文本

CSS：

from表单：

html基础：

推荐原创

LSYUA 302天前

256 阅读

07 22

01 html 基础标签使用

```python HTML:网页的骨架没有任何的样式 CSS:给骨架添加各种样式变得好看 JS:控制网页的动态效果前端框架:BOOTSTRAP、JQuery、Vue 提前给你封装好了很多操作你只需要按照固定的语法调用即可 ``` ### 软件开发架构 ```python cs 客户端服务端 bs 浏览器服务端 ps:bs本质也是cs ``` ### 浏览器窗口输

html

html各种标签

推荐原创

LSYUA 306天前

320 阅读

官方博客	意见反馈	了解我们
全部文章	联系我们	网站地图
热门标签

51CTO博客

全部

Html/CSS

JavaScript

jQuery

Node.js

XML/XSL

其他

PHP

vuex应用状态管理和axios网络请求响应

前端VueRouter解析

VUE深度解析

Vue基础知识总结(三):快速构建Vue项目

动态资源技术JSP｜Java与Html的美好相遇

Vue基础知识总结(二)：进阶篇

#yyds干货盘点# CSS盒子模型

#yyds干货盘点# 洋哥表单，看了都说好

Bootstrap实战 - 响应式布局

#yyds干货盘点#7个场景让你深入理解min/max - width/height

CSS实现一只自由飞翔的鸟儿?#yyds干货盘点#

#yyds干货盘点#Console 3000字完整指南，让你不只会用console.log !

小程序自定义配置顶部栏#yyds干货盘点#

#yyds干货盘点#还在用JS计数吗？来试试纯CSS计数器！！！

带你了解HTML基本标签的使用#yyds干货盘点#

#yyds干货盘点#24张图攻克border-image

#yyds干货盘点#一次性解决text-justify，text-orientation等冷门属性文本属性

#yyds干货盘点# animation-delay负值妙用，你不来了解一下吗

Bootstrap实战 - 瀑布流布局

css有了css变量这个神器，我再也不需要less和sass了

Element-ui中表单（Form）校验的几种形式及表单嵌套表格含上传（Upload）组件的

技术干货｜ Native 页面下如何实现导航栏的定制化开发？

好看视频Android重构——围绕于播放器的重构实践

测试开发之前端篇-CSS层叠式样式表

web性能优化—— 打包构建优化

04 * 解决浮动带来的影响 * 溢出属性 * z-index

03 HTML分组与嵌套伪类选择器伪元素选择器选择器优先级 css属性相关

#导入MD文档图片# 使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序

02 html表单标签 CSS 层贴样式

01 html 基础标签使用

51CTO博客

vuex应用状态管理和axios网络请求响应

​前端VueRouter解析

VUE深度解析

Vue基础知识总结(三):快速构建Vue项目

动态资源技术JSP｜Java与Html的美好相遇

Vue基础知识总结(二)：进阶篇

#yyds干货盘点# CSS盒子模型

#yyds干货盘点# 洋哥表单，看了都说好

Bootstrap实战 - 响应式布局

#yyds干货盘点#7个场景让你深入理解min/max - width/height

CSS实现一只自由飞翔的鸟儿?#yyds干货盘点#

#yyds干货盘点#Console 3000字完整指南，让你不只会用console.log !

小程序自定义配置顶部栏#yyds干货盘点#

#yyds干货盘点#还在用JS计数吗？来试试纯CSS计数器！！！

带你了解HTML基本标签的使用#yyds干货盘点#

#yyds干货盘点#24张图攻克border-image

#yyds干货盘点#一次性解决text-justify，text-orientation等冷门属性文本属性

#yyds干货盘点# animation-delay负值妙用，你不来了解一下吗

Bootstrap实战 - 瀑布流布局

css有了css变量这个神器，我再也不需要less和sass了

Element-ui中 表单（Form）校验的几种形式 及 表单嵌套表格含上传（Upload）组件的

技术干货 ｜ Native 页面下如何实现导航栏的定制化开发？

好看视频Android重构——围绕于播放器的重构实践

测试开发之前端篇-CSS层叠式样式表

web性能优化—— 打包构建优化

04 * 解决浮动带来的影响 * 溢出属性 * z-index

03 HTML分组与嵌套 伪类选择器 伪元素选择器 选择器优先级 css属性相关

#导入MD文档图片# 使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序

02 html表单标签 CSS 层贴样式

01 html 基础 标签使用

前端VueRouter解析

Element-ui中表单（Form）校验的几种形式及表单嵌套表格含上传（Upload）组件的

技术干货｜ Native 页面下如何实现导航栏的定制化开发？

03 HTML分组与嵌套伪类选择器伪元素选择器选择器优先级 css属性相关

01 html 基础标签使用