自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(58)
  • 收藏
  • 关注

转载 Ajax编程

1.Ajax 基础1.1传统网站中存在的问题l网速慢的情况下,页面加载时间长,用户只能等待 l 表单提交后,如果一项内容不合格,需要重新填写所有表单内容 l 页面跳转,重新加载页面,造成资源浪费,增加用户等待时间1.2Ajax 概述Ajax:标准读音 [ˈeɪˌdʒæks] ,中文音译:阿贾克斯它是浏览器提供的一套方法,可以实现页面无刷新更新数据,提高用户浏览网站应用的体验1.3Ajax 的应用场景1.页面上拉加载更多数据2.列表数据无刷新分页3.表单项离开焦点数据..

2021-04-09 20:56:57 1069

转载 Express框架

目录1.Express框架简介及初体验1.1Express框架简介及初体验1.2Express框架1.3 原生Node.js与Express框架对比之路由1.4原生Node.js与Express框架对比之获取请求参数1.5Express初体验2.中间件2.1 什么是中间件2.2app.use中间件用法2.3中间件应用2.4错误处理中间件2.5捕获错误3.Express请求处理3.1构建模块化路由3.2GET参数的获取3.3POST...

2021-04-09 10:25:34 671

原创 Node汇总

1.Node开发概述 1.1服务器端开发要做的事情l实现网站的业务逻辑 l数据的增删改查1.2Node是什么Node是一个基于Chrome V8引擎的JavaScript代码运行环境。2.Node运行环境搭建2.1 Node.js运行环境安装 官网:https://nodejs.org/en/2.2 Node环境安装失败解决办法1. 错误代号2502、2503失败原因:系统帐户权限不足。解决办法:1.以管理员身份运行powershell命令行工具2.输入.

2021-04-07 21:18:15 1294

转载 Node.js+Gulp

一、简介1、什么是Node.js?Node.js 是一种建立在Google Chrome’s v8 engine上的 non-blocking (非阻塞), event-driven (基于事件的) I/O平台.Node.js平台使用的开发语言是JavaScript,平台提供了操作系统低层的API,方便做服务器端编程,具体包括文件操作、进程操作、通信操作等系统模块2、Node.js的特性基于V8引起渲染JSREPL模式(Read-Evaluate-Print-Loop, 输入-求值-输出

2021-04-07 09:46:06 271

原创 MongoDB + Express 入门及案例代码

一、数据库概述及环境搭建1、为什么要使用数据库动态网站中的数据都是存储在数据库中的数据库可以用来持久存储客户端通过表单收集的用户信息数据库软件本身可以对数据进行高效的管理2、什么是数据库数据库即存储数据的仓库,可以将数据进行有序的分门别类的存储。它是独立于语言之外的软件,可以通过API去操作它。常见的数据库软件有:mysql、mongoDB、oracle。3、MongoDB数据库下载安装下载地址:https://www.mongodb.com/download-center/com

2021-04-07 09:12:05 727

原创 前端技能

目录一.网页开发1.Vue、React 和 Angular2.jQuery3.响应式开发二.小程序1.微信小程序原生开发2.uni-app3.Taro4.云开发三.移动端1.Native App2.Hybrid App主流开发框架有:1.RN(React Native)2.Flutter四.桌面端1.Electron五.其他技术1.TypeScript2.前端工程化3.算法,设计模式4.网络、安全5.Node..

2021-04-07 08:55:07 74

转载 Jquery汇总

目录为什么要学jquery体验jquery的使用jquery到底是什么jquery的版本问题jquery的入口函数jq对象和dom对象(重要)jquery选择器什么是jQuery选择器基本选择器层级选择器过滤选择器筛选选择器(方法)【案例:下拉菜单】【案例:突出展示】【案例:手风琴】【案例:淘宝精品】元素设置样式设置类名设置对应案例:案例-《tab切换》属性设置对应案例:案例-《美女相册》prop方法对应案.

2021-04-03 15:49:12 944

原创 框选2-echarts

效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt

2021-03-25 11:53:21 150

原创 框选1-echarts

效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt

2021-03-25 11:43:41 331

原创 table与散点图的交互--echarts

代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script> <title>table与散点图的交互</title> </h

2021-03-25 11:03:49 366

原创 用JS做简单框选图表

目录代码:效果:代码:<!doctype html><html><head> <meta charset="utf-8" /> <title>仿Echarts图表</title> <style> * { padding:0; margin:0; } #getcharts {

2021-03-25 10:17:13 238

原创 3D立方体旋转相册

<!doctype html><html><head><meta charset="utf-8"><title>CSS立方体加载动画</title><style>body { font-family: 'Roboto', sans-serif; background-color:darkgray; background-image: linear-gradient(335deg, #000 2

2021-03-24 19:29:07 132

原创 前端框架库

目录Node.jsangular.jsVue.jsAmaze UIAjaxAjax技术Ajax工作原理浏览器的普通交互方式浏览器的Ajax交互方式XMLHttpRequest 对象的三个常用的属性1. onreadystatechange 属性2. readyState 属性3. responseText 属性xmlhttprequst的方法1. open() 方法2. send() 方法Ajax编程步骤1.创建XMLHttpRe.

2021-03-24 18:10:29 300

原创 UI-1

目录Element-uilayuiElement-uiElement是饿了么前端开源维护的Vue UI组件库,组件齐全,基本涵盖后台所需的所有组件,文档讲解详细,例子也很丰富。 主要用于开发PC端的页面,是一个质量比较高的Vue UI组件库。官网地址:http://element-cn.eleme.io/#/zh-CNGithub:https://github.com/ElementUI/element-starterlayuilayui是一款采用自身模块规范编写的前端..

2021-03-24 17:13:44 1793

原创 vue基础--06

1.模块化的分类A.浏览器端的模块化1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品为:Require.js2).CMD(Common Module Definition,通用模块定义) 代表产品为:Sea.jsB.服务器端的模块化服务器端的模块化规范是使用CommonJS规范:1).使用require引入其他模块或者包2).使用exports或者module.exports导出模块成员3).一个文件就是一个模块,都拥有独立

