express主页左边布局&jQuery效果
左侧布局与效果实现
body
用ul与li标签实现一级目录和二级目录的嵌套思路<div class="nav-left"> <h3> <img src="/images/header_logo.png" alt=""> <!-- <h1>小电视</h1> --> </h3> <ul> <li> <div class="menu active"> <img class="img" src="/images/home_black.png" alt=""> <span>首页</span> <img class="img_direction_down" src=& ...
express主页书写布局
在主页(xxx.ejs)里用frameset和frame标签抒写左右路由界面。
frameset和frame标签
登陆成功后的路由界面主页(main.ejs)
需建views/main.ejs目录
在main.ejs书写
记得把/main所在目录的登陆成功,改为res.render(‘main’)
在 之间写标签
代码<!DOCTYPE html><html> <head> <title></title> <link rel='stylesheet' href='/stylesheets/style.css' /> </head> <frameset cols="240px,*" border="0"> //cols="左边长度,右边长度'*'是自定义" <frame src="/left" n ...
终端创建后端项目
在vscode,HBuilderX等工具—-在终端用命令行创建后端项目
全局安装(执行一次)
任何一个cmd终端位置安装npm i express-generator -g
局部安装
cd到你的项目里,局部安装生成server文件(会与node_modules文件同级)express --view=ejs server
启动步骤
cd到server目录
安装依赖npm install
启动npm startcd servernpm installnpm start
浏览器输入http://localhost:3000/
一般是3000端口(bin/www里的var port = normalizePort(process.env.PORT || ‘3000’);)
出现以下提示就对了 ExpressWelcome to Express
以上是我学习笔记~~~
node+MySQL 简单登录
node+MySQL 写一个简单的登录
准备一个表单
xxx.html文件里
method发起方法
action地址<body> <form method="post" action="http://localhost:8080"> <input type="text" name="userName"> <input type="password" name="userPwd"> <input type="submit" value="登录"> </form></body>
准备一个js文件
同级目录下,xxx.js
测试时,启动node xxx.js
querystring是格式
引入MySQL之前要先下载npm i mysql 初始化文件
const http = require(' ...
正则表达式(one)
爬虫—>正则表达式(部分语法)
概念
正则:用来匹配字符串的一门表达式语言
测试网址:https://tool.oschina.net/regex/
语法正则支持普通字符
所有大写和小写字母、所有数字、所有标点符号和一些其他符号。
元字符(一个符号匹配一堆内容)
/d 能够匹配一个数字(0-9)
/D 能够匹配除了数字以外内容
/w 能够匹配一个数字,字母,下划线(0-9,a-z,A-Z,_)
/W 能够匹配除了数字,字母,下划线以外内容
[zxm] 匹配z,x,m
[^zxm] 匹配除了z,x,m以外内容
. 点 除了换行符以外的其他所有内容都可以匹配
量词(控制,前面元字符出现的频次)
‘+’ 加号前面的元字符出现>=1次 – /d+
‘*’ 星号前面的元字符出现>=0次 – /d星号
‘?’ 问号前面的元字符出现0次或者1次 – /d?
惰性匹配
.*? 匹配到距离xxx最近内容
你.星号?我 : .星号?等于你到我,中间截取的大堆内容
有不足,请见谅~
自定义 Header头部
Uniapp–>头部Header返回的自定义抒写方式
为啥呢?页面多多,功能相同,就不用重复写嘛~创建common目录在最外面新建一个common目录,用于不同个页面需要相同样式的组件,如tabbar,头部等(如果已经有common目录就不用建)新建页面my-header/my-header.vue作组件
1,.status-bar盒子,用于拉开每个手机的状态栏(一般64rpx);
2,.nav_top盒子,fixed是浮在上部的,所以有第3点。
3,.marginBox盒子,用于每次导入组件时,内容不会被遮挡(不用再设置头部高度);
4,slot插槽,子组件提供一个地方(可以包含内容,形成默认内容),父组件负责填(会覆盖子组件默认内容)<template> <view class="headers"> <view class="nav_top"> <view class="status-bar"></view> <view class ...
自定义 Tabbar
Uniapp–>Tabbar的自定义抒写方式
我们从以下步骤来学习,不急。创建common目录在最外面新建一个common目录,用于不同个页面需要相同样式的组件,如tabbar,头部等新建页面tabbar/my-tabbar.vue作组件
1,盒子类名.tabbar用于确定宽,位置–>
2,内套.tabbar-list用于在.tabbar内确定宽,外壳样式–>
3,套.tabbar-list-ul用于作为内容父级(flex)–>
4,.tabbar-list-li用于循环数组每一项–>
5,里面放上下盒子(一般是这样的样式)上图片,下文字
6,在data.return里定义一个数组list,或者先定义tabbar{}对象里面加个数组list[{}..{}]<template> <view class="tabbar"> <view class="tabbar-list"> <view class="tabbar-list-ul"> ...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Hello HexoQuick StartCreate a new post$ hexo new "My New Post"
More info: Writing
Run server$ hexo server
More info: Server
Generate static files$ hexo generate
More info: Generating
Deploy to remote sites$ hexo deploy
More info: Deployment