- 博客(20)
- 收藏
- 关注
RSS订阅原创 px，em，rem 的区别
目录px 像素(Pixel)emrem区别 px 像素(Pixel) 绝对单位。 像素 px 是相对于显示器屏幕分辨率而言的，是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果 px 要换算成物理长度，需要指定精度 DPI。 em 是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 它会继承父级元素的字体大小，因此并不是一个固定的值。 rem 是 CSS3 新增的一个相对单位（root em，根 em），使用 rem 为元素
2021-01-19 21:06:23
98
原创 jq案例---放大镜
目录文件列表1.html1.css1.js1.jpg效果 文件列表 1.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
2021-01-18 20:56:12
87
原创 节流和防抖
节流和防抖 函数节流 滚动条滚动 函数节流是指一定时间内js方法只跑一次。比如人的眨眼睛，就是一定时间内眨一次。这是函数节流最形象的解释。 var canRun = true; document.getElementById("throttle").onscroll = function(){ if(!canRun){ // 判断是否已空闲，如果在执行中，则直接return return; } canRun = false; setTim
2021-01-14 20:41:23
102
原创 随手总结 ----- 对象的操作
目录对象属性的增、删、改、查、判断数据双向绑定原理数组解构深拷贝和浅拷贝浅拷贝深拷贝 对象属性的增、删、改、查、判断 var obj = {} // 对象属性的增加 obj.key1 = value1 obj['key2'] = value2 // 对象属性的读取 var x1 = obj.key1 var x2 = obj['key2'] // 对象属性的修改 obj.key1 = value3 obj['key2'] = value4 // 对象属性的删除 // delete 默认删除自身的属性
2021-01-12 18:45:50
61
原创 购物车案例
目录文件目录后台前端new_file.cssindex.htmlnew_file.js 文件目录 后台 // 写录入系统的接口 var express = require('express') var apps = express() // 引入mongoose var mongoose = require('mongoose') mongoose.connect("mongodb://127.0.0.1:27017/myFiult",{ useUnifiedTopology: true, useNew
2021-01-10 19:28:13
63
原创 mongodb+jq分页案例
目录文件目录数据库 db.js后台 index.js前端index.ltmlnew_file.cssnew_file.js 文件目录 数据库 db.js var mongodb = require('mongodb'); // 引入mongodb var MongoClient = mongodb.MongoClient; var dbUrl = "mongodb://localhost:27017"; // 数据库的地址及端口 var dbName = "myFiult"; // 库名 //
2021-01-08 20:57:09
193
原创 mongodb方法+使用两个库 增删改查案例
目录文件目录数据库 db.js首页index.htmlnew_file.css录入商品页hd.htmlhd.csshd.js前台展示页qd.htmlqd.cssqd.js后台文件 index.js 文件目录 数据库 db.js var mongodb = require('mongodb'); // 引入mongodb var MongoClient = mongodb.MongoClient; var dbUrl = "mongodb://localhost:27017"; // 数据库的地址及端口
2021-01-04 20:14:39
148
原创 原生js案例----增、删、改、查、排序功能
前端 css *{ margin: 0; padding: 0; outline: none; flex-direction: row; } html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- <meta name="viewport" content="width=device-width,in
2021-01-02 18:52:53
75
原创 原生js案例----增、删功能
目录准备前端htmlcssjs后台 准备 1、npx express-generator 2、npm i 3、npm i mongoose 4、npm start 前端 html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- <meta name="viewport" content="width=devic
2020-12-29 19:58:55
104
原创 MongoDB---mongoose模块的下载和使用
目录mongoose1、下载模块2、使用mongoose mongoose 1、下载模块 npm install mongoose -D 或 cnpm install mongoose -D 2、使用mongoose 载入mongoose 模块 const mongoose =require("mongoose"); 2）nodejs 连接mongodb 数据库 mongoose.connect("mongodb://127.0.0.1:27017/数据库名") 判断是否连接成功 con=m
2020-12-27 22:02:03
599
原创 MongoDB---mongodb模块的下载和使用
Nodejs连接数据库 1 nodejs连接数据库 1、下载mongodb模块 cnpm install mongodb 2、引入mongodb模块 const mongodb = require(“mongodb”); 3、链接数据库 const MongoClient = require('mongodb').MongoClient; var dburl = "mongodb://127.0.0.1:27017/test"; MongoClient.connect(dburl,(err,db)=>
2020-12-27 22:01:46
230
原创 MongoDB---介绍和基本使用
目录MongoDB介绍MongoDB安装MongoDB基本操作1.链接数据库2.CRUD 操作3.创建（Create）4.查找（Read）5.更新（Update）6.删除（Delete）7.导入json文件8.导出json文件每日一面1.什么是MongoDB2.MongoDB的优势有哪些3 为什么用MOngoDB？4 在哪些场景使用MongoDB MongoDB介绍 关系型数据库：( 增 insert / 删 delete / 改 update / 查 select ) mysql sqlserver or
2020-12-25 21:29:19
170
原创 npm / cnpm
目录npm初始化npm 下载模块npm 卸载模块npm全局安装模块npm全局卸载模块根据 package.json 中的配置下载模块设置淘宝镜像修改npm配置文件安装cnpm-淘宝包管理器任何目录下都能运行全局安装根据 package.json 中的配置下载模块 npm 包/模块 管理器 通过 npm 管理项目模块 默认下载慢 初始化 //生成 package.json（项目依赖配置文件） npm init npm init -y npm 下载模块 npm insta11 模块名 -save-dev
2020-12-24 15:52:47
138
2
原创 AJAX
目录AJAXXml & json跨域原生ajax (get请求)原生ajax (post请求) AJAX ajax == Asynchronous javascript and xm( 异步的 JavaScript 和 XML ) 优点： 局部刷新 异步操作 Xml & json 数据传输格式 XML：必须有根节点，自定义标签、双标签 解析方式：dom 缺点：解析困难、传输数据量大 例： <root>
2020-12-23 20:55:32
36
原创 Node js
目录node.js安装命令http请求方式前端模块化发展模块化创建模块导出模块载入模块使用模块node模块分类http模块node url模块node fs模块 node.js 运行在服务端的 javascript 基于谷歌v8引擎 事件驱动1O服务（nginx、apache阿帕奇、tomcat） 安装 安装教程：https://www.runoob.com/nodejs/nodejs-install-setup.html 命令 node -v 查看node版本 npm -v 查看npm版本 node
2020-12-22 16:29:54
58
原创 jQuery案例
目录轮播图csshtmljs下拉框csshtmljs京东楼梯csshtmljs 轮播图 css *{ margin: 0; padding: 0; outline: none; flex-direction: row; } .yc{ display: none; } .box{ width: 500px; height: 400px; border: 2px solid; margin: 10px auto; } .color{
2020-12-21 20:39:56
38
原创 函数、对象、数组知识补充
目录函数知识补充函数声明方式arguments回调函数 callback对象知识补充Object.defineProperty()hasOwnPropty()in数组知识补充JS内存泄漏和垃圾回收机制 函数知识补充 函数声明方式 //方式1 function a () { } a() //-------------------------- //方式2 var b = function(){ } b() //--------------------------- //方式3 var c = new Fu
2020-12-17 11:07:26
78
原创 对象及原型
目录2020.12.152020.12.16 2020.12.15 //字面量 创建对象 var obj ={ key:value } //new Object() 创建对象 var obj1 = new Object() //obj.key 获取/设置obj的key属性的值value obj1.key / obj1.key=value //obj[‘key’] 获取/设置obj的key属性的值value obj[‘key’] / obj[‘key’]=value //key in obj 判断obj中是否
2020-12-16 18:45:37
2376
5
原创 git的使用方法
目录git 使用全局配置git -拉取公司代码添加新开发的文件添加到缓存区链接远程仓库提交到主干提交到分支分支合并拉取最新代码 git 使用 全局配置git - git config --global user.name “稳__” git config --global user.email “[email protected]” 拉取公司代码 git clone https地址或ssh地址 https 地址 不需要任何配置 ssh的地址需要配置 生成ssh_key ssh-keygen -t rsa
2020-12-14 17:14:55
182
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人