2020-08-19 10:43:40 84

原创 移动WEB开发--flex布局

移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局 兼容性好 布局繁琐 局限性,不能再移动端很好的布局 1.2 flex布局 操作方便,布局极其简单,移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 1.3 建议 如果是pc端页面布局,还是采用传统方式 如果是移动端或者是不考虑兼容的pc则采用flex 2.0 flex布局原理 flex 是 fl

2020-08-19 10:42:38 228

原创 Jquery--小案例

目录一、 复选框全选二、两个文本框的单移动和全移动三、动态输入四、固定导航栏​五、旋转木马轮播图六、五角星评分案例一、 复选框全选<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { paddin..

2020-08-19 10:18:04 387

原创 Jquery--03

目录day03 - jQuery1.1. jQuery 事件注册1.2. jQuery 事件处理1.2.1 事件处理 on() 绑定事件1.2.2. 案例:发布微博案例1.2.3. 事件处理 off() 解绑事件1.2.4. 事件处理 trigger() 自动触发事件1.3. jQuery 事件对象1.4. jQuery 拷贝对象1.5. jQuery 多库共存1.6. jQuery 插件1.4.1. 瀑布流插件(重点讲解)1.4.2. 图片懒加载插.

2020-08-19 09:46:25 148

原创 Jquery--02

目录day02 - jQuery1.1. jQuery 属性操作1.1.1 元素固有属性值 prop()1.1.2 元素自定义属性值 attr()1.1.3 数据缓存 data()1.1.4 案例:购物车案例模块-全选1.2. jQuery 文本属性值1.2.1 jQuery内容文本值1.2.2. 案例:购物车案例模块-增减商品数量1.2.3. 案例:购物车案例模块-修改商品小计1.3. jQuery 元素操作1.3.1. 遍历元素1.3.2. 案例:购物

2020-08-19 08:50:24 413

原创 Jquery--02--案例

目录1.购物车案例一、商品全选二、商品增减数量三、修改商品小计四、计算总计和总额五、删除商品模块六、选中商品添加背景2. 品优购电梯导航1.购物车案例index.html<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>我的购物车-品优购</title> <meta

2020-08-19 08:50:01 143

原创 Jquery--01

目录day01 - jQuery1.1. jQuery 介绍1.1.1 JavaScript 库1.1.2 jQuery的概念1.1.3 jQuery的优点1.2. jQuery 的基本使用1.2.1 jQuery 的下载1.2.2. 体验jQuery1.2.3. jQuery的入口函数1.2.4. jQuery中的顶级对象$1.2.5. jQuery 对象和 DOM 对象1.2.6. jQuery 对象和 DOM 对象转换1.3. jQuery 选择器

2020-08-18 17:38:52 282

原创 移动WEB开发--响应式布局

目录1.0 响应式开发原理1.1 响应式开发原理1.2 响应式布局容器2.0 bootstrap的介绍2.1Bootstrap简介2.2 bootstrap优点2.3 版本简介2.4bootstrap基本使用创建文件夹结构2.创建 html 骨架结构 3.引入相关样式文件4.书写内容2.5 bootstrap布局容器2.6 bootstrap栅格系统栅格嵌套列偏移列排序响应式工具1.0 响应式开发原理1.1 响应式开发原理.

2020-08-18 16:08:21 106

原创 移动WEB开发--rem布局

目录rem基础媒体查询less 基础rem适配方案rem基础rem单位rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如,根元素(html)设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。/* 根html 为 12px */html { font-size: 12px;}/* 此时 div 的字体大小就是 24px */ .

2020-08-18 15:56:24 58

原创 移动WEB开发--流式布局

目录移动web开发流式布局1.0 移动端基础2.0 视口2.1 布局视口 layout viewport2.2视觉视口 visual viewport2.3理想视口 ideal viewport2.4meta标签3.0二倍图3.1物理像素&物理像素比3.2背景缩放background-size4.0 移动开发选择和技术解决方案4.1移动端主流方案4.2 移动端技术解决方案4.3 移动端大量使用 CSS3盒子模型box-sizin4.4移动端

2020-08-13 17:46:22 115

原创 HTML5/CSS3-03

目录HTML5 第三天一、 认识 3D 转换3D 的特点三维坐标系二、3D 转换3D 转换知识要点3D 移动 translate3d语法代码演示三、透视 perspective知识点讲解知识要点代码演示四、 translateZtranslateZ 与 perspecitve 的区别五、3D 旋转rotateX语法代码案例六、3D 旋转 rotateY七、 3D 旋转 rotateZ八、3D 呈现 transform-sty

2020-08-13 17:18:28 137

原创 HTML5/CSS3-02

目录HTML5 第二天一、rotate使用步骤:案例代码二、三角二、设置元素旋转中心点(transform-origin)transform-origin 基础语法重要知识点三、旋转中心案例四、2D 转换之 scale五、图片放大案例六、分页按钮案例七、 2D 转换综合写法以及顺序问题八、 动画(animation)九、动画序列十、动画常见属性十一、 动画简写方式十二、速度曲线细节十三、案例1.奔跑的熊大​2.阴阳师动画行.

2020-08-13 10:38:43 222 1

原创 HTML5/CSS3

目录HTML5一、什么是 HTML5HTML5 的概念与定义HTML5 拓展了哪些内容HTML5 的现状二、HTML5 新增标签什么是语义化新增了那些语义化标签使用语义化标签的注意三、多媒体音频标签多媒体标签有两个,分别是audio 标签说明audio 支持的音频格式audio 的参数5、audio 代码演示四、多媒体视频标签video 视频标签语法格式video 参数video 代码演示多媒体标签总结五、新增 inpu

2020-08-13 09:29:28 299

原创 CSS综合案例-品优购电商04

目录1. 品优购项目(四)1). 详情页 detail.html 常用单词2). 面包屑导航3). 产品介绍 模块4). 预览区域制作3.1 preview_list 制作5). 产品详细信息区域制作 itemInfo_wrap6). 产品细节模块 product_detail6.1) aside 布局6.2) detail 布局7.详情页代码8. 注册页面 register8.1 registerarea布局9.注册页代码1. 品优购项目(.

2020-08-12 17:45:59 1951

原创 CSS综合案例-品优购电商03

目录品优购项目(三)1. 首页制作1). 楼层区 floor2). 家用电器模块3). box-hd 模块4). box-bd 模块5). 侧边栏 fixedtool 制作6). 知识点 -过渡(CSS3)2. 列表页制作1). 列表页准备工作2). 列表页 header 和 nav 修改3). 列表页主体盒子 sk _container4). sk_goods 布局5). 分页制作 page6). 知识点 -获得焦点元素3.综合代码1.f

