PHP,AJAX,cookie,localStorage简单操作笔记
include'地址'引入公共php mysql_connect('localhost','root','root'); 和mysql建立连接 mysql_select_db('你要查询的哪一个库',数据库连接信息') select*from 表名返回这个表里的所有数据select 字段名 from表名查询表里的所有数据，只返回你需要的字段名select*from表名where条件select*from表名where条件1 and 条件2select*from表名where条件 or 条件2select*from表名where字段 like%'关键字'%
node.js基础以及sass和gulp(2)
$ npm i -g gulp 安装gulp可以运行gulp的指令 检测gulp 项目名称 运行gulpfile.js文件这个文件里面就来书写一些配置项dependencies记载着下载的项目依赖devDependencies记载着开发依赖npm i --save-dev gulp 项目依赖 简写-D直接require（第三方包名） 导入依赖方法gulp.task(参数，函数)创建任务gulp.src('./src/css/*.css')找文件gulp.pipe(方法)管道函数 做事情gulp.dest('./dist/css')放置文件 在管道函数里使用gulp.series()逐个执行任务gulp.parallel()并行执行任务gulp.watch(文件，执行的任务)监控文件 发生改变执行第三方模块gulp-cssmin 压缩css文件 调用函数导入()gulp-sass 将cass压缩成css node-sass不成功先装这个gulp-autoprefixer 自动给css兼容前缀 需要传参browsers:['last 2 versions'] 兼容最近的两个版本或者package.json 里面添加数组'browserslist':['last 2 versions'] 就可以不用写参数了gulp-uglify 将js文件进行压缩 不认识ES6 gulp-babel 将JSes6换成es5 还需要两个包 8版本@babel/core 8版本||babel-core 7版本@babel/preset-env 8版本||babel-preset-env 7版本下载需要三个 引入一个就可以 presets:['@babel/env'] babel传递参数进行语法转换gulp-htmlmin 压缩Html文件 需要配置htmlmin({collapseWhitespace:true,移除空行collapseBooleanAttributes:true,移除值为布尔值的属性removeEmptyAttributes:true,移除空属性removeComments:true,移除注释minifyCSS:true,把内嵌的style的标签合起来minifyJS:true,把内嵌的script的标签合起来})components 片段文件夹gulp-file-include 导入html片段 第三方模块需要传参prefix:'@s',定义的表示符 看到解析basepath:'',存放html片段的路径地址你定义的标识符include（你要导入的html的片段名称）来进行导入标识符include(html片段名，({'变量名'：'值'})json格式的数据)可以传多个 控制类名定义的标识符+变量名 书写片段时可以写变量在导入html片段是传递gulp-imagemin 压缩图片的 一般不用定义一个默认任务defaultdefault：当你运行gulp的时候，唯独default不用写创建任务的时候 函数位置直接写gulp.paralleldel 专门用来删除文件夹的 第三方模块del('./dist')要删除的文件夹 可以直接使用gulp-webserver（） 专门打开一个浏览器 第三方模块需要配置参数src(./dist)文件夹C>windows>system32>drivers>etc hosts配置站点域名host:''域名 pont''端口号open:''你默认打开的那个文件，直接从dist文件夹开始的目录livereload:true,自动刷新webserver里直接配置参数代理：proxies:[你所有的代理配置{source:'/list',你请求的代理标识符 自己起的名字target:'http://localhost:80/server/list.php'你请求的代理地址}，可以直接代理一个文件夹]监控文件变化 创建watch任务
git使用命令整理笔记
git --version检测安装 $ git config --list查看你目前的配置列表 $ git config --global user.name "你的用户名" $ git config --global user.email "你的邮箱" git init 初始化 $ git status 查看内部所有文件状态 $ git log 查看历史所有版本 显示 id-作者-事件-版本描述 添加到暂存区 $git add xxx $git add 文件名 $git add 文件夹名称/ $git add --all所有内容添加到暂存区 暂存区的东西拉回到开发区域 $git reset HEAD --xxx $git reset HEAD --文件名 $git reset HEAD --文件名称/ $git reset HEad --. 拉回所有内容 形成历史版本 暂存区没有东西 $git commit -m "对本次历史版本进行描述" $git reset --hard 版本id 跳转到某一个版本 confin 文件夹里有详细描述 logs记录着跳转信息 $git remote add origin 你的仓库地址 上传到远程仓库 $git push -u origin master 推送到远端 $git clone 克隆的地址 克隆远程仓库
node.js express解决跨域
const express = require('express'); const app = express() //设置允许跨域访问该服务. app.all('*', function (req, res, next) { res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Headers', 'Content-Type'); res.header('Access-Control-Allow-Methods', '*
CSS常用样式整理
styleopacity: 0-1 0全透明 元素里面所有透明属性1表示完全不透明rgba(0,0,0,0.5); raba(0-255 0-255 0-255 opacity)display: block; 块元素ul li:nth-child(odd) 选择奇数 liwidth 宽height 高background 背景 color颜色border： 边框宽 边框的线条类型 边框颜色 dotted 虚线black 黑色green 绿色white 白色brown 棕色orange 橘色margin 外边距padding:; 内边距display:inline; 行内块浮动float:left; 左浮动float:right 右浮动align="center" 居中margin : 0 auto；DIV居中font-size 字体大小font-family 字体样式clear:both 清除浮动solid 实线font-weight:bold 加粗normal 取消加粗font-style:italic 倾斜list-style:none; 清除 无序列表点text-decoration:none; 清除A标签下划线text-indent:2em; 首行缩进2字符border:1px dashed 虚线font-style:italic 倾斜text-align:left 水平对齐方式vertical-align:top垂直对齐方式line-height 行高text-decoration:none: 没有修饰underline: 添加下划线overline: 添加上划线line-through: 添加删除线text-transform:noneoverflow：hidden；溢出内容为隐藏：a:link {属性：属性值;}超链接的初始状态;a:visited {属性：属性值;}超链接被访问后的状态;a:hover {属性：属性值;}鼠标悬停，即鼠标划过超链接时的状态;a:active {属性：属性值;}超链接被激活时的状态，即鼠标按下时超链接的状态Link--visited--hover--active。target="_blank"链接在 新窗口打开_self 新窗口background-repeat no-repeat不平铺background-position 位置background-attachment:scroll; 背景随内容一块滚动 fixed; 固定overflow-hidden; 父子不受影响letter-spacing:value; 字间距。word-spacing:value; 词间距。layout-flow:horizontal/vertical-ideographic;文本流控制list-style-type：disc (实心圆)/circle (空心圆)/square (实心方块)/none (去掉列表符号)；list-style-image：url (所使用图片的路径及全称)；list-style-position:outside (外边)/inside (里边)；list-style:none; 去掉列表符号background-color: 颜色值;} 背景颜色 {background-image：url (背景图片的路径及全称）；{background-repeat:no-repeat 不平铺/repeat平铺/repeat-x X轴平铺/repeat-y Y轴平铺 }background-position:left/center/right/数值 背景图的位置{ top/center/bottom/数值;}border： 边框宽度 边框风格 边框颜色;例如：{border:5px solid #f00;}border-width: 边框宽度：border-color: 边框颜色：border-style:solid (实线)/dashed (虚线)dotted (点线)/double (双线) transparent 透明色
flex布局,伪类选择器和背景图片样式笔记
box-sizing:border-box 开启怪异盒模型 boxsizing:content-box 默认标准盒模型 dispaly:flex 设置为弹性盒 display:inline-flex;行内块元素弹性盒 flex-direction主轴排列方式column 侧重排列row默认水平方向row-reverse 翻转横向排列column-reverse 翻转纵向排列justify-content:主轴对齐方式flex-start 默认 顶端对齐flex-end 末端对齐center居中对齐space-berween两端对齐 中间自动分配space
mongodb下载和在node.js中使用方法
下载安装mongodb1，下载2，C:\Program Files\MongoDb\Server\3.2\bin3，右键我的电脑属性=>高级属性=>环境变量=>系统变量=>path C:\Program files\MongoDB\Server\3.2\bin4，c:data\db5，终端mongod --dbpath C:\data\db6，终端 输入 mongo 连上mongodbnode操作mongodbmongodb 数据库模块 第三方 —dconst MongoClient=require('mongodb').MongoClient引入mongodbMongoClient.connect(//链接数据库 里面三个实参"mongodb://127.0.0.1:27017",链接服务器地址{useNewUrlParser:true 兼容用},(err,client)=>{}回调函数 回调里操作数据库client.db(数据库名)//创建数据库 ,返回一个结果const man=db.collection("数据集合名字")//创建集合man.insertMany([对象,对象],回调)//插入多条数据man.insertOne({插入的名字：值}，(err,result)//回调函数)//插入一条数据client.close()关闭数据库man.find().toArray((res,result)=>{})//find()可以写第二个参数作为筛选用 查看多条.limit(数值)每次多少条(第二个参数).skip()跳过几条(第二个参数)man.findOne({集合}，(err,result)//回调)查看一条
node.js基础以及sass和gulp(1)
nodemon 热服务启动ctrl+c两次 关闭Node.jsdir（查看当前文件下的所有文件）tree(查看 当前目录下所有目录的文件夹，以树状结构给你展示）cd （进入某一个文件夹）cd文件夹名称cd..（去到上一级目录）盘符：（切换盘符）不区分大小写md文件夹名称（在当前目录下创建一个文件夹）rd文件夹名称（删除当前目录下的文件夹）xcopy文件夹名称 新的名称（复制一个文件夹）type nul>文件名 （创建一个文件）echo 输出文本内容》文件名（向文件里面写入内容） 覆盖式写入echo 文本内容》》文件名（向文件里面追加内容）del 文件名 （ 删除一个文件）copy 文件名 （ 复制一个文件）move 文件名 路径 （移动一个文件）ren 文件名称 新文件名称 （修改文件名称）可以批量+*文件名 回车（打开文件）cls (清屏）ipconfig(查看ip链接信息）ping 地址（测试网络延迟）systeminfo(查看电脑基本配置信息）tap(当你写文件或者文件夹名称的时候自动补全）esc(取消当前的输入）
Jquery常用代码整理笔记
$()调用jQuery的特殊选择器.first() 获取符合条件的第一个.last()获取符合条件的第二个.eq(获取第几个)是按照索引的排列进行获取.odd()获取索引为单数个的所有元素.even()获取索引为偶数个的所有元素.first()获取元素集合里面的第一个.last（）获取元素集合里面的最后一个.eq(索引)获取到元素集合里面的第索引个.prev()获取元素的上一个兄弟元素.prevAll()获取元素的上面所有兄弟元素顺序倒着.next()获取元素的下一个兄弟元素.nextAll（）获取元素的下面所有兄弟元素 .siblings()获取元素的所有兄弟元素 除自己之外.parent()获取元素的父元素.parents（）获取元素的所有祖先元素直到html为止.find()在一个数据集合，或者一个标签中进行查找.index（）父元素下的第几个.end()在当前数据集合使用，回归之前的数据集合each(function(index,item){})遍历html()对元素内部的结构进行修改text()对元素内部的内容进行修改val()获取元素的value值，传参设置元素的value值操作元素属性attr(key,value)一个参数是获取设置属性名，两个是属性名，设置的值removeAttr(key)移除属性prop（key,value）一个参数是设置属性名，两个是属性名，设置的值 （自定义不显示）removeProp()移除属性addClass(你要添加的类名)removeClass(你要删除的类名)hasClass（你要判断的类名)用来判断有没有某一个类名的toggleClass(你要切换的类名）css()操作元素的样式对节点操作$('加标签')创建节点父元素.append(子元素)放在最后
- 1
- 2
