- 博客(18)
- 收藏
- 关注
RSS订阅原创 js布尔操作符逻辑与或非
布尔操作符逻辑非1.如果操作的是一个对象，返回false2.如果操作的是一个空字符串，返回true3.如果操作的是一个非空字符串，返回false4.如果操作的是一个数字0，返回true5.如果操作的是一个非数字0，返回false6.如果操作的是NaN，返回true7.如果操作的是null，返回true8.如果操作的是undefined，返回true逻辑与1.如果第一个操作的是对象，则返回第二个2.如果第二个操作的是对象，则第一个表达式为true的情况下，才返回第二个3.如果两个都是
2021-04-06 13:34:28
203
原创 js位操作符学习笔记
位操作符操作的是二进制数为了提高计算机运行速度按位非（not）把二进制数的1变成0，0变成1var a=25；var b=~a b=?25的二进制：00000000000011001按位非之后：11111111111100110结果：-24按位与（and）两个数字的二进制数，对应位置都为1，则为1，都为0则为0，不相同则为0var a=25； var b=a&3； b=？25的二进制： 00000000000000000110013的二进制 ：0000000000000
2021-03-31 17:17:44
197
原创 js语法还有进制数学习
JavaScript介绍简称js，是由网景公司研发，他不是html的一部分，是可以写在页面上的一种语言，叫做脚本语言，当前可以用来操作标签和样式，制作动画效果，做表单验证，连接后台，制作游戏等。前端的开发模式mvc模式：m层：模型层 html标签来显示v层：视图层 css样式c层：控制层 js操作注释：< !–html的注释–>/css注释///js单行注释/js多行注释/语句大小写html：不区分大小写css：区分大小写js：区分大小写语法1.变量
2021-03-23 14:17:59
179
原创 正则学习规范
正则表达式基础知识一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。如：JScript VBScript 匹配/^[ \t] * $ / “^[ \t] * $” 匹配一个空白行。/\d{2}-\d{5}/ “\d{2}-\d{5}” 验证一个ID 号码是否由一个2位数字，一个连字符以及一个5位数字组成。/<(. )>
2021-02-07 17:46:36
134
原创 Less学习详解
Less是一种动态的样式语言。Less扩展了CSS的动态行为，比如说，设置变量（Variables）、混合书写模式（mixins）、操作（operations）和功能（functions）等等，最棒的是，Less使用了现有的CSS语法，也就是说，你可以直接把你现成的样式文件“style.css”直接改成“style.less”，他也能正常工作。如：< link rel=“stylesheet/less” href=“less/style.less” />Less现在可以在客户端（如：IE+,
2021-02-05 12:41:14
473
原创 如何优化页面
如何优化你的页面？回答的主要角度：HTML、CSS、JS、SEO、PS具体如下：1.在书写HTML代码的时候，遵循标签语义化的要求，根据标签的语义性进行选择，如布局使用div、标题使用h系列标签、段落使用p标签等。2.HTML代码要合理嵌套，一般情况下，行元素当中不能包含块元素，除了段落、标题类型的块元素当中，既能够包含块元素，也能够包含行元素，而段落或标题类的块元素只能够包含文字或行元素。table元素只能够直接包含thead、tbody、tfoot、caption等元素；ul/ol元素只能直接包
2021-02-01 10:57:03
319
原创 sass语法学习
sass 语法sass语法是css的一种扩展使用1.需要安装软件rubyinstaller-2.2.2-x642.定义css文件3.页面上引入css< link href=“sass/main.css” rel=“stylesheet” >语法1.变量定义变量$ size:20pxdiv{font-size:$ size}做运算$ size:20pxdiv{font-size:$ size*2}2.嵌套&找上一层标签.d1{border:1px so
2021-01-30 10:20:09
155
原创 less语法笔记
less语言less是css的一种扩展语言，用来动态设置css样式，让css语法写作更简单，调整响应式更方便使用1.引入js文件< script src=“js/less-1.3.3.min.js”>< /script>2.需要创建css文件，但是扩展名必须是less3.用link标签引入css文件< link href=“css/style.less” rel=“stylesheet/less”>注意：less和sass只能在服务器地址下运行4.安装在服
2021-01-29 08:29:51
170
原创 浏览器兼容性 iframe框架 还有边距塌陷问题
浏览器兼容性1.页面会默认给所有标签保存空隙，解决方法*{margin:0px;padding:0px}2.块级元素水平居中div{width:1000px;margin:0px auto}3.给文字和图片设置水平居中div{text-align:center}4.块级元素水平垂直居中.box{width:200px;height:200px;position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-100px;}
2021-01-28 09:29:07
637
原创 HTML响应式自学笔记
响应式@media媒体查询例如：@media all and（max-width：400px）{}设备分辨率电脑：1000~1200平板：768-992 992-1200手机：768以下例如：@media all and（max-width：992px）{//平板端.box{background-color：blue；}}@media all and（max-width：768px）{//手机端.box{background-color：green；}}设备关键字all所有设
2021-01-27 08:25:19
145
原创 svg画图还有html动画效果笔记
svg画图特点：1.svg支持IE9以上2.svg叫做伸缩矢量图形3.svg可以通过文本编译器来创建4.可以被搜索，索引，脚本化和压缩5.svg图形放大缩小尺寸不会失真定义< svg class=“can”>< /svg >创建画布绘制图形线体< line x1=“50” y1=“50” x2=“200” y2=“200” stroke=“red”stroke-width=“3”>< /line>值：x1,y1表示起始位置坐标 x
2021-01-26 08:28:18
215
原创 HTMLCSS中用户界面还有表单布局css渐变色笔记
用户界面1.outline-offset 边距和轮廓的距离单位：像素或百分比2.resize 设置标签宽高可调整必须与overflow： auto连用none无 both都可以调整 horizontal 水平调整 vertical垂直调整 inherit默认继承3.zoom 等比缩放单位：数字，可以为小数，不能为负数css3 选择器1.ul li：first-child{}查找第一个孩子2.ul li：last-child{}查找最后一个孩子4.ul li：nth-child（3
2021-01-25 09:49:18
131
原创 CSS精灵学习笔记
css精灵css精灵也叫做css雪碧（css sprites），是一种css图片拼合技术，将网页中的一些背景拼合在一个图片中，再利用背景定位的方法寻找某一个图片的位置优点：1.减少网页对服务器的请求次数2.提高浏览器的加载速度剩余标签1.>代表> <代表<  是空格 回车2.二级列表< dl>< dt>< /dt>< dd>< / dd>< dd><
2021-01-23 10:25:05
157
原创 HTML关于表单和类选择器自学笔记
表单1.< input type=“text”>基本文本框2.< input type=“password”>密码框 都为行级元素3. < input type=“radio” name=“sex”> 单选框4.< input type=“checkbox” name=“like”> 复选框5.< input type=“file”>上传附件6.< select >下拉框< option > 学生<
2021-01-23 10:20:35
173
1
原创 HTML 选择器介绍学习和背景布局自学笔记
选择器关系选择器1：ul li{}后代选择器2：h1,p,a{}并集选择器3：div>p{}子选择器4：h1+p{}下一个兄弟元素5:h1~p{}下面的所有兄弟元素伪类选择器1：a:link{}没访问的状态2：a:visited{}被访问过后的效果3：a：hover{}鼠标悬停4：a：active{}被选中的效果写作顺序：hover必须在link之后，active必须在hover之后伪对象选择器（content）1：div：before{} css1 在元素之前添加内容
2021-01-22 11:17:02
125
原创 HTML ——css属性问题
css属性文本修饰text-decoration文本修饰none无线体 underline下划线 line-througth删除线尺寸width宽度 单位：像素px或百分比height高度 单位：像素px或百分比边框border-width 边框粗细 单位：像素px或百分比border-color 边框颜色 单位：像素px或百分比border-style 边距样式none无边距 solid实线 double双边线 dotted点线 dashed虚线简写：
2021-01-21 08:03:16
131
原创 HTMLcss基础介绍2021-01-20
css 介绍层叠样式表，用来美化页面的，将表现与样式相分离，减少代码写作，提高浏览器加载速度语法：1：行内样式(不建议）<h 1 style=“color:red”></h 1>2：内嵌样式基本选择器1：*{}通配符选择器（所有标签）2：h 1{}标签选择器3：#font{}id选择器 选择id属性，是唯一的4：.font{}类选择器 选择class属性，可以重复字体样式1：color字体颜色单词：red……十六进制值：#0f0f0f #eee色
2021-01-20 16:03:35
309
原创 HTML基础入门2021-01-20
超文本标记语言，扩展名称包括html和htm，文件名称包括大小写，标签名称不包括大小写，标签成对出现，属性前后无顺序，属性值要用单双引号引起来。注意：页面不支持空格和回车。注释：基本标签：1.<！DOCTYPE html>注记 翻译html，如果不写会不识别html5的语法，会兼容低版本造成页面串行，2.主标记，所有html代码都必须写在此标签里3.头部，定义窗体信息和外部引入文件4.身体，放置页面上显示的信息5.修改字符集iso8859-1 欧美字符集（默认）gbk 中
2021-01-20 16:00:52
467
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人