![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 52
master-刘
这个作者很懒,什么都没留下…
展开
-
面向对象和类的继承
面向对象编程1.1 两种编程思想面向过程面向对象1.2 面向过程编程POP(Process-orientend programming)分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现1.3 面向对象编程OOP(Object Oriented Programming)把事物分解成一个个对象,然后由对象之间分工合作,面向对象编程灵活,代码可复用,易于维护和开发。面向对象的特性封装性继承性多态性1.4 面向过程和面向对象的对比面向过程性能比面向对象高,适合跟硬件联系很..原创 2021-08-04 10:05:34 · 177 阅读 · 0 评论 -
请求相应原理和http协议
URL统一资源定位符,是专为标识Internet网上资源位置而设的一种编址方式URL组成传输协议://服务器IP或域名:端口/资源所在位置标识创建web服务器// 引用系统模块const http = require(‘http’);// 创建web服务器const app = http.createServer();// 当客户端发送请求的时候app.on(‘request’, (req, res) => {// 响应res.end(’< h1> hi, use原创 2021-02-26 14:11:35 · 149 阅读 · 0 评论 -
JavaScript 作用域,预解析以及对象
1. 作用域作用域就是代码名字在某个范围内起作用和效果,目的是为了提高程序可靠性和减少命名冲突1.1 js作用域(es6之前)全局作用域:整个script标签,或者是一个单独的js文件局部作用域:在函数内部1.2 变量作用域根据作用域不同,变量分为两种全局变量:在全局作用域下的变量,以及在函数内部没有声明直接被赋值的变量局部变量:在局部作用域下的变量全局变量只有浏览器关闭的时候才会销毁,比较占内存资源局部变量当程序执行完毕就会销毁,节省内存1.3 作用域链根据内部函数可以访问外部函数原创 2021-01-27 10:15:51 · 128 阅读 · 0 评论 -
JavaScript 循环
标题js中主要有三种循环:for循环 while循环 do while循环1.1 for循环for循环主要用于把某些代码循环若干次,通常跟计数有关系for (初始变化量;条件表达式;操作表达式) {循环体}初始变化量:用var声明一个变量,作为计数器使用条件表达式:决定每一次循环是否执行,作为终止条件操作表达式:每次循环最后执行的代码,用于计数器变量进行更新断点调试:在程序的某一行设置一个断点,调试时,程序运行到这一行会挺停住,然后可以一步一步往下调试,调试过程中可以看各个变量当前的值,原创 2021-01-24 19:03:53 · 171 阅读 · 0 评论 -
JavaScript 运算符
运算符用于实现赋值,比较和执行算数运算等功能的符号js中常用的运算符算术运算符+(加)-(减)*(乘)/(除)%(取余)注意:浮点数最高精度是十七位小数,在进行算术运算时精确度不如整数表达式:是由数字,运算符,变量等以能求出数值的有意义排列方法所得的组合递增和递减运算符++(递增)–(递减)可分为前置递增和后置递增前置自增和后置自增如果单独使用,效果是一样的后置自增是先返回原值,再自+1注意:递增递减运算符必须配合变量使用比较运算符< (小于)> (大..原创 2021-01-15 10:46:35 · 85 阅读 · 0 评论 -
JavaScript 变量
1.1 JavaScript是一种运行在客户端的脚本语言,不需要编译,运行过程中由js解释器逐行解释并执行1.2 JavaScript的作用表单动态校验网页特效服务端开发桌面程序APP控制硬件游戏开发1.3 html/css/js/关系html决定网页结构和内容,决定看到什么css决定网页呈现给用户的模样,决定好不好看js实现业务逻辑和页面控制,决定功能1.4 浏览器执行js浏览器分成两部分,渲染引擎和js引擎1.5 js组成ECMAScript(js语法) DOM(页面文原创 2021-01-14 16:29:37 · 95 阅读 · 0 评论 -
CSS 2D转换
转换之移动translate语法:transform:transform(x,y);重点:定义2D转换中的移动,沿着X轴和Y轴移动元素不会影响到其他元素的位置百分比单位是相对于自身元素的对行内标签没有效果转换之旋转rotate语法:transform:rotate(度数)重点:度数单位是deg角度为正时,顺时针;角度为负时,逆时针默认的旋转中心是元素的中心点转换中心点 transform-origin(我们可以设置元素转换的中心点)语法:transform-origin: x y;原创 2021-01-10 09:59:31 · 123 阅读 · 0 评论 -
CSS高级技巧
1.1 dispaly设置或检索对象是否以及如何显示dispaly:none 隐藏对象(隐藏元素,不保留位置)dispaly:black 除了转换为块级元素之外,还有显示元素的意思1.2 visibility可见性visibility:visible; 对象可见visibility:hidden; 对象隐藏(隐藏元素,保留位置)–>1.3 overflow溢出:检索或设置当对象的内容超过其指定高度及宽度时如何管理内容(只隐藏超出大小的部分)visible 不剪切内容也不添加滚动条hid原创 2021-01-09 09:04:02 · 165 阅读 · 2 评论 -
移动布局基础之 响应式布局
响应式开发1.1 响应式开发原理使用媒体查询针对不同宽度设备进行布局和样式的设置,从而适配不同设备1.2 响应式布局容器响应式需要一个父级作为布局容器,来配合自己元素来实现变化效果通过媒体查询改变布局容器的大小,再改变里面子元素的排列方式和大小2. bootstrap前端开发框架2.1 bootstrap是基于html,css,javascript的最受欢迎的前端框架下载网址:http://bootstrap.css88.com/标准化的html+css编码规范提供了一套简洁,直观,强.原创 2021-01-05 09:14:21 · 331 阅读 · 0 评论 -
移动布局基础之 rem适配布局
rem基础rem单位是是一个相对单位,相对于HTML元素的字体大小,和em不同通过修改HTML里面的文字大小来改变页面中元素的大小可以整体控制2.1 媒体查询(media query)使用@media查询,可以针对不同的媒体类型定义不同样式可以针对不同屏幕尺寸设置不同样式在重置浏览器大小的过程中,会根据浏览器宽高重新渲染页面2.2 语法规范@media media type and|not|only (media feature) {CSS-Code}mediatype查询类型al.原创 2021-01-02 11:32:41 · 222 阅读 · 2 评论 -
移动布局基础之 flex布局
1.1 传统布局与flex布局传统布局:兼容性好 布局繁琐 局限性flex布局:操作方便 布局简单 PC端兼容较差 IE 11及以下版本不支持2.1 flex布局原理弹性布局,用来为盒状模型提供最大的灵活性当我们为父盒子设为flex布局后,子元素的float,clear和vertical-align属性失效伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局采用flex布局的元素,称为flex容器,他的所有子元素称为flex项目总结:通过给父盒子添加flex属性,来控制盒子的位置和排原创 2020-12-31 10:48:54 · 146 阅读 · 0 评论 -
移动布局基础之 流式布局
移动端调试方法1.Chrome DevTools(谷歌浏览器)的模拟手机调试2.搭建本地web服务器,手机和服务器一个局域网,通过手机访问服务器3.使用外网服务器,直接IP域名访问移动端浏览器我们主要对webkit内核进行兼容我们现在开发的移动端主要针对手机开发现在移动端碎片化比较严重,分辨率和屏幕大小尺寸不一学会用谷歌浏览器模拟手机页面以及调试视口viewport就是浏览器显示页面内容的屏幕区域,视口可以分为布局视口,视觉视口和理想视口1.1 布局视口(layout viewport)原创 2020-12-30 13:36:01 · 351 阅读 · 0 评论 -
CSS 动画
动画是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。相比于过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。下面给大家带来关于CSS动画的基本语法动画的基本使用:1.先定义动画使用keyframes定义动画(类似定义类选择题)@keyframes 动画名称 {0% {width:100px;}100% {width:100px;}}0%是动画的开始,100%是动画的完成,这样的规则就是动画序列,可以做多个状态的变化,原创 2020-12-29 10:28:50 · 208 阅读 · 3 评论 -
HTML 标签
一小时帮你了解HTML什么是HTML当今社会,网络已经成为生活中必不可缺的一环。在日常生活中原创 2020-10-04 20:24:50 · 1379 阅读 · 2 评论