- 博客(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
99
原创 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
89
原创 节流和防抖
节流和防抖函数节流 滚动条滚动函数节流是指一定时间内js方法只跑一次。比如人的眨眼睛，就是一定时间内眨一次。这是函数节流最形象的解释。var canRun = true;document.getElementById("throttle").onscroll = function(){ if(!canRun){ // 判断是否已空闲，如果在执行中，则直接return return; } canRun = false; setTim
2021-01-14 20:41:23
108
原创 随手总结 ----- 对象的操作
目录对象属性的增、删、改、查、判断数据双向绑定原理数组解构深拷贝和浅拷贝浅拷贝深拷贝对象属性的增、删、改、查、判断var obj = {}// 对象属性的增加obj.key1 = value1obj['key2'] = value2// 对象属性的读取var x1 = obj.key1var x2 = obj['key2']// 对象属性的修改obj.key1 = value3obj['key2'] = value4// 对象属性的删除// delete 默认删除自身的属性
2021-01-12 18:45:50
65
原创 购物车案例
目录文件目录后台前端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
64
原创 mongodb+jq分页案例
目录文件目录数据库 db.js后台 index.js前端index.ltmlnew_file.cssnew_file.js文件目录数据库 db.jsvar mongodb = require('mongodb'); // 引入mongodbvar MongoClient = mongodb.MongoClient;var dbUrl = "mongodb://localhost:27017"; // 数据库的地址及端口var dbName = "myFiult"; // 库名//
2021-01-08 20:57:09
199
原创 mongodb方法+使用两个库 增删改查案例
目录文件目录数据库 db.js首页index.htmlnew_file.css录入商品页hd.htmlhd.csshd.js前台展示页qd.htmlqd.cssqd.js后台文件 index.js文件目录数据库 db.jsvar mongodb = require('mongodb'); // 引入mongodbvar MongoClient = mongodb.MongoClient;var dbUrl = "mongodb://localhost:27017"; // 数据库的地址及端口
2021-01-04 20:14:39
160
原创 原生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
77
原创 原生js案例----增、删功能
目录准备前端htmlcssjs后台准备1、npx express-generator2、npm i3、npm i mongoose4、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
108
原创 MongoDB---mongoose模块的下载和使用
目录mongoose1、下载模块2、使用mongoosemongoose1、下载模块npm install mongoose -D或cnpm install mongoose -D2、使用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
625
原创 MongoDB---mongodb模块的下载和使用
Nodejs连接数据库1 nodejs连接数据库1、下载mongodb模块 cnpm install mongodb2、引入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
233
原创 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 在哪些场景使用MongoDBMongoDB介绍关系型数据库：( 增 insert / 删 delete / 改 update / 查 select )mysql sqlserver or
2020-12-25 21:29:19
190
原创 npm / cnpm
目录npm初始化npm 下载模块npm 卸载模块npm全局安装模块npm全局卸载模块根据 package.json 中的配置下载模块设置淘宝镜像修改npm配置文件安装cnpm-淘宝包管理器任何目录下都能运行全局安装根据 package.json 中的配置下载模块npm包/模块 管理器通过 npm 管理项目模块默认下载慢初始化//生成 package.json（项目依赖配置文件）npm initnpm init -ynpm 下载模块npm insta11 模块名 -save-dev
2020-12-24 15:52:47
154
2
原创 AJAX
目录AJAXXml & json跨域原生ajax (get请求)原生ajax (post请求)AJAXajax == Asynchronous javascript and xm( 异步的 JavaScript 和 XML )优点： 局部刷新 异步操作Xml & json数据传输格式 XML：必须有根节点，自定义标签、双标签 解析方式：dom 缺点：解析困难、传输数据量大 例： <root>
2020-12-23 20:55:32
38
原创 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
62
原创 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
53
原创 函数、对象、数组知识补充
目录函数知识补充函数声明方式arguments回调函数 callback对象知识补充Object.defineProperty()hasOwnPropty()in数组知识补充JS内存泄漏和垃圾回收机制函数知识补充函数声明方式//方式1function a () {}a()//--------------------------//方式2var b = function(){}b()//---------------------------//方式3var c = new Fu
2020-12-17 11:07:26
81
原创 对象及原型
目录2020.12.152020.12.162020.12.15//字面量 创建对象var obj ={key:value}//new Object() 创建对象var obj1 = new Object()//obj.key 获取/设置obj的key属性的值valueobj1.key / obj1.key=value//obj[‘key’] 获取/设置obj的key属性的值valueobj[‘key’] / obj[‘key’]=value//key in obj 判断obj中是否
2020-12-16 18:45:37
2382
5
原创 git的使用方法
目录git 使用全局配置git -拉取公司代码添加新开发的文件添加到缓存区链接远程仓库提交到主干提交到分支分支合并拉取最新代码git 使用全局配置git -git config --global user.name “稳__”git config --global user.email “ljf_web@163.com”拉取公司代码git clone https地址或ssh地址https 地址 不需要任何配置ssh的地址需要配置生成ssh_keyssh-keygen -t rsa
2020-12-14 17:14:55
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人