- 博客(59)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 自定义滚动条
设置vscode禁用代码补全和提示Ctrl + shift + p打开settings.json把下面代码写入settings.json"editor.quickSuggestions": false,"editor.parameterHints": false,"editor.wordBasedSuggestions": false,"editor.snippetSuggestions": "none",// 控制键入时是否应自动显示建议// "editor.quickSuggestion
2021-05-22 18:55:42
140
原创 DOM操作时appendChild重复添加元素问题
在学习DOM过程中，用createElement创建元素后，想追加到某个父元素下，然后就尝试了以下执行多次appendChild()，然后发现只添加了一次，并不是想象中添加了多个元素。然后在菜鸟教程上了解到：定义和用法appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。提示：如果文档树中已经存在了 newchild，它将从文档树中删除，然后重新插入它的新位置。如果 ...
2020-05-08 11:19:07
5055
3
原创 T-JS核心-day07-ES5-保护对象、创建新对象、call/apply/bind、数组新增函数
文章目录ES51. 保护对象2. Object.create()3. call/apply/bind4. 数组新增函数总结：ES5:ES51. 保护对象问题：旧的js中的对象毫无自保能力，对象的结构和属性值可以被任意修改解决：ES5中，提供了保护对象属性和结构的新方法保护对象的属性什么是：阻止对象的属性值进行不符合规定的篡改如何做：其实，ES5中已经把每个对象的属...
2020-05-06 23:00:33
399
转载 HTML中标签和元素的区别
HTML中标签和元素的区别在学习html过程中经常出现，标签和元素这两个词，经常不留意就混淆，那么这两者到底有何区别，我们来看下他们的概念1.标签由尖括号包围的关键词，比如 <html>通常是成对出现的，比如<div> 和 </div>标签对中的第一个标签是开始标签，第二个标签是结束标签；开始和结束标签也被称为开放标签和闭合标签。也有单独呈现的标...
2020-05-06 10:25:08
1418
1
原创 T-JS核心-day06-继承、多态、自定义继承、ES5-严格模式
文章目录五、面向对象1. 继承2. 多态3. 自定义继承六、ES51. 严格模式五、面向对象1. 继承自有属性和共有属性什么是自有属性：保存在子对象中，只归子对象独有的属性什么是共有属性：保存在原型对象中，归当前类型下所有子对象共有的属性获取属性值时：无论获取自有属性值，还是获得共有属性值，都可用子对象.属性名，无差别修改属性值时：如果修改一个子对象的自有属性...
2020-05-05 22:00:55
289
1
原创 T-JS核心-day05-面向对象、封装、继承、多态
文章目录五、面向对象1. 封装2. 继承3. 多态五、面向对象什么是面向对象：程序中先用对象结构保存现实中一个事物的属性和功能，然后再按需使用事物的属性和功能，这种编程方法，就叫做面向对象编程为什么要面向对象：因为便于大量数据的管理和维护何时：大部分的项目开发都用到面向对象的思想如何：3步/3大特点：封装、继承、多态1. 封装什么是：创建一个对象，集中保存现实中一个事物的属性...
2020-05-05 17:20:38
303
原创 T-JS核心-day04-JS匿名函数、作用域和作用域链、闭包
文章目录四、Function对象1. 匿名函数2. 作用域和作用域链3. 闭包四、Function对象1. 匿名函数什么是：定义函数时，不指定函数名的函数为什么：2大优点节约内存避免产生全局变量，造成全局污染何时用：2种情况几乎所有回调函数都要定义为匿名函数匿名函数自调用如何用：2种情况回调函数什么是：自己定义了函数，但是不由自己调用，而是交给另一个函数，...
2020-05-05 13:33:46
299
原创 T-JS核心-day03-String类型的正则相关函数、RegExp对象、Function对象
文章目录二、String类型的正则相关函数1. 查找敏感词：4种情况2. 替换敏感词：2种情况3. 切割字符串：2种情况三、RegExp对象1. 什么是：2. 为什么：3. 何时用：4. 如何创建：2种四、Function对象1. 什么是函数2. 何时3. 如何用（回顾）4. 创建函数的3种方法：5. 重载(overload)二、String类型的正则相关函数1. 查找敏感词：4种情况2. ...
2020-05-04 17:47:50
244
原创 T-JS核心-day02-String类型提供的正则相关函数、敏感词的查找替换
文章目录二.String类型提供的正则相关的函数1. 查找敏感词：4种情况2. 替换敏感词：2种3. 切割字符串二.String类型提供的正则相关的函数1. 查找敏感词：4种情况查找一个固定的敏感词出现的位置：—indexOf格式：var i=str.indexOf("要找的敏感词"，fromi)意思：在字符串str中，从fromi位置开始，查找一个指定的敏感词出现的位置简写：大部...
2020-05-03 17:47:34
423
原创 T-JS核心-day01-正则表达式
文章目录一.正则表达式一.正则表达式正则表达式概述正则表达式：专门描述字符串中字符串出现规则的表达式定义正则表达式一个关键词原文，例如 我凑字符集–是规定一位字符上多重备选字的列表例如：[草艹槽]匹配时，只要与[]中任意一个字符匹配就算满足规则如果在字符集前写我字规则，如我[草艹槽]，则可匹配三种词简写：如果[]中部分备选字符连续，可用-省略中间字符例如：手机号规则①第一...
2020-05-03 15:01:36
250
1
转载 百度网盘在线观看倍速播放方法
在页面控制台输入下面代码：videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(1.5)
2020-04-24 14:44:46
4325
原创 T-Bootstrap-day04-组件、boot的定制、scss基础语法和函数
文章目录一.常用组件二.其他组件boot的定制一.SCSS，动态的样式语言（nodejs 8.11以上）二.scss基础语法三.scss的函数四.指令(if-else)一.常用组件卡片div .card 弹性，y轴，背景，边框div .card-headerdiv .card-bodydiv .card-footer使用场合，把纵向排列的内容，放到卡片中使用<h4>...
2020-04-19 23:40:35
252
原创 T-Bootstrap-day03-弹性布局、表单、常见组件
文章目录五.弹性布局的class六.表单组件一.常用组件五.弹性布局的class设置元素的显示方式d-*-none/block/inline/inline-block/flex/inline-flex...*：sm/md/lg/xl设置弹性的属性d-*-flex/inline-flex 设置弹性容器flex-*-row/column/row-reverse/column-rever...
2020-04-19 23:34:27
252
原创 T-Bootstrap-day02-辅助类、栅格布局
文章目录二.BootStrap三.辅助类---所有元素都能用类四.栅格布局grid（重点）二.BootStrap列表相关(列表组)去除标识项类：list-unstyled—内容list-sytle:none；padding-left: 0;生成列表组ul的类list-group ，定义了：弹性，y轴等li的类list-group-item 定义了：边框—第一项和最后一项带圆角...
2020-04-19 23:29:38
151
原创 T-Bootstrap-day01-响应式、bootstrap
文章目录Bootstrap一.响应式 (css3 2010提出的技术，boot做了简化)二.BootStrapBootstraphttps://www.bootcss.com/一.响应式 (css3 2010提出的技术，boot做了简化)什么是响应式网页Responsive web page 响应式/自适应网页可以根据设备不同(pc，phone,pc)而自动改变布局，图片，文本效果...
2020-04-19 23:27:01
350
原创 T-CSS核心-day02-css hack、转换、过渡、动画、优化
文章目录二.弹性布局（重点）三.CSS hack四.转换（重点）五.过渡（重点）六.动画（重点）二.弹性布局（重点）什么是弹性布局主要解决某个元素中，子元素（仅仅是子元素不是后代元素）的布局方式为布局提供非常大的灵活性弹性布局的相关概念容器要发生弹性布局的子元素的父元素叫做容器即：定义了display：flex;的元素项目要发生弹性布局的子元素们叫做项目即：定义了disp...
2020-04-14 17:46:39
228
原创 T-CSS核心-day01-复杂选择器、弹性布局
文章目录CSS核心一.复杂选择器二.弹性布局（重点）CSS核心一.复杂选择器兄弟选择器兄弟元素—>具备相同父级元素的平级元素之间，称为兄弟元素。所有的兄弟选择器，只往后找，不能往前找（只能找弟弟，不能找哥哥）相邻兄弟选择器选择器1+选择器2{}要求匹配选择器2紧紧挨着选择器1，修改选择器2的样式即：确认一个哥哥，找到一个紧紧挨着符合条件弟弟，然后修改弟弟通用兄弟选择器...
2020-04-14 17:40:38
205
原创 T-CSS基础-day05-浮动、样式属性、定位
文章目录十.浮动十一.其它样式属性十二.定位十.浮动元素一旦浮动，会脱离文档流脱离文档流的元素会发生4件事不占页面空间后续元素上前补位如果脱离文档流的元素，未定义宽度，元素脱离文档流后，宽度是靠内容撑开元素一旦脱离文档流，会变成块级元素十一.其它样式属性显示方式什么是显示方式决定了元素在网页中的表现形式(块级，行内，行内块，table…)语法display:取值...
2020-04-14 17:30:53
187
原创 T-CSS基础-day04-文本格式化、表格、浮动和定位
文章目录八.文本格式化（重点）九.表格的样式十.定位(大重点)初学者写样式步骤八.文本格式化（重点）字体属性设置字号的大小font-size取值：px/pt为单位的数字；em/rem字体类型font-familyfont-family: 微软雅黑,"mv boli",chiller;：表示会先使用第一种字体，如果第一种字体不支持，会使用第二种字体，以此类推字号的加粗font...
2020-04-12 00:36:36
190
原创 T-CSS基础-day03-框模型、背景、渐变
文章目录五.框模型(又叫盒子模型)六.背景七.渐变（gradient）初学者写样式步骤五.框模型(又叫盒子模型)框模型----元素在页面上实际占地空间的计算方式(计算公式)默认的盒子模型：元素实际占地宽度=左外边距+左边框+左内边距+内容区域宽度+右内边距+右边框+右外边距元素实际占地高度=上外边距+上边框+上内边距+内容区域高度+下内边距+下边框+下外边距外边距（行内元素上下外...
2020-04-12 00:35:04
156
原创 T-CSS基础-day02-尺寸和边框、框模型
文章目录四.尺寸和边框五.框模型(又叫盒子模型)四.尺寸和边框尺寸设置元素在页面中的宽高（对高度设置比较少，更关注宽度的设置）width:取值：以px为单位的数字；rem为单位的数字；%父元素宽度百分比height:取值：以px为单位的数字；rem为单位的数字；%：父元素没有定义高度，就失效。父元素有定义高度，就是这个高度的百分比（要注意）在不写死宽高属性时（百分比可以），还可以设置...
2020-04-12 00:33:37
340
原创 css中添加字体
Internet Explorer 9, Firefox, Opera,Chrome, 和 Safari支持@font-face 规则.但是, Internet Explorer 9 只支持 .eot 类型的字体, Firefox, Chrome, Safari, 和 Opera 支持 .ttf 与.otf 两种类型字体.注意： Internet Explorer 8 及更早IE版本不支持@...
2020-04-09 12:07:32
493
原创 T-CSS基础-day01-CSS语法规范、CSS基础选择器
文章目录一.CSS概述二.CSS的语法规范三.基础选择器(重点★)四.尺寸和边框一.CSS概述CSS：Cascading Style Sheets 层叠样式表，级联样式表，简称样式表作用修饰html元素的样式（亚洲4大邪术）HTML和CSS的关系html负责页面的结构的搭建，数据的承载css负责让html元素变得好看以html为基准，一层层的编写样式html的属性和css...
2020-04-01 10:51:31
302
原创 T-Ajax基础-day03
文章目录二.Ajax三.Ajax项目二.Ajaxrestful的get请求restful请求方法：get，delete，post，put语法要求：get和delete一样，post和put一样语义要求：人为的规定：①get---->查询；②delete—>删除；③post---->新增；④put---->修改restful的get如果不带参数，写法和h...
2020-03-29 00:21:21
180
原创 T-Ajax基础-day02-简易DOM操作、ajax
文章目录一.简易DOM操作二.Ajax目前常见错误总结一.简易DOM操作为什么使用DOM使用ajax就不用form提交请求，form提交请求，控件必须有name属性，提交的时候form自动收集数据，并提交。不适用form就需要手写DOM，收集数据。使用DOM，用id属性，对于单选按钮和多选按钮，需要name属性来分组写DOM的步骤（先激活事件，调用js方法）①得到要操作的元素对象（找...
2020-03-28 00:55:52
180
原创 T-Ajax基础-day01-HTTP协议、简易DOM操作
文章目录一.ajax前瞻知识二.简易的DOM操作一.ajax前瞻知识HTTP协议-urlURL完整结构结构url的结构：协议+服务器主机+目录结构+文件名称<scheme>://<user>:<pwd>@<host>:<port>/<path>;<params>?<query>#<f...
2020-03-27 00:38:53
204
原创 T-HTML基础-day04-表单
文章目录十.表单十.表单表单的控件7. 浮动框架（不属于表单的内容）在一个html文件中，引入其他的html文件<iframe></iframe>属性：①src，要被引入的html文件的路径；②width/height，框架的宽高；③frameborder="0"去除框架的边框；④scrolling="no"去除滚动条H5新表单元素邮箱<inpu...
2020-03-27 00:02:31
227
原创 T-HTML基础-day03-html列表、结构标记、表单
文章目录八.列表九.结构标记十.表单（重点&难点）八.列表本意也是做数据展示的，有条理的展示数据但是，所有人都习惯使用列表来做布局列表的组成：列表都是由"列表类型"和"列表项"组成列表类型有序列表 <ol></ol> order list无序列表 <ul></ul> unorder list列表项<li&g...
2020-03-24 21:20:15
293
原创 T-HTML基础-day02-图像和链接、表格、列表
文章目录六. 图像和链接七.表格八.列表六. 图像和链接图像<img> 或者 <img/>,属性：src="图片资源的路径"alt="图片加载失败时显示的文本"width="100" 设置图片的宽度height="500" 设置图片的高度如果宽高设置的尺寸和原始宽高比不同，图片会发生失真现象解决方案，width/height只设置一个，另外一个自动匹配...
2020-03-23 23:11:45
309
原创 T-HTML基础-day01-WEB基础知识、HTML快速入门、HTML文档结构、文本标记
文章目录一.第二阶段计划安排二.WEB基础知识三.HTML快速入门四.HTML的文档结构五.文本标记一.第二阶段计划安排HTML5 Basic（2天）制作页面的标签，搭建网页结构，只用H5搭建的网页----->静态页面ajax异步数据交互(3天)异步完成前后端数据的交互学习ajax面对问题：js熟练度？？写接口的熟练度？？项目1（2天）html+ajax完成对用户列表的操作...
2020-03-23 22:22:01
477
原创 T-Node.js基础-day05-中间件、mysql模块
文章目录中间件mysql模块中间件浏览器向服务器发请求，中间件拦截请求并作出响应；中间件最终是要为路由服务的。分为五类：应用级中间件、路由级中间件、内置中间件、第三方中间件、错误处理中间件（了解）。应用级中间件也称为自定义中间件，就是一个函数app.use(URL,callback);URL：表示要拦截哪一个路由，对应路由中的URLcallback：拦截到以后，自动调用...
2020-03-18 21:16:10
308
原创 T-Node.js基础-day04-Express框架
Express框架基于Node.js平台的，快速、开放、极简的web开发框架express中文官网下载安装：npm install express//引入第三方的模块expressconst express=require('express');//创建web服务器const app=express();//设置端口app.listen(8080);路由浏览器向web...
2020-03-18 20:47:26
295
原创 T-Node.js基础-day03-fs模块、http协议和模块
目录fs模块http协议http模块fs模块创建目录fs.mkdir(path, callback) / fs.mkdirSync(path)path :目录的路径callback :回调函数//引入fs模块const fs=require('fs');//1.创建目录//make direcotryfs.mkdir( 'mydir',function(err){ //er...
2020-03-17 14:02:12
220
原创 T-Node.js基础-day02-模块、包和npm
目录模块分类模块中的参数包和npm模块分类以路径开头不以路径开头文件模块require('./circle.js') 常用于引入自定义模块，后缀名如果是js可以省略require('querystring') 常用于引入官方提供的核心模块目录模块require('./02_ran')首先会到目录下查找package.json下main属性对应的文件，如果找不...
2020-03-16 01:38:21
208
原创 T-Node.js基础-day01-Node.js概述、对象、模块
目录Node.js概述全局对象-globalconsole对象porcess对象buffer对象模块Node.js概述Node.js运行在服务器端的JS解释器，基于谷歌的V8引擎解释器，可以实现服务端操作，例如数据库操作，web服务器的创建。对比JS和Node.js区别JS运行在客户端浏览器，存在多款浏览器，代码有兼容性问题；Node.js运行在服务器端，只有一个解释器，代码不存在...
2020-03-13 19:06:17
285
原创 T-JS基础-day10-ES6简介
ES6第六套标准规范块级作用域let声明的变量不存在提升，不允许反复声明在块级作用域下使用let声明的变量是局部变量，不能被其他作用域访问。if，else，while，for…所有大括号中都是块级作用域练习：使用let声明变量，计算1~100之间所有整数的和函数增强可以给形参设置默认值，从后向前设置默认值//若不提供第三个参数，则设置默认值为0functi...
2020-03-13 12:02:52
276
CHILLER.TTF
2020-04-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人