- 博客(59)
- 收藏
- 关注
RSS订阅原创 全局过滤器（处理时间格式）
padStart(2,'0') 将转换成字符串的'3',不够两位时,前面加个0,输出就是03,彻底解决日期如:2020-07-06这类问题padEnd()用于尾部补全 全局过滤器方法1：
2022-06-29 15:53:51
269
原创 Vue小技巧
1. 设置2. 用户代码片段3. 新建全局代码片段4.snippet generator (snippet-generator.app)
2022-06-28 08:02:22
187
原创 HTML5+CSS3(2)
HTML5 第二天一、rotate2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转使用步骤：给元素添加转换属性 transform属性值为 rotate(角度) 如 transform:rotate(30deg) 顺时针方向旋转30度div{ transform: rotate(0deg);}二、三角代码演示二、设置元素旋转中心点(transform-origin)transform-origin 基础语法transform-origin:
2022-03-20 21:08:29
121
原创 HTML5+CSS3(1)
HTML5 第一天一、什么是 HTML5HTML5 的概念与定义定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML两个概念：是一个新版本的 HTML 语言，定义了新的标签、特性和属性拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5HTML5 拓展了哪些内容语义化标签本地存储兼容特性2D、3D动画、过渡CSS3 特性性能与集成H
2022-01-27 22:43:03
139
原创 CSS基础--盒子模型（4）
盒子模型css学习三大重点：css 盒子模型、浮动、定位 网页布局的本质 首先利用CSS设置好盒子的大小，然后摆放盒子的位置。 最后把网页元素比如文字图片等等，放入盒子里面。 1. 盒子模型(Box Model) 盒子模型就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。 盒子模型由元素的内容、边框（border）、内边距（padding）、和外边距（margin）组成。 盒子里面的文字和图片等元素是 内容区域 ...
2022-01-24 01:12:45
706
原创 CSS基础（2）
1. CSS字体样式5.1 font-size font-size属性用于设置字号(字体大小) 谷歌浏览器默认的文字大小为16px 不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小。一般给body指定整个页面文字的大小。 <style> /* 指的是body中的所有文字，除标题外 */ body { font-size: 16px; } .
2022-01-22 23:50:04
800
原创 VS code 快捷方式
1. 快捷键<style> .one { /* tac */ text-align: center; /* ti2em */ text-indent: 2em; /* h200 */ height: 200px; /* w200 */ width: 200px; /* lh26px */ line-heigh.
2022-01-22 19:57:11
409
原创 Vue(1)
1. vue 简介1.1 什么是 vue 官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架。1.2 vue 的特性vue 框架的特性，主要体现在如下两方面：1. 数据驱动视图：在使用了 vue 的页面中，vue 会监听数据的变化，从而自动重新渲染页面的结构。示意图如下：(1) 好处：当页面数据发生变化时，页面会自动重新渲染！(2) 注意：数据驱动视图是单向的数据绑定。2. 双向数据绑定：在网页中，fo..
2022-01-02 22:01:54
412
原创 JS高级1（面向对象、类、继承）
模块化<script> //1. var 声明变量 if (true) { var a = 10 //本意是在内部声明变量，不让外部访问，现在能访问，说明有bug } console.log(a); //10 for (var i = 0; i < 10; i++) { } console.log(i); //10 .
2021-11-07 23:34:36
325
原创 Typora
1. 标题（1）ctrl + 数字可以设置标题字号（2）ctrl + +/-可以增减标题字号大小2. 段落（1）直接换行（2）空两格 + 回车3. 字体（1）ctrl + b 粗体（2）ctrl + u 下划线（3）ctrl + i 斜体（4）Alt + shit + 5 删除线（5）--- + 回车 分割线（6）脚注：这是一个技术 [^spring boot][^spring boot]: 这是一个非常好的框架(7)高亮： ==文字=...
2021-10-31 21:13:01
146
原创 javascript基础（内置对象）
内置对象「内置对象」JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象前面两种对象是JS基础内容，属于ECMAScript;第三个浏览器对象属于JS独有的，JS API讲解内置对象就是指js语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而非必要的功能(属性和方法),内置对象最大的优点就是帮助我们快速开发。「查文档」学习一个内置对象的使用，只要学会其常用成员的使用即可，我们可以通过查文档学习。MDN:https://developer.mozilla
2021-10-25 09:01:53
244
原创 Javascrip基础（函数）
1. 函数的概念封装了一段可被重复调用执行的代码块，通过函数可以实现大量代码的重复使用。函数是一种数据类型。2. 函数的使用2.1 声明函数1.通过function关键字定义函数--命名函数function函数名(){//函数体代码}//1.1function是声明函数的关键字，必须小写//1.2函数名命名为动词形式例:getSum2.通过函数表达式定义函数---匿名函数varfn=functio...
2021-10-19 00:02:27
299
原创 javascript基础（对象）
1. 对象的概念「对象」在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成的 属性：事物的特征，在对象中用属性来表示（常用名词） 方法：事物的行为，在对象中常用方法来表示（常用动词） 「为什么需要对象」 保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组，如果保存一个的完整信息呢？ 为了更好地存储一组数据，对象应用而生；对象中为每项数据设置了属
2021-10-14 23:23:57
204
原创 Javascript基础（运算符与流程控制）
1. 运算符与流程控制运算符(操作符)「运算符」是用于实现赋值、比较和执行算数运算等功能的符号。常用运算符分类如下???? 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 1.1 算数运算符运算符的左右两侧都要敲空格运算符 描述 案例 + 加 10+20=30 - 减 10-20=-10 * 乘 10*20=200 / 除 10/20=0.5 %
2021-10-11 23:25:37
234
原创 Javascript基础（数组）
1. 数组1.1 数组的概念一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组1. 利用new关键字创建数组： var arr = new Array(); //创建了一个空的数组2. 利用数组字面量创建数组（常用）： // 1. 使用数组字面量方式创建空的数组 var 数组名 = [];//若写n，则代表数组的长度 //2. 使用数组字面量方..
2021-10-10 17:02:08
709
原创 Javascript基础（循环）
顺序结构、分支结构、循环结构1. for 循环运算符 描述 初始化变量 就是用var声明的一个普通变量，通常用于作为计数器使用 条件表达式 就是用来决定每一次循环是否继续执行就是终止的条件 操作表达式 是每次循环最后执行的代码经常用于我们计数器变量进行更新（递增或者递减） for(初始化变量;条件表达式;操作表达式){//循环体} //for 循环的执行过程 ...
2021-10-07 22:00:01
625
原创 CSS基础3（三大特性）
1. CSS三大特性1.1 CSS 层叠性-概念： 所谓层叠性是指多种CSS样式的叠加 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 -原则： 样式冲突，遵循的原则是就近原则。那个样式离着结构近，就执行那个样式。 样式不冲突，不会层叠。 1.2 CSS 继承性-概念： 子标签会继承父标签的某些样式，如文本颜色和字号。 想要设置一个可继承的属性，只需将它应..
2021-10-05 16:45:59
121
原创 小工具-提高生产力
1.SnipasteSnipaste 是一个简单但强大的截图工具，也可以让你将截图贴回到屏幕上. 常用快捷方式:1. F1 可以截图. 同时测量大小, 设置箭头 书写文字等2. F3 在桌面置顶显示3. 点击图片, alt 可以取色 (按下shift 可以切换取色模式)4. 按下esc 取消图片显示F1： fn+f1 截图F3： fn+f13 置顶fn+f1 + shift 就能换进制...
2021-10-05 12:22:40
118
原创 Javascript基础（变量）
初识JavaScript「创始人」布兰登·艾奇(Brendan Eich),起初命名为LiveScript后来与Sun公司合作改名为JavaScript。「JavaScript」运行在客户端的脚本语言，不需要编译，由js解释器(js引擎)逐行解释执行。Node.js也可以用于服务器端编程。「JavaScript组成」ECMAScript(JavaScript语法)、DOM(文档对象模型)、BOM(浏览器对象模型)JavaScript的作用 表单动态校验(密码强度检测) 网页特
2021-10-01 23:55:14
523
原创 HTML基础
1. 认识WEB「网页」主要是由文字、图像和超链接等元素构成，当然除了这些元素，网页中还可以包括音频、视频以及Flash等。「浏览器」是网页显示、运行的平台。「浏览器内核」(排版引擎、解释引擎、渲染引擎)负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。浏览器 内核 备注 IE Trident IE、猎豹安全、360极速浏览器、百度浏览器 firefox Gecko 可惜这几年已经没落了，打开速度慢、升级频繁、猪一样的队友flash
2021-10-01 23:53:20
298
原创 CSS基础（1）
HTML满足不了设计者的需求，可以将网页结构与样式相分离，这样就可以在不更改网页结构的前提下，更换网站的样式。 操作html属性不方便 HTML里面添加样式带来的是无尽的臃肿和繁琐 「2. CSS网页的美容师」 让我们的网页更加丰富多彩，布局更加灵活自如。 CSS最大的贡献：让HTML从样式中脱离，实现了HTML专注去做结构呈现，样式交给CSS 「3. CSS」CSS(Cascading Style Sheet
2021-09-28 19:17:19
211
原创 jquery 基础01
1.jquery是什么？jQuery是一个轻量级的"写的少，做的多"的JavaScript函数库。[独立的javascript文件]2. jquery页面初始化3. jquery基础语法：4. Jquery对象与javascript对象的转换5. jQuery获取html元素的值6. jQuery -添加元素7. jQuery -删除元素8. jquery的CSS 操作9. 常用的 jQuery 事件方法10. 元素的隐藏和显示动画【就是元素的隐藏和显示】11..
2021-09-14 23:19:39
142
原创 json01
1、什么是JSON？JSON---独立于语言的轻量级的文本数据交换格式。独立于语言---不光javascript可以识别/处理，其他的编程语言java,php....也可以识别/处理文本数据---字符串交换格式---与后台处理程序进行数据交换2.JSON数据的组成JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）2.1 json对象“{}”--json对象{}”包含---名称/值对【键值对】/ json数组 / js
2021-09-13 10:57:46
115
原创 javascript高级07
1.原型 var arr1 = [1, 0, 0, 8, 6]; //var arr1 = new Array[1, 0, 0, 8, 6]; //alert(typeof arr1); //object var arr2 = [1, 0, 0, 8, 6, 1, 1]; //var arr2 = new Array[1, 0, 0, 8, 6, 1, 1]; arr1.sort(function (
2021-09-10 17:28:50
123
原创 javascript高级06
1.局部变量与全局变量局部变量：局部变量的作用域只能在当前函数中每一个函数中都可以声明定义名称相同的变量，而不被影响 function test1() { //name变量在test1函数中 //name变量是局部变量 //局部变量的作用域只能在当前函数中 //每一个函数中都可以声明定义名称相同的变量，而不被影响 var name = "zhangsan";
2021-09-09 20:22:46
109
原创 javascript高级05
1.BOM---Browser Object Model 浏览器对象模型window 对象是BOM的主要对象window 对象中的主要属性：确定浏览器窗口的尺寸window 对象中的主要方法：打开/关闭窗口的控制方法 / 各种操作弹框window 对象中的主要子对象：Screen屏幕子对象、Location url子对象 、History历史子对象 、Navigator--浏览器2. 控制浏览器窗口尺寸的属性确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）..
2021-09-08 20:01:22
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人