2020-08-12 11:38:26 586

原创 CSS综合案例-品优购电商02

目录品优购项目(二)1. 品优购首页布局1). nav 导航栏制作2). footer 底部制作3). mod_service 服务模块制作4). main 主体模块制作5). newsflash 新闻快报模块6). news 新闻模块7). lifeservice 生活服务模块8). recommend 推荐模块2.综合代码index.htmlbase.csscommon.cssindex.css品优购项目(二)目标: 能课堂跟上p

2020-08-12 10:29:23 809

原创 CSS综合案例-品优购电商01

目录品优购项目(一)1. 品优购项目介绍2. 项目背景3. 设计目标4. 几点思考5. 代码规范6. 前期准备工作目录文件夹样式文件的分类7. 网站ico图标1). 使用ico图标2). 制作ico图标8. 网站优化三大标签9. 字体图标1. 字体图标优点2. 字体图标使用流程3. 设计字体图标4. 上传生成字体包5. 下载兼容字体包6. 字体引入到HTML7. 追加字体图标拓展@ 常见字体格式10. 品优购首页布局

2020-08-11 10:57:27 484

原创 CSS-07

目录CSS高级技巧1. 元素的显示与隐藏1.1 display 显示(重点)1.2 visibility 可见性 (了解)1.3 overflow 溢出(重点)1.4 显示与隐藏总结2. CSS用户界面样式2.1 鼠标样式cursor2.2 轮廓线 outline2.3 防止拖拽文本域resize2.4 用户界面样式总结3. vertical-align 垂直对齐3.1 图片、表单和文字对齐3.2 去除图片底侧空白缝隙4. 溢出的文字省略号显示

