desson

原创 一、初识express

文章目录1.什么是express2.express的基本使用1.什么是express2.express的基本使用示例：

原创 五、开发属于自己的包

文章目录1.需要实现的功能2.初始化包的结构3.初始化package.json文件4.在index.js文件中定义格式化时间的方法5.在index.js中定义转义html的方法6.定义还原html的方法7.将不同的功能进行模块化拆分8.编写包的说明文档9.发布npm包10.删除已发布的包11.模块的加载机制1.需要实现的功能2.初始化包的结构所有和包相关的文件都要存放在itheima-tools文件夹中3.初始化package.json文件4.在index.js文件中定义格式化时.

原创 四、包管理配置文件

文章目录1.概念2.包管理配置文件作用3.快速创建package.json4.dependencies节点5.一次性安装所有的包6.从项目中卸载包7.了解devDependencies节点8.使用npm命令下载包速度慢9.工具：nrm1.概念2.包管理配置文件作用第三方包是可以直接在官网中下载的，由于第三方包体积过大，所以在项目共享文件的时候不把第三方包资源一起携带上传？那么如何将项目中使用到的包进行记录呢，以便于其他队员知道项目开发中使用了哪些包？如何记录项目中都安装了哪些包？3.快速.

原创 三、npm与包

文章目录一、包1.什么是包2.包的来源3.为什么需要包4.包的下载二、npm1.npm初体验一、包1.什么是包2.包的来源3.为什么需要包4.包的下载包共享平台二、npm1.npm初体验

原创 二、模块化

文章目录

原创 一、初识node.js与内置模块

文章目录一、什么是node.js二、node.js作用三、node.js中的JavaScript的组成部分四、使用fs模块读写操作文件五、使用path模块处理六、使用http模块写一个基本的web服务器一、什么是node.js二、node.js作用三、node.js中的JavaScript的组成部分四、使用fs模块读写操作文件五、使用path模块处理六、使用http模块写一个基本的web服务器...

原创 7.Github与分支

1.什么是开源？2.常见的开源协议3.为什么要开源？4.开源托管平台5.GitHub建立远程空白仓库

原创 6.Git常用命令

配置用户信息git config --global user.name ''用户自定义名字"git config --global user.email "用户自定义邮箱，不验证真实性“git的全局配置文件通过命令查看GIt的全局配置情况获取帮助命令获取git仓库的两种方式本地项目目录转为Git仓库在选择的项目目录中打开git bash ;git终端窗口就会打开，并且直接进入当前的项目路径下；执行git init；之后会生成一个名字为： ..

原创 5.HTTP协议加强

文章目录一、什么是通信？一、什么是通信？

原创 4.跨域与jsonp

文章目录一、了解同源策略和跨域1.什么是同源？2.什么是同源策略3.什么是跨域二、JSONP1.什么是JSONP2.JSONP的实现原理3.实现一个简单的JSONP一、了解同源策略和跨域1.什么是同源？补充：在域名后面没有写出 冒号 端口号 则默认是80端口号2.什么是同源策略3.什么是跨域== 不是同源就是跨域==浏览器的同源策略会拦截服务器响应回来的数据：因为这是跨域请求二、JSONP1.什么是JSONP2.JSONP的实现原理利用script的sc属性不受浏览器.

原创 3.Ajax加强

文章目录一、XMLHttpRequest的基本使用一、XMLHttpRequest的基本使用

原创 2.form表单

文章目录一、表单1.什么是表单？2.表单的组成3.form标签的属性4.表单的同步提交及缺点5.通过Ajax提交表单数据二、使用步骤1.引入库2.读入数据总结一、表单1.什么是表单？2.表单的组成3.form标签的属性4.表单的同步提交及缺点5.通过Ajax提交表单数据二、使用步骤1.引入库2.读入数据总结...

原创 1-服务器的基本概念与初识Ajax

文章目录一、了解服务器1.服务器2.客服端3.url地址4.客户端与服务器之间的通信二、了解Ajax1.什么是Ajax2.jQuery中的Ajax一、了解服务器1.服务器上网过程中，负责存放和对外提供资源的电脑，叫做服务器。2.客服端上网过程中，负责获取和消费资源的电脑，叫做客户端。3.url地址URL（全称是UniformResourceLocator）中文叫统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的.

