zhongbusi-优快云博客

原创 Flutter状态栏透明

if(Platform.isAndroid) { SystemChrome.setSystemUIOverlayStyle( SystemUiOverlayStyle(statusBarColor: Colors.transparent)); }

2020-11-11 22:35:50 554

原创 Flutter代理设置

FLUTTER_STORAGE_BASE_URL=https://mirrors.cloud.tencent.com/flutter （腾讯的镜像）PUB_HOSTED_URL=https://pub.flutter-io.cn

2020-11-10 00:10:24 2266

概述在一个大型项目中，由于页面过多，导致CSS代码难以维护和开发。所以CSS架构可以帮助我们解决文件管理与文件划分等问题。首先要对CSS进行模块化处理，一个模块负责一类操作行为。可利用Sass或Less来实现。文件夹含义base一些初始的通过CSS，如重置默认样式，动画，工具，打印等。components用于构建页面的所有组件，比如按钮，表单，表格，弹窗等。layout用于布局页面的不同部分，如页眉，页脚，弹性布局，网格布局等。pages放置页面之间

2020-07-21 02:46:53 307

原创 Sass与Less笔记

概述Sass和Less都属于CSS预处理器。CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程特性。如：变量、语句、函数、继承等概念。将CSS作为目标生成文件，然后开发者就只要使用何种语言进行CSS的编码编码工作语法1、注释2、变量、插值、作用域3、选择器嵌套，伪类嵌套、属性嵌套（Sass）4、运算、单位、转义、颜色5、函数6、混入、命名空间（Less）、继承7、合并、媒体查询8、条件、循环9、导入注释当在less文件中写，//

2020-07-20 02:40:14 198

原创移动端CSS笔记

Viewport视口在移动端viewport视口就是浏览器显示页面内容的屏幕区域。在viewport中有两种视口。分别表示为，visual viewport（可是视口）和layout viewport（布局视口）visual viewport固定大小跟屏幕大小相同，在上面。而layout viewport可改变大小，在下面。Layout viewport默认大小为980像素。可通过document.documentElement.clientWidth获取。现代网页需要将layout vi

2020-07-18 23:48:08 218

原创 Grid布局平面骰子小案例的两种写法

