- 博客(47)
- 收藏
- 关注
RSS订阅原创 组件框架网站+demo库+svg库+渐变色库网站+矢量图网站等等
CSS3过渡动画模板、CSS3 Transition动画模板。特点：只需改变首位颜色和中间颜色的数量即可自动生成渐变色。渐变色网站-cool backgrounds。特点：晶体、科技线条、梯度地形渐变背景。渐变色网站-gradientsguru。svg动画库--velocityjs。渐变色网站- CoolHue 2.0。渐变色网站-uigradients。渐变色网站- color.oulu。渐变色网站- colorkit。Bootstrap5文档。
2022-11-17 17:01:30
559
1
原创 WEB前端代码书写规范
3. 文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word。推荐使用属性值 `cmn-Hans-CN`（简体, 中国大陆），但是考虑浏览器和操作系统的兼容性，目前仍然使用 `zh-CN` 属性值。颜色值 `rgb()` `rgba()` `hsl()` `hsla()` `rect()` 中不需有空格，且取值不要带有不必要的 0。若左右大括号在一行，则大括号内侧必须有空格。
2022-11-17 16:57:25
733
原创 HTML+CSS-Day13
flex的优点就是避免不灵活的布局形式，创建更多种布局模式供你选择，解决了子元素的对齐和分布与。给外层元素定义flex，把外层元素当做“容器”元素，来控制其内部的子项元素“项目”的排列方式。其他选择器[属性名^="开头字段"] 找到某个元素的特定属性中特定值的开头字段，为筛选依据。其他选择器[属性名$="结尾字段"]找到某个元素特定属性中特定值的结尾字段，为筛选依据。其他选择器[属性名*="某些字段"]找到某个元素的特定属性中含有的某些字段，为筛选依据。缺点是只能依靠自身的布局模式，稍有变化则无法改变。
2022-10-11 09:07:56
207
原创 HTML+CSS-Day12
信封用重复渐变 background-image: repeating-linear-gradient(-45deg,#f00 0 10px,#fff 10px 20px,#00f 20px 30px,#fff 30px 40px)`background-image：linear-gradient(方向，颜色1 起始值 结束值，颜色2 起始值 结束值，颜色n 起始值 结束值……z-index就是z轴的顺序，z-index可以设置字符值，如：auto，多数情况设置整数值，可以为负值。padding: 0;
2022-09-29 09:47:22
289
原创 HTML+CSS-Day11
可以清除子元素浮动带来的影响。元素的内容可以是元素内的文字，也可以是元素的宽度和高度，大部分内联元素设置宽高无效，只能依靠内容撑开，因此内容就是内联元素中的文字。当父元素400*400,每个子元素都宽度100,但高不同,并且子元素都浮动.这时候父元素宽度减少,浮动元素会折行,补位占位。和内边距一样，外边距可以简写1～4个值，下和右不会产生效果的原因，是因为外边距其实是当前元素与同级元素之间的距离。，父元素的兄弟元素会和父元素的子元素重叠，就违背了BFC的初衷，所以要清除浮动带来的影响。padding：0;
2022-09-29 09:44:50
253
原创 HTML+CSS-Day10
所以形成BFC的元素可以清除浮动带来的影响，不然的话，子元素浮动，父元素塌陷，父元素的兄弟元素会和父元素的子元素重叠，就违背了BFC的初衷，所以要清除浮动带来的影响。用户的浏览器默认渲染的文字大小是“16px”（大多数浏览器）“em”是一个相对的大小，相对的是"父级元素"的字体大小，我们可以这样来设置 1em，0.5em，1.5em。可以清除子元素浮动带来的影响。）在父级水平居中的方式：是对块级元素中的文字，或对块级元素的内联元素水平居中，这个元素需要给父级（块元素），块级元素的水平居中不能使用该属性。
2022-09-20 14:55:42
380
原创 HTML+CSS-Day09
用户的浏览器默认渲染的文字大小是“16px”（大多数浏览器）“em”是一个相对的大小，相对的是"父级元素"的字体大小，我们可以这样来设置 1em，0.5em，1.5em。字体字重就是字体粗细，但根据浏览器的不同可能展现的粗细表现也不同，因此有些值的差别看不出来，尤其是移动端，要提醒 ui 不要太细，不要太粗，显得更专业。）在父级水平居中的方式：是对块级元素中的文字，或对块级元素的内联元素水平居中，这个元素需要给父级（块元素），块级元素的水平居中不能使用该属性。需要字体库的支持，用户字库中含有的字体。
2022-09-16 13:56:18
1158
原创 HTML+CSS-Day08
今天学习内容1:完成昨天作业 1.1:修改用户信息 1.2:扩展学习资料与视频(黑米2 黑米 3) 链接：https://pan.baidu.com/s/1xnbyC8iNxnX-sgBuPURu_g提取码：kqfx2:在ftp css/day01/下载 ziliao3:css 部分 #特点:入门轻松 进阶花多时间 黑米1;代码视频css 极其优秀编程序(入门非常简单;见效快)缺点:单词稍多;(常用背下 几十个)(1)黑米1 完善PC网页开发完整流程(2)牙科诊所(3)幼儿园只代码一、css
2022-09-14 11:30:13
265
原创 HTML+CSS-Day07
是否是会员 用户名 手机号{"code":1, "msg":"注册成功"}{"code":0, "msg":"注册失败"}综合示例(ajax 小项目) 用户管理系统 ((2)分析服务器数据(node)
2022-09-02 13:33:25
300
原创 HTML+CSS-Day06
常见错误一: xhr.send(`uname=${uname.value}&upwd=${upwd.value}`);常见示例一: xhr.open(“POST”,”127.0.0.1:3000/admin/login”,true);解决问题: xhr.send(`aname=${uname.value}&apwd=${upwd.value}`);u_phone 用户手机号 u_member 是否会员(1,0) 1会员 0不是会员。-接收请求地址 http://127.0.0.1:3000/
2022-09-02 13:32:36
774
原创 HTML+CSS-Day05
基本概念与一些常见语法是什么:javascript 是一种(前端开发)与后端开发通用编程语言能做什么:网页动态效果;网页游戏;开发后端程序
2022-08-29 17:21:39
127
原创 HTML+CSS-Day04
HEAD：是 GET 方法的“简化版”，也是请求从服务器获取资源，服务器的处理机制也是一样的，但服务器不会返回请求的实体数据，只会传回响应头，也就是资源的“元信息”。）是 GET 方法的“简化版”，也是请求从服务器获取资源，服务器的处理机制也是一样的，但服务器不会返回请求的实体数据，只会传回响应头，也就是资源的“元信息”。而，异步方法通常会在另外一个线程中，“真实”地执行着。(1)异步请求无法获取到返回内容，因为4步很快就执行完，等待数据回来后，再没有接收响应的方法了，所以数据回来了也看不到了。
2022-08-25 10:02:21
67
原创 HTML+CSS-Day03
把 "for" 属性的值设置为相关元素的 id 属性的值。name 属性相同则可以让单选框变为一组，从而达到单选的目的 name="值"，值相同的单选框，都会被作为一组单选框，一组单选框的选项只能选择其一。- `type="submit"`定义提交按钮，提交按钮会把表单数据发送到服务器，数据会被发送到在 from 表单的 action 属性中规定的 URL。- `` 下拉菜单标签,双标签，但不能单独存在，只能包裹`` 标签是选项标签。
2022-08-25 09:12:20
77
转载 Vue PC端框架和Vue移动端UI框架
在学习Vue的过程之中，我发现不管是 BAT 大厂，还是创业公司，Vue 都有着广泛的应用，而且框架层出不穷，学习文档也越来越多，Vue也越来越受欢迎。github地址：。github地址：。github地址：。github地址：。github地址：。github地址：。Vue移动端UI框架。github地址：。github地址：。github地址：。github地址：。github地址：。...
2022-08-15 11:06:36
1469
原创 HTML+CSS-Day02
定义当前表单提交时发送的动作，表示表单中的数据，将要提交给那个接口来处理，如果action什么值也不写，默认提交到当前页面。valign="top" 这一行单元格中内容的垂直对齐方式 top靠上/middle居中/bottom 靠下。size：大小，显示出来的选项个数，默认是1个，1个的时候是下拉选框，>1时会变成滚动条。注意：要把被合并的单元格删除掉，比如2，1合并两行，那3，1就得删除。td：写在tr标签里，表示这一行的这一个单元格，是真正写数据的地方。...
2022-08-15 09:22:34
60
原创 HTML+CSS-Day01
什么是HTML？超文本标记语言HyperText Markup Language，它用来定义页面上的内容，如：文字 表格 图片 音频视频 超链接以.html或.htm后缀html的常用标签页面的一个渲染指定，分为两种：双标记标签/封闭型标签：必须成对出现，比如：文本单标记标签......
2022-08-12 11:23:44
68
原创 GIT常用命令
创建分支git branch 分支名称查看所有分支git branch切换分支git checkout 分支名称合并分支git merge 分支名称直接退出 输入 :q! ---直接退出
2022-08-12 11:22:11
37
原创 JavaScript-Day09
练习：创建对象，包含保存一条商品数据，包含的属性有编号，标题，价格，是否在售（1/0），最后打印输出以下格式。let 声明的变量存在提升，但提升后不允许使用;let声明的变量不允许重复声明。块级作用域下let和const声明是局部的，外部无法访问，可以防止全局污染。练习：使用for循环计算1~100之间所有整数的和，使用let声明变量。只有try出现错误，才会执行，将try中错误信息收集到形参err中。尝试执行，肯出现错误，出现后不再影响后边代码执行。Number() 将一个值，强制转换为数值。...
2022-08-11 09:47:01
38
原创 JavaScript-Day08
练习：创建Date对象，保存当前操作系统的时间，获取存储的值，最终显示以下格式。get Day() 获取星期，范围是0~6，对应的是日~六。练习：获取一个名字中的姓氏部分，尼古拉斯.皮特.托马斯.涛哥。是一种特殊的对象，不需要创建对象就可以直接调用API，//练习：随机获取a~z之间的4个字母，放入到一个新数组。setTime() 修改时间戳，会产生一个新的日期时间。获取数组的随机下标：向下取整（ 随机数*数组长度 ）toLacaleString() 获取完整的部分。用于日期时间的存储和计算。...
2022-08-11 09:45:24
103
原创 JavaScript-Day07
/a,b,c 默认 ‘ , ’ 分隔 - a-b-c ‘’（空字符）abc / a/b/c。练习：创建数组包含‘和谐福’，‘友善福’，判断数组是否含有‘敬业福’，如果不存在则把该福字添加到数组中。练习：创建数组，包含字母a~h，每个字母是一个元素，分别截取bc和f，最后将两部分拼接。练习：创建数组，包含字母a~h，删除cd，替换f为m，在下标为1的位置插入z。作用、参数有哪些、返回值；var arr1=['陌陌','苏木','沫沫'];var arr3=['芍药','墨染','春樱'];...
2022-08-11 09:44:19
63
原创 JavaScript-Day06
练习：声明变量保存一个商品对象，，包含属性有编号、标题，价格；练习：创建一本图书对象，包含的属性有图书的编号，标题，图书的价格，图书的作者；练习：创建一个圆的对象，包含的属性有半径和圆周率，添加方法计算圆得到圆周长并返回结果；引用类型（ 函数、对象、数组 ）的数据存储在堆内存，同时会生成地址，地址保存在栈内存。练习：创建一个学生对象，包含多个成绩，遍历对象，计算出总分，平均分。练习：创建一个手机对象，包含的属性有品牌，颜色，屏幕大小，产地。练习：创建一个员工对象，包含的属性有编号，姓名，性别，工资。...
2022-08-10 10:38:34
158
原创 JavaScript-Day05
因此，调用函数中的return返回值，但您可以将其馀返回值分配给全局变量，从而获得返回多个值的效果。使用递归计算任意一项的值是多少？作用域链：作用域之间相互嵌套，查找变量的时候，先到当前作用域下查找，如果没有会一直往上一级作用域查找。函数提升：程序执行前，会自动将函数提升到所在作用域的最前边，可以先写调用在写创建。局部函数：在函数作用域下创建的函数，只能在所在的函数作用域下调用。局部变量：函数作用域下声明的变量，只能在所在的函数作用域下访问。全局函数：在全局作用域下创建的函数，可以在任意作用域下调用。...
2022-08-10 10:36:39
26
原创 JavaScript-Day04
创建函数时的参数称作形参，调用函数时的参数称作实参，实参会赋值给形参，实参的数量可以和形参的数量不匹配，如果形参未被赋值则为undefined。函数：是一个功能体，提供若干个数据，返回处理的结果----用于封装重复执行的代码。练习：创建一个函数isRun，传递任意一个年份，检测是否为闰年，返回布尔型的结果。练习：创建函数getSum，传递一个数字，计算1~任意数字之间所有整数的和。练习：创建函数getStatus，传递任意一个数字，返回订单的状态。return用于函数中，结束函数体的执行。...
2022-08-08 17:39:21
299
原创 JavaScript-Day03
switch后的表达式在和case后的值比较的过程中只有全等于（===）一种方式。练习：当循环条件为true的情况下，计算10~20之间所有整数的乘积。在循环体中使用，用于强制结束循环，不在执行任何循环中的代码。语句块n+1 //以上所有的条件表达式都是false。case 值1 : //如果表达式和值1相同。语句块n+1 //表达式和每个值比较都不相同。循环：一遍又一遍的执行相同或者相似的代码。}else if(条件表达式n){}while(循环条件);if(条件表达式1){...
2022-08-08 16:44:55
183
原创 JavaScript-Day02
2>>1(2二进制10往左移+0-----100（4）)（2*2）prompt()弹出提示框（输入框），需要使用变量保存用户输入的值，类型是字符串，点击取消返回的是null。字符串之间的比较，比较的字符的编码，默认比较第一个字符的，如果相同继续比较后边的。逻辑与（并且），关联的两个条件都是true，结果是true。|按位或，上下两位比较，含有1，结果是1，否则是0。001（2进制）-----转十进制-------1。&按位与，上下两位比较，都是1结果是1，否则是0。...
2022-07-25 09:21:46
45
原创 JavaScript-Day01
NaNNotaNumber,不是一个数字，只有在将一个值转为数值的时候出现，没有成功的得到数字，结果就是NaN,NaN和任何值执行数学运算结果还是NaN。变量的名称可以由英文字母、数字、下划线、美元符号组成，数字不能出现在开头，不能使用关键字；运算符分为算术运算符、比较运算符、逻辑运算符、位运算符（二进制）、赋值运算符、三元（三目）运算符。练习声明变量保存圆的半径，声明常量保存圆周率，声明变量保存计算圆的周长和面积。//赋值后置先把a2的值赋给a3，后自增a2+1，a3=a23,a2+1。...
2022-07-21 15:26:50
128
原创 Node.js-Day07
练习编写文件04_tedu.js，创建WEB服务器，添加员工路由（接口）（方法post请求的URL/v1/emps），响应'{"code"200,"msg""员工添加成功"}'query(SQL命令，数组，回调函数)执行SQL命令，通过回调函数获取结果，数组用于对数据进行过滤，过滤后再去替换占位符(?{"code"200,"msg""获取成功","date"查询到的数据}{"code"200,"msg""登录成功"}{"code"500,"msg""登录失败"}...
2022-07-21 15:24:30
272
原创 Node.js-Day06
所有的定时器函数都是异步的，Node.js下提供的带有回调函数的都是异步的。Node.js下提供的异步方法在一个独立的线程执行，通过回调函数获取结果。process.nextTick()属于idle观察者,setImmediate()属于check观察者.在每一轮循环检查中,idle观察者先于I/O观察者,I/O观察者先于check观察者.process.platform查看当前的操作系统//'win32'事件队列由一组排队执行的回调函数执行组成，只有执行完主程序才会执行事件队列。...
2022-07-19 09:29:36
97
原创 Node.js-Day05
res响应的对象setHeader() / write() /end()res.statusCode=值 设置响应的状态码 req 请求的对象req.url 获取请求的服务器端资源 是字符串形式 '/xxx' --- /loginreq.method 请求的方法框架：是一整套解决方案，简化了已有的功能，添加了之前没有的功能，专门用于项目开发，任何的语言开发项目都会选择使用框架Node.js : express koa egg前端：Vue React AngularJava : Sp
2022-07-14 15:44:00
116
原创 Node.js-Day04
readdir( 目录路径，回调函数 ) ---异步readdirSync( 目录路径 ) ------同步读取的及诶过是数组练习：使用同步方法读取异步 同步正在上传…重新上传取消 writeFile( 文件路径，写入的数据，回调函数 ) ----异步writeFileSync( 文件路径，写入的数据 ) ----同步正在上传…重新上传取消如果文件不存在创建文件，然后写入数据如果文件已经存在先清空文件内容，
2022-07-12 18:04:06
161
原创 Node.js-Day03
也称为全局对象，不需要引入就可以直接使用的模块 提供了一组用于控制台输出的方法console.log(1); //log 打印日志console.info(2); // info 打印消息console.warn(3); //warn 打印警告console.error(4); //eeror 打印错误console.time( ' tao ' ); //开始计时console.timeEnd( ' tao ' );//结束计时正在上传…重新上传取消注意事项：开始计时和结束计时的参数要保持一
2022-07-08 10:46:35
26
原创 Node.js-Day02
require() 引入其它的模块，得到模块暴露的对象module.exports 当前模块暴露的对象，默认是一个空对象，如果要暴露哪些内容，需要添加到这个对象下练习：创建两个文件02_1.js 和02_2.js 在02_1.js下创建一个函数，传递半径计算圆周长，创建一个函数。传递半径计算圆的面积，在02_2.js 下引入02_1.js，调用两个函数分为自定义模块、核心模块、第三方模块以路径开头不以路径开头文件模块require('./circle.js')用于引入自定义模块（....
2022-07-05 14:30:52
122
原创 Node.js-Day01
Node.js是JS运行在后端的环境，使用这个环境可以进行后端开发，实现Java，Python等后端语言同样的功能JS运行在客户端浏览器，Node.js运行在后端（服务器端）JS存在多款浏览器有代码兼容性问题，Node.js只有一种环境，不存在代码兼容性问题JS和Node.js都有相同的自定义对象和内置对象，不同的宿主对象JS用于开发浏览器端的交互效果，Node.js用于服务器端开发，例如：数据库访问，调用其他服务器..www.nodejs.org脚本模式 node 拖拽文件 回车交互模式 node
2022-07-05 11:39:06
95
原创 Mysql-总结-数据库语言、数据类型、约束、简单查询、复杂查询
SQL （Structure Query Language）结构化查询语言1 数据查询语言DQL （data query language）数据查询语言DQL基本结构是由SELECT子句，FROM子句，WHERE2 数据操纵语言DML（data manipulation language）数据操纵语言DML主要有三种形式：1) 插入：INSERT2) 更新：UPDATE3) 删除：DELETE3 数据定义语言DDL（data defination language）数据定义语言DDL用来创建数据库中的各种对
2022-07-04 08:24:28
51
原创 Mysql-drop、truncate、delete、区别以及各报错编码的详解
drop database if exists 库名；if exists 如果存在if not exists 如果不存在create table if not exists 表名（），（）； comment“注释，备注”一次插入多行 insert into 表明 （字段） values（字段名），（字段名）；注意：字段和字段名顺序一致1016错误：文件无法打开，使用后台修复或者使用phpmyadmin进行修复。1044错误：数据库用户权限不足，请联系空间商解决1045错误：数据库服务器/数据库用户名/数据库
2022-07-04 08:21:19
297
原创 Mysql-Day04
正在上传…重新上传取消 select * from emp where deptid is null;正在上传…重新上传取消select * from emp where deptid is not null;正在上传…重新上传取消select * from emp where salary>7000 and sex=0;select * from emp where salary>7000 && sex=0;and(&&) 并且，要
2022-06-30 19:59:26
262
原创 Mysql-Day02
update 数据表名称 set 列名称=值，列名称-值 where条件;delete from 数据表名称 where 条件;ASCII：对128个英文字母及其符号进行了编码Latin-1：总共有256个，对欧洲字符进行了编码，兼容ASCII(MySQL默认使用这种编码)GB2312：对常用的6千多汉字进行了编码，兼容ASCIIGBK：对2万多的汉字进行了编码，兼容GB2312Unicose码：对世界上主流国家常用的语言进行了编码，分为三种存储方案，分别是utf-8,utf-16.utf-32设置脚本文件
2022-06-22 09:09:16
30
原创 Mysql-Day01
网状数据库 --> 层次性数据库 --> 关系型数据库（SQL） --> 非关系型数据库（微信小程序云数据库）【NoSQL】
2022-06-20 08:46:39
97
原创 Web初学者-[作业7]-登录和注册的滑动切换
基础html布局，加上css渲染之后，主要依据JQuery的获取元素，如何对元素进行操作滑动切换效果
2022-06-05 01:11:16
1014
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人