原创 Echarts

文章目录一、数据可视化是什么？1.数据可视化2.应用场景3.常见的数据可视化库二、ECharts简介1.介绍三、四、五、一、数据可视化是什么？1.数据可视化目的：借助于图形化手段，清晰有效的传递信息；将数字图形化2.应用场景通用报表移动端图表大屏可视化图编辑、图分析地理可视化3.常见的数据可视化库数据可视化库很多，我们接下来重点学习ECharts二、ECharts简介1.介绍ECharts是用原生js实现的可视化库（js文件），兼容绝大部分浏览器 ，底层依赖矢量图形库

原创 jQuery-黑马笔记

系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录一、jQuery介绍及常用API1.jQuery的概述2.jQuery的使用3.jQuery的入口函数4.jQuery的顶级对象 $5.jQuery对象和dom对象二、jQuery常用API1.jQuery选择器2.jQuery样式操作3.jQuery筛选选择器4.jQuery的

原创 day3-JS之高级语法

系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、包装类型1.String2.NumberBoolean补充两个公共方法二、面向对象1.封装2.原型对象【显示原型】2.继承2.1继承2.2继承优化3.原型链总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很

原创 day2-JS之高级语法

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言今日学习内容： 递归练习 解构赋值 面向过程和面向对象 创建对象 构造函数 自定义构造函数 属性 静态成员和实例成员 引用类型 数组及数组方法 正则构造函数一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：impor.

原创 day1-JS之高级语法

作用域分类 - 作用域分为局部作用域和全局作用域 ；局部作用域：函数内部的作用域 ；全局作用域：函数外部的作用域 - 变量分为局部变量和全局变量 - 函数调用执行时，都会开辟新的内存空间，当函数执行完毕就会关闭这块空间，并且里面的一些变量也会被销毁 - -声明变量可以不写let 此时的变量是全局变量局部作用域 - 局部变量：在函数内部声明的变量就是局部变量 局部变量只能在当前函数内部使用；在函数执行完毕时会关闭局部作用域空间，局部变量会被销毁 - 函数中的形参：形参相当

原创 小兔鲜登入页面

案例介绍

原创 小兔仙注册案例

立即执行函数(回顾)多个立即执行函数用分号隔开 分号放在立即执行函数前面或者后面 ; (function () { }()) (function () { }());补充内容：chang事件与input和blur的区别 <input type="text" name="" id=""> <textarea name="" id="" cols="30" rows="10"></textarea> <s

原创 DOM-正则表达式

正则表达式介绍语法元字符/^哈$/ : ^$精确匹配 只有一个哈才能返回true修饰符正则表达式规则在书写的时候不能加空格，{3}不加空格！分析：【abc】只要有abc其中一个就是真 加了 ^$精确匹配 只有一个a或者一个b或者一个c 才是真分析：{4，}针对的是【0-9】...

原创 BOM-操作浏览器

window对象BOM定时器-延时函数JS执行机制任务：一条代码就是一个任务 <!-- JS执行机制 --> 分析一： <script> //JS的异步任务是通过回调函数实现的 在这块代码中setTimeout是异步任务 // 1.分析代码块是同步任务还是异步任务 并且把同步任务按照代码顺序放在执行栈中 把异步任务按顺序放到任务队列中 //2.依次按照执行栈中的代码顺序执行 执行完后

原创 DOM-网页特效篇

滚动事件和加载事件元素大小和位置

原创 DOM-事件高级

什么是事件对象？事件对象属性clientX / clientY : 坐标是相对浏览器窗口大小而言的;当页面有滚动条的时候仍然是在可见窗口区域确定坐标pageX / pageY : 坐标是以文档长度确定坐标的 也就是说 坐标会跟随滚动条变化的offsetX / offsetY: 坐标是以当前选中的元素为参考确定的键盘事件按回车发布留言事件：keyup：按键盘直到键盘松开才触发keydown：按下就触发并且结束了 不用等松开 松开之后会多一个回车字符【长度为1】 一个空格

原创 web-api-节点操作

