- 博客(17)
- 收藏
- 关注
RSS订阅原创 string对象常用的属性和方法
string对象常用的属性和方法 1.捕获元素 var uname = document.querySelector(".uname"); var btn = document.querySelector("button"); 2.添加事件侦听 用户输入/点击 uname.addEventListener("input",function(e){ if(e.target.value.le...
2020-01-31 16:49:47
242
原创 JS运算符 小笔记
1.算术运算符 加 +，减 -，乘 *，除以 /，求余 % 10 % 7 = 3 2.后增量运算符 var i = 1; i++; i+=1; 3.比较运算符
2020-01-31 15:17:37
283
原创 Date对象负责日期
通过调用Date对象可以获取当前时间 var d1=Date(); //返回一个字符串（string），没有getDate等日期对象方法，内容为当前时间 var d2=new Date(); //返回一日期对象，可以调用getDate()，内容为当前时间 var d3=Date("2000-1-1");//返回一个字符串（string），内容仍旧为当前时间，也就是不受参数影响 ...
2020-01-31 12:59:32
231
原创 js数据类型
js数据类型 1.字符串String 基本数据类型，都有对应的构造函数 字面量写法 var str = "string"; console.log(str) var str2 = 'string' console.log(str2) 这种写法，在生产环境下，很少写。在js世界中， 如果没有按照数据类型的语法表示，js认为这个单词是 一个变量 var str3 = String(123); con...
2020-01-30 17:26:44
175
原创 引入JS前的小知识
Dom操作–元素先渲染，后捕获 声明变量的本质 1、向内存申请一个空间，存放变量值； 变量名----指向内存地址的指针 2、js无法直接读取内存地址 a----0x112456778----10 变量命名的规范 1.开头以英文字母，_ 和 $ 符号，不要使用数字，其他符号 2.变量中间，不要使用空格以及一些标点符号（ _ , $ 除外） 3.不要使用 关键字 和 保留字 4.js区分大小写 数据类...
2020-01-30 16:14:06
112
原创 flex布局 知识小笔记
flex布局 优点： 解决了，垂直居中问题； 不受空白节点的影响（共行的问题） 不会脱离文档流（方便x,y居中，两端对齐的问题） 特性: 弹性盒子，只对父子关系有效，后代不会继承 display:flex; 块级弹性盒子 display:inline-flex; 行内块级弹性盒子 相关面试题：弹性盒子如何实现水平居中，垂直居中 弹性盒子-弹性计算问题： 放大 flew-grow:1/2/3 缩...
2020-01-30 11:51:22
178
原创 animation 自定义动画
animation 自定义动画 animation-name 动画名 animation-duration 动画持续时间 keyframes 关键帧 自定义动画播放次数 animation-iteration-count: infinite; 自定义播放顺序： 顺时逆时交替播放 animation-direction: alternate; 自定义播放顺序： 倒序播放播放 animation-...
2020-01-29 17:42:33
328
原创 常用布局小节
常见的布局问题 1.居中 块级元素--定宽居中 div{ width:0px | 0%; margin-left:auto; margin-right:auto; } 行内块元素(文本居中) .baba{ text-align:center; } .son{ display:inline-block; } 2.定...
2020-01-29 16:59:52
181
原创 选择符/器 小笔记
选择符知识总结 1.通配选择符 * 代表所有的元素 *{ } 生成环境，有一份单独的reset.css来去除浏览器的默认样式 2.元素选择符 指代，具体的html标签 div{} 3.群组选择器 指代，多个html标签 div,p{} 4.类选择器 使用类名，进行元素的标识 .class{} 5.伪类选择器 ele:hover{} 6.关系选择器(a,b) 关系–由上往下–描述 ...
2020-01-29 16:23:22
149
原创 关于 伪类选择器 小笔记
伪类选择器 语法： ele(元素):hover(状态){ } 常见状态 a hover active link visited 参数： 1.表示—状态 hover 表示鼠标悬停状态 link 表示该连接不在历史记录，没有点过 visited 表示链接已被访问 active 鼠标按住 2.表示—位置 表示位置的伪类选择器 关键词 first 第一位置 last 最后位置 nth(x) ...
2020-01-29 16:02:53
142
原创 CSS-position 定位知识 小笔记
position 定位 默认值 static 静止 1.fixed 固定定位 会脱离文档流 需要提供一对坐标点----定位 至少提供一个坐标 left/right top/bottom 参考点：基于 body 进行定位 2.relative 相对定位 子绝父相 相对于自己定位，没有脱离文档流 参考点：自己 一般情况下：我们设置相对定位，是不设置坐标点的 更常用于，改变“绝对定位”元...
2020-01-29 15:43:47
164
原创 关于 background-image 的一些小笔记
background-image 可为元素设置背景图片 引用背景图片 background-image: url(); 约束图片尺寸 background-size: 50px 50px; cover 保证背景图铺满容器 ；缺点：不保证看见图片全貌 contain 保证背景图可以等比例显示；缺点：不保证能铺满背景 背景图不重复平铺 默认情况下是重复平铺 background-repeat: no-...
2020-01-29 15:35:37
209
原创 vertical-align 的使用
vertical-align 使用及注意点 vertical-align: 作用设置垂直方向对齐方式 一般情况下，搭配 行内块级元素使用 常用参数：middle / top / bottom 当两个div都设置了行内块元素，其中一个输入文字，会因为字体对齐方式以基线为准，所以会掉下来, 所以需要设置 vertical-align,让他不要以文字基线对齐，以盒子对齐。 注意点 vertical-a...
2020-01-29 15:15:02
312
原创 Scss的相关安装及使用
Scss 的相关安装及使用 一、相关介绍 1.Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。 2.关于 sass 和 scss 区别：scss其实是sass的更新版本而已。 3.使用scss的一些优点： （1）使用scss进行编写时，可以使css实现支持变量，函数，模块化的功能，使其加快开发效率，有效...
2020-01-04 23:45:27
469
原创 <a>标签的使用
** a标签的使用 <a href=""></a> href 需要跳转的网页地址 网站格式： 协议+://+域名(网址)+端口号(80/8080)+文件路径 a标签的属性： target _self 当前页面跳转 _blank 新标签页面打开 热更新： -编辑文件，保存，浏览器立刻刷新页面 锚点的使用： 1.对元素，命名一个锚点，进行标记 2.使用a标签href = “#...
2019-12-24 14:11:21
224
原创 Webpack 运行 npm run dev 报错 Error: Cannot find module 'webpack/bin/config-yargs'
Webpack 运行 npm run dev 报错 Error: Cannot find module ‘webpack/bin/config-yargs’ webpack 安装 loader 之后引入 css 文件运行 npm run dev 的时候出现报错情况 报错截图 原因：没有安装webpack-cli 解决办法：安装 npm install --save-dev webpack npm...
2019-12-08 23:37:02
625
原创 Python UDP发送信息显示“向一个无法连接的网络尝试了一个套接字操作”
使用Python编写代码发送信息给网络调试助手错误显示 错误原因明显是地址问题，打开win10的以太网设置，找到当前联网的IP地址复制粘贴到网络调试助手就可以了！ ...
2019-07-22 21:51:29
4065
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人