2020-08-11 07:43:44 494

原创 CSS-06

目录定位(position)目标1. CSS 布局的三种机制2. 为什么使用定位3. 定位详解3.1 边偏移3.2 定位模式 (position)3.2.1 静态定位(static) - 了解3.2.1 相对定位(relative) - 重要3.2.3 绝对定位(absolute) - 重要3.2.4 固定定位(fixed) - 重要4. 定位(position)的案例4.1 哈根达斯4.2 仿新浪头部和广告5. 定位(position)的扩展

2020-08-10 22:57:28 122

原创 CSS-05

目录1. 学成在线页面制作目标1.1 前期准备素材1.2 前期准备工作1.2 CSS属性书写顺序(重点)1.3 布局流程1.4 页面制作2. chrome调试工具2.1 怎样打开Chrome的开发者工具?chrome调试数值3.学成在线网页案例1. 学成在线页面制作目标 理解 能够说写单页面我们基本的流程 能说出常见的css初始化语句 能说出我们CSS属性书写顺序 应用 能利用ps切

2020-08-10 22:03:04 290

原创 CSS-04

目录1. 浮动(float)目标1.1 CSS 布局的三种机制1.2 为什么需要浮动?1.3 什么是浮动(float)1.4 浮动(float)小结1.5 浮动(float)的应用(重要)1.6 浮动(float)的扩展2. 清除浮动2.1 为什么要清除浮动2.2 清除浮动本质2.3 清除浮动的方法2.4 清除浮动总结pink 的秘密3. Photoshop 切图1). PS切片工具2). 切图插件4.案例1.导航栏案例2.

2020-08-10 17:05:04 116

原创 CSS-03

目录盒子模型(CSS重点)1.看透网页布局的本质2. 盒子模型(Box Model)3. 盒子边框(border)3.1 边框综合设置3.2 盒子边框写法总结表3.3 表格的细线边框4. 内边距(padding)4.1 内边距:4.2 设置4.3 课堂案例: 新浪导航4.4 内盒尺寸计算(元素实际大小)4.5 内边距产生的问题4.6 padding不影响盒子大小情况5. 外边距(margin)5.1 外边距5.2 设置:5.3 块级盒子

2020-08-10 16:26:57 88

原创 CSS-02

目录1. CSS复合选择器1.1 后代选择器(重点)1.2 子元素选择器1.3 交集选择器1.4 并集选择器(重点)1.5 链接伪类选择器(重点)1.6 复合选择器总结2. 标签显示模式(display)重点2.1 什么是标签显示模式2.2 块级元素(block-level)2.3 行内元素(inline-level)2.4 行内块元素(inline-block)2.5 三种模式总结区别2.6 标签显示模式转换 display3. 行高那些事(li

2020-08-10 11:40:26 190

原创 CSS-01

引入CSS样式表4.1 行内式(内联样式) 概念: 称行内样式、行间样式. 是通过标签的style属性来设置元素的样式 其基本语法格式如下: <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>实际上任何HTML标签都拥有style属性,用来设置行内式。 案例: <div style="color: red; font-size: 12px;">青春不常在,抓紧谈恋爱&l

2020-08-10 10:52:19 243

原创 HTML-02

目录表格 table(会使用)1. 创建表格2. 表格属性3. 表头单元格标签th4. 表格标题caption5. 合并单元格(难点)5.1 合并单元格2种方式5.2 合并单元格顺序5.3 合并单元格三步曲6. 总结表格7. 拓展阅读@表格划分结构(了解)2. 列表标签(重点)1.1 无序列表 ul (重点)1.2 有序列表 ol (了解)1.3 自定义列表(理解)1.4 列表总结2. 表单标签(掌握)2.1 input 控件(重点

2020-08-09 19:14:33 161

原创 HTML-01

目录1. HTML常用标签1.1 排版标签1)标题标签h (熟记)2)段落标签p ( 熟记)3)水平线标签hr(认识)4)换行标签br (熟记)5)div 和 span标签(重点)排版标签总结1.2 文本格式化标签(熟记)1.3 标签属性1.4 图像标签img (重点)1.5 链接标签(重点)1.6 注释标签团队约定2. 路径(重点、难点)相对路径绝对路径3. 综合案例: 圣诞4. @拓展阅读4.1 锚点定位 (难点)4.2

2020-08-09 17:29:19 326

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除