- 博客(14)
- 收藏
- 关注
RSS订阅原创 分页组件
分页组件功能：分页！，大致功能如下：1.左右箭头页码的前移和后退2.显示当前页数3.显示总页数4.手动输入跳转（当输入的数字大于总页数，跳转到最后一页，输入的页数小于1，跳转到第一页）5.当页数小于等于1，不显示分页组件6.当分页数数量庞大时，省略号形式的实现代码结构<template> <div class="page" > <div clas...
2019-12-10 11:35:09
238
原创 css浮动
float:leftfloat:rightfloat:none基础知识：会使元素向左或向右移动，只能左右，不能上下浮动元素碰到包含框或另一个浮动框，浮动停止（就是在上一个后面）浮动元素之后的元素将围绕它，之前的不受影响（该元素浮动后，只会影响该元素后面的元素的排列）浮动元素会脱离标准流，是标准流，但是没有脱离文本流，这也是早期float用来文字环绕效果的原理元素浮动后该元素具备行...
2019-11-27 11:13:09
86
原创 css同心圆扩散
同心圆扩散要点：定位：每个圆形定位要相同，因为为了达到同心圆扩散的效果有一个定宽定高的圆形，剩下的圆形通过缩放和透明的改变而改变，因此必须保证定位的位置相同为了达到垂直居中的效果，可以通过transfrom(-50%,-50%),但是因为需要通过transfrom的缩放来达到扩散的效果，因此会发现之前水平垂直的效果没有达到，因为被动画中的trasnfrom缩放的语句覆盖了<!DOCTY...
2019-11-26 15:12:22
463
原创 JSON和跨域
JSON基本概念：①JSON：Javascript对象表示法（Javascript Object Notation）②JSON是存储和交换信息的语法，类似XML，它采用键值对的方式来组织，③易于人们阅读和编写，同时也易于机器解析和生成④JSON是独立于语言的，也就是说不管什么语言，都可以解析json，只需要按照JSON的规则来就行JSON与XML比较①JSON的长度比XML格式比起来很短...
2019-11-04 21:04:10
82
原创 HTTP Ajax
1.什么是Http?http是计算机通过网络进行通信的规则，它是一种无状态的协议（不建立持久连接）2.完整的HTTP请求过程①建立TCP连接②Web浏览器向Web服务器发送请求命令③Web浏览器发送请求头信息④Web服务器应答⑤Web服务器发送应答头信息⑥Web服务器向浏览器发送数据⑦web服务器关闭TCP连接一个HTTP请求一般由四部分组成：（一）Http请求的方法或动作(...
2019-11-04 20:20:24
54
原创 全屏布局
全屏布局总分为三行，其中头部尾部定高，宽度自适应主题内容为第二行，第二行内分为左右两部分，左边定宽，高度自适应，右边宽高自适应，主要运用定位的方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont...
2019-11-04 16:26:26
126
原创 等高布局
方案一：使用display：table,display：table-cell,因为单元格的高度默认等高<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt...
2019-11-04 15:29:33
55
原创 等分布局
方案一：利用width百分比实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...
2019-11-04 14:37:02
68
原创 三列布局，圣杯布局，双飞翼布局
一：左中定宽，右自适应该布局的解决方案和两列布局雷同，只不过在原来的基础上多了一列定宽，css无非也就是增加多的那一列的代码二：圣杯布局（三行三列布局）形式：中间自适应，两边定宽...
2019-11-04 09:05:27
68
原创 两列布局
第一种解决方案：①给左边设置定宽，左浮动②给右边设置margin-left：左边left的宽度优点：实现方式简单缺点：①自适应元素Width与定宽元素width要一致②定宽部分浮动，自适应部分不浮动，在老版本浏览器中兼容性不好③在开发过程中自适应部分内容有关于清除浮动的，会造成页面布局混乱第二种解决方案（第一种的优化版） ...
2019-11-03 16:47:08
111
原创 居中布局
水平居中布局第一种解决方案：父级元素text-align:center（text-align是为文本内容设置格式的，对于内联元素和行内块级元素也有效果）子级元素：display:inline-block优点：浏览器兼容好缺点：因为text-align具有继承性，所以子元素中的内容也会居中【对于子元素内容居中解决方案：在子元素内重新甚至text-align】第二种解决方案：子级元素...
2019-11-03 12:00:37
85
原创 如何通过mongooes连接mongodb,完成接口的开发
1.安装mongoosenpm install mongoose2.创建model（1）在创建的项目文件夹下创建models文件夹，在models中创建一个名为goods.js文件（文件名最好加上s，和后面数据库寻找数据有关）（2）goods.js中首先引入安装好的mongoose接着通过mongoose创建一个表模型实例化一个表模型并赋值给一个变量最重要的是 最后 不要忘了导...
2019-10-17 16:55:25
165
原创 如何修改express-generator以html为模板引擎
1.删除项目中views中默认的以.jade为结尾的文件，并创建html文件2.进入通过express 项目文件名的文件夹，进入app.js3.安装npm install ejs，并引入4.配置属性，通过app.engine(’.html’,ejs.__express)app.set(‘views engine’,‘html’)5.运行node server/bin/www显示以....
2019-10-17 16:05:05
420
原创 搭建基于Express框架运行环境
1.安装express generator生成器上一步的前提是已经存在了 express 可通过express --version查看如果没有 npm i express2.通过生成器自动创建项目(1)npm install express 项目文件名(2)成功后，安装依赖 npm install通过vscode终端3.配置相关...
2019-10-17 15:48:33
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人