写法一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>grid骰子小案例</title><style> .box{ displa

2020-07-18 22:40:31 313

原创 flex自适应布局小案例

代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>flex布局自适应</title> <style> *{

2020-07-17 22:21:56 250

原创 flex骰子小案例

代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>flex骰子小案例</title></head><style> .box{

2020-07-17 21:58:45 141

原创 Flex弹性布局

概述Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。这意味着，现在就能很安全地使用这项功能。作用在flex容器上作用在flex子项上flex-directionorderflex-wrapflex-growflex-flowflex-shrinkjustify-contentflex-basisalign-itemsflexalign-contentalign-self属性flex-d

2020-07-17 02:32:33 442

原创 Grid网格布局

概述Grid布局是一个二维的布局方法，纵横两个方向总是同时存在。作用在Grid容器上作用在Grid子项上grid-template-columnsgrid-column-stratgrid-template-rowsgrid-column-endgrid-template-areasgrid-row-startgrid-templategrid-row-endgrid-column-gapgrid-columngrid-row-gapgrid

2020-07-16 00:37:17 448

原创 JS笔记

变量命名规则和规范规则规则就是必须遵守的，不遵守会报错。由字母、数组、下划线、$符号组成，不能以数字开头不能是关键字和保留字，例如：for、while区分大小写规范规范就是建议遵守的，但是不遵守不会报错。变量名必须由意义遵守驼峰命名法。首字母小写，后面单词需要大写。例如：userName、userPasswordUndefined和Null1、undefined表示一个声明了没有赋值的变量，必须只声明的时候值默认是undefined2、null表示一个空，变量的值如果想为nu

2020-07-13 01:36:02 156

原创 CSS圣杯布局

代码如下所示：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>圣杯布局</title> <style> * { margin: 0; padding: 0; } html,body { height: 100%; .

2020-07-12 19:28:42 177

转载 CSS双飞翼布局

代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>双飞翼布局</title> <style> .left{

2020-07-12 14:59:12 136

原创 CSS等高布局（margin与padding抵消）

等高布局概念等高布局是指子元素在父元素中高度相等的布局方式。等高布局的实现包括伪等高和真等高，伪等高只是看上去等高而已，真等高是实实在在的等高。下面将介绍的是：伪等高（margin与padding）真等高（）margin与padding实现伪等高1、使用正值的padding-bottom把元素撑开；2、用负值的margin-bottom把两个元素的下边界收回原来的位置。3、父元素用overflow：hidden；把超出部分隐藏。<style> #fu{

2020-07-11 23:43:45 1084

转载 HTML5新增的语义化标签（转载）

html5相较于之前的版本提供了一些新的语义化标签，下面进行总结下。1.<header>定义了文档的头部区域，在一个文档中可以定义多个<header>元素。它是块元素<header> <p>这是文档的头部</p></header>2.<footer>定义文档页脚，它不只是页面的最底部，在文档中也可以定义多个。<header> <address>南京鼓楼</addres

2020-07-09 18:40:47 468

原创 CSS 笔记

是否占据空间的隐藏display : none 不占空间的隐藏visibility：hidden 占空间的隐藏opacity:0；将透明内容，占空间的隐藏float属性的注意点只会影响后面的元素内容默认提升半层（文字也是半层）默认宽度（也可以手动设置）根据内容决定换行排序主要给块元素添加，但也可以给内联元素添加relative:1、如果没有定位偏移量，对元素本身没有任何影响2、不是元素脱离文档流3、不影响其他元素布局4、left、top、right、bottom时

2020-07-08 17:48:22 140

原创 HTML标签分类

按类型分类block : div、p、ul、li、h1 …1、独占一行2、支持所有样式3、不写宽的时候，跟父元素的宽相同4、所占区域是一个矩形inline : sapn、a、em、strong、img …1、可以在同一行（同行并排）2、有些样式不支持，例如:width、height、margin(左右支持)、padding3、不屑宽的时候，宽度有内容决定4、内部的标签的只能是文字或者Inline型标签,项目中的inline主要用来套文字5、所占的区域不一定是矩形，例如：当宽度缩

2020-07-08 15:55:00 349

原创 PHP+Mysql期末作业（登录+是否登录判断+简易版留言板+简易版学生数据管理+退出清空session）

目录概述新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入概述本着做了好几天不分享怎么行的心态，把期末作业分享给大家。事先说明，作业功能很简陋，大家能勉强参考就勉强参考哈，代码写的很乱所以也就不贴出来，大家看看功能，能用

2020-06-21 17:04:13 4399 17

原创 PHP入门——标记、注释、分隔符、变量、常量

目录代码标记注释语句分隔符变量变量的使用变量命名预定义变量可变变量代码标记区分PHP脚本的标记：ASP标记（基本弃用）： <% php代码 %>短标记（基本弃用）： <? php代码？>脚本标记：注释PHP注释分为两种：行注释：一次注释一行块注释：一次注释多行 <?php // 单行注释 # 与//作用一样都是当行注释 /* 块注释 * @作者：zhongbusi * 版本：xxx */ echo 'Hello Worl

2020-06-03 00:55:11 749

原创 Dart学习之1——概述篇

这里写自定义目录标题如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入---------------|-----------------------------|AuthorsJohnLuke如何创建一个注脚一个具有注脚的文本。1注释也是必不可少的Markdown将文本转换为 HTML。KaTeX数学公式您可以使用渲染LaTeX数学表达式 KaTeX:Gamma公式展示 Γ(n)=(n−1)!∀n∈

2020-06-02 16:53:36 135

weixin_45678090的博客