节点操作什么是节点？dom树中的所有内容都是节点 内容可以分类成以下： 内容： 元素节点 属性节点：元素中的属性 如href class id 文本节点：字面文本 其他 节点关系有三类：父子兄父节点：子元素.parentNode 找最近一级的亲爸爸 找不到返回null ...

原创 案例作业反馈总结

当一个标签有多个类名的时候这个标签的类名都是兄弟关系 在对该标签的css样式设定时 兄弟之间的类名不能含有空格符号this.classList.toggle('active') 含义：判断当前是否含有类名叫active的 如果有则删除active 没有则加上activetoggle-切换add-remove- 括号里面都是填写字符串类名 不需要加点...

原创 web-api－dom操作

获取DOM对象对象.innertext=属性值inner text 不识别标签 也就是说属性值不识别标签 只是修改文字内容innerHTML：能解析标签

原创 移动开发之响应式布局

bootstrap参考

原创 rem适配方案2-flexible.js

原创 JS基础-知识汇总

变量变量的声明： let 变量名-语法：声明关键字 变量名-关键字：let-使用变量不能加引号 否则就是字符串了-let 不允许多次声明一个变量-var和let的区别：1.可以先使用在声明，但是不合理 2.var 声明过的变量可以重复声明 不合理 3.比如 变量提升 全局变量 没有块级作用域 知识扩充：JavaScript中var、let和const的区别变量的本质-变量：是程序在内存中申请的一块用来存放数据的小空间数组-声明数组的基本语法： let

原创 flex布局之携程移动页面

**案例1：图片在上文字在下 用flex布局实现 **flex主轴默认是水平x轴-项目图片和项目文字在x轴水平显示-当把主轴设置为Y轴时 flex-direction ：Y轴 -项目图片和项目文字就实现了【图片在上文字在下】-在把侧轴设置为居中对齐 align-items：center；背景颜色的线性渐变【必须添加浏览器私有属性】background：linear-gradient（起始方向，颜色1，颜色2）；从左边开始 有红色变成蓝色：background：-webkit-linear-

原创 flex布局

设置侧轴（单行时的）子元素对齐方式：align-items:当align-items:stretch （拉伸）时，项目不需要设置高度 否则没有效果，拉伸按字面意思把子元素的长度拉满-只有上对齐，下对齐，居中和拉伸设置侧轴（多行时的）子元素对齐方式-align-content【单行用没效果】：-多了平均分配剩余空间等属性flex布局中子项的常用属性-flex：子项目占的份数【用来定义子项分配剩余空间 比如： flex=1 选中的子元素有3个 在剩余的空间中，每份子元素占三分之一的空间

原创 流式布局记录之京东移动布局

问题：流失布局 盒子不断的拉伸 可能会将盒子里面的内容挤下来 所以为了保护盒子在合理的分为之内通过最大宽度和最小宽度 来限制盒子的拉伸范围max-width:最大宽度min-width:最小宽度 以px为单位 一般给父级元素使用，限制父级的拉伸范围 使得子元素也会被限制移动端页面要设置视口标签： 二倍精灵图的做法 以JD移动页面的搜索框中的放大镜为例1.在fw软件中把精灵图等比例缩放为原来的一半【原来精灵图是400200 等比例缩放一半之后是 200100】【在实际fw操作中,只需要

原创 less基础

lessrem适配方案

原创 rem适配布局

rem适配布局+响应式布局REM适配方案–布局less语法 + rem适配布局

原创 flex布局

flex布局详解（配图-简洁易懂）什么是flex布局Flex布局实战（一）：骰子css圣杯布局和双飞翼布局（超详细）双飞翼布局和圣杯布局

原创 移动端布局

移动端布局移动端布局参考

原创 移动端开发基础

移动端开发基础background-size属性详解background-size属性详解

原创 css3私有前缀

参考

原创 CSS3d转换

参考参考参考参考主要知识点3D位移: translate3d(x,y,z)2.3D旋转: rotate3d(x,y,z)透视: perspective3D呈现 transfrom-style元素旋转方向的判断【左手法则】3d呈现 transform-style控制子元素是否开启三维立体环境。。transform-style: flat 子元素不开启3d立体空间 默认的transform-style: preserve-3d; 子元素开启立体空间代码写给父级，但是影响的是子