- 博客(37)
- 收藏
- 关注
RSS订阅原创 Node.js-第三方中间件
第三方中间件let express = require("express");let app = express();let ejs = require('ejs');let bodyParser = require('body-parser'); //第三方中间件app.use(bodyParser.urlencoded({ extended: false })); // applic...
2020-04-13 14:31:28
300
原创 Node.js-中间件
应用层中间件app.use() 放到路由之前整个程序使用中间件app.use((req, res, next) => { console.log("应用层中间件"); next(); })连写：app.use((req, res, next) => { console.log("应用层中间件"); next();}, (req, r...
2020-04-13 13:54:30
127
原创 Node.js-express框架的路由模块化封装
引入路由模块let firstpageRoute = require('./routes/firstPage');express 关联路由 使用矿建的中间件all里面写路径 指当前路由的守卫 写* 指所有的路由守卫app.all("*", (req, res, next) => { console.log("路由守卫"); next();});app...
2020-04-13 13:46:53
460
原创 Node.js-express
安装express框架cnpm install --save-dev express配置框架路由express 框架里面的路由 all用于所有的http请求类似每个路由的安全守卫路由守卫提前路由执行next() 方法下一步模拟express框架路由实现:let http = require("http");let app = require('./route');let ...
2020-04-13 13:38:33
139
原创 Node.js-get/post
get传值在渲染页面之前 获取表单传值 getget 传值可以直接获取-let query = path.query;http.createServer((req, res) => { let path = url.parse(req.url, true);//解析req路径 //解析路径的get传值 path.query let query = pa...
2020-04-13 13:25:21
83
原创 Node.js-EJS
ejs 模板引擎 相当服务器端的html安装 cnpm install --save-dev ejs引入let ejs = require("ejs");渲染同步渲染 let html = ejs.render(str,data,options)异步渲染 ejs.renderFile(filename, data, options, function(err, str){});s...
2020-04-13 13:19:49
163
原创 Node.js-路由/路径
路由文件let fs = require('fs');let path = require("path");let url = require('url');let extname = require('../extname/mime.json');路径解析在这里可以对路径进行解析 获取pathname 这样可避免get传值之类的 var pathname = url.pa...
2020-04-13 13:07:24
293
原创 Node.js-异步读取
读取后缀名文件 异步读取 使用es6 异步编程处理fs.readFile('ExtName/name.json', (err, jsondata) => { if (err) { throw err; } console.log(jsondata);});let ext = JSON.parse(fs.readFileSync('ExtN...
2020-04-13 13:00:12
322
原创 Node.js-基础
node 属于服务器端的语言 服务端javascript V8引擎运行 性能很快直接运行js到服务器端node 创建第一个服务器http 模块 服务器http协议模块url 模块 路径解析模块let http=require("http"); //加载http模块let url=require("url") //加载url模块 使用parse ...
2020-04-08 21:19:52
96
原创 Vue-插槽
具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope合成组件：<navigation-link url="/profile"> Your Profile</navigation-link>然后你在 <navigation-link> 的模板中可能会写为：<a v-bind...
2020-04-03 20:57:25
458
原创 Vuex Vue组件属性
**状态集中管理**└── store ├── index.js # 组装store和导出store ├── actions.js # 路径 ├── mutations.js # 触发事件 └── modules ├── cart.js # cart module └── pro...
2020-04-03 20:36:07
104
原创 Vue Router
安装路由 cnpm install vue-router --save-dev引入路由 import vueRouter from ‘vue-router’挂载到vue Vue.use(vueRouter);写好组件、并引入路由组件 import Home from ‘./component/home’javascript javascript配置组件路径let router...
2020-04-02 10:10:49
91
原创 Vue-基础
v-text 绑定为元素的文本值<div v-text="innerText"></div>v-html 绑定元素的html内容，解析里面的标签<div v-html="innerHtml"></div>事件@click=v-οnclick=‘fn’<button v-on:click="clickbtn"...
2020-03-25 15:30:40
97
原创 HTML5-地理定位
获取地理定位必须获取用户的同意if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(getLocation, error); } else { alert("浏览器不支持地理定位！"); }function g...
2020-03-20 10:51:36
95
原创 HTML5-video
video属性加载播放路径src="./video.mp4 "设置或返回是否在加载完成后随即播放音频/视频autoplay=boolean设置或返回音频/视频是否显示控件（比如播放/暂停等）controls当前播放时间(单位:s)video.currentTime返回当前音频/视频的长度（以秒计）video.duration音量video.v...
2020-03-20 10:45:33
175
原创 Cookie
Cookie 是一些数据, 存储于你电脑上的文本文件中。Cookie 以名/值对形式存储，如下所示:username=John Doe当浏览器从服务器上请求 web 页面时， 属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息。JavaScript 中，创建 cookie 如下所示：document.cookie="username=John Doe";...
2020-03-17 13:13:50
127
1
原创 ES6-初学
var 声明变量 * let 声明的变量是在当前的作用于内有效 const 声明的是只读变量 （常量） * let const 声明的变量不存在变量的声明提前 * 声明变量不能重复声明 * 代码块 按块区分代码 就是一个一组大括号 {}{ var a = 10; let b = 20; let b=30; error ...
2020-03-12 13:48:23
145
原创 原型和原项链
构造函数创建对象：function Person(){}var person = new Person();person.name = 'Tian';console.log(person.name);Person 就是一个构造函数，使用 new 创建了一个实例对象 personprototype每个函数都有一个 prototype 属性每一个 javaScript 对象（...
2020-03-09 16:02:48
165
原创 jQuery-ajax
通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。$.ajax()可以不带任何参数直接使用。回调函数如果要处理$.ajax()得到的数据，则需要使用回调函数。beforeSend、error、dataFilter、success、complete...
2020-03-05 15:47:14
198
原创 jQuery-正则
字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\”匹配“\”而“(”则匹配“(”。^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。$匹配输入字符串的结束位置。如果设置了RegExp对象的...
2020-02-23 13:51:33
121
原创 jQuery-动画效果
基本效果基本 show([s,[e],[fn]]) 显示 hide([s,[e],[fn]]) 隐藏 toggle([s],[e],[fn]) 显示隐藏切换 不带参数 直接显示隐藏 带参数 speed easing fn 不建议带speed easing fn 指动画完成之后var count = 0; ...
2020-02-20 10:45:27
88
原创 jQuery-筛选
过滤eq() 获取子元素里面的其中某一个 根据索引来获取 $("ul>li").eq(0)); $("ul>li:first"); $("ul>li:nth-child(1)"); eq() 参数 index -index -index -1开始的 $("ul>li").eq(-1)first() 获取...
2020-02-17 13:56:06
206
原创 jQuery-事件
事件on off bind unbind 事件的绑定和事件移除；参数1 事件 类似js里面的事件参数2 执行该事件调用的函数参数data · 触发事件的时候传递的数据对象类型的数据 或者说是json类型的数据 类型即是数组型也是对象型；执行力事件传递的数据在e(事件的执行对象) 获取 data属性；json集合获取单个值 for (...
2020-02-14 17:20:21
91
原创 jQuery-文档处理
尺寸：height width 参数分别可以是 val fn；设置或者获取元素的宽和高 $(".block").height() // $(".block").width()获取出来是没有像素单位的 ；设置的值不带px 设置的样式是行内样式；$(".block").height(300);...
2020-02-14 16:41:06
76
原创 jQuery初学-选择器
jquery 是 js的封装的一个框架 快速开发* 优点：写的少 做的比较多 处理浏览器之间的兼容性* 把js的大量语法进行封装jquery 在网页里面怎么去写* jquery库* 版本更新 出现很多库 压缩版的 完成版 3.4.1* 开发的时候不一定越新越好 根据自己的需求去选择* 开发 1.9.1 3.4.1*jquery库 在head body里面都是...
2020-02-14 12:07:39
98
原创 前端知识小结
js数据类型 ：undefined，null，boolean，number，string，object。值类型：string，number，boolean，undefined，null。引用类型：object，array，function。声明函数作用：调用函数变量作用提升：在每个作用于开始之前声明变量区别：变量提升： 将变量的声明提升，但是变量的赋值（即定义）不会被提升，变量的赋值是...
2020-01-09 16:47:45
101
原创 JS算法练习 window location history
js算法练习:<script> /* * xiaoshuo-ss-sfff-fe 转化为驼峰规则 */ var str="xiaoshuo-ss-sfff-fe"; function f1(s) { var st=str.split("-");//split()把一个字符串分割成字符串数组。 var arr=st...
2020-01-02 13:49:48
203
原创 JS总结
js不能隐式迭代 不能操作一堆 只能进行单个操作;事件的委托;父委托事件给子执行;toLowerCase 转换为小写toupperCase 转化为大写this 当前对象;事件里的this,当前dom元素对象;元素操作:var ulele = document.getElementsByTagName(“ul”)[0];过滤出节点type 1for(var i=0;i...
2019-12-26 09:44:52
104
转载 js基本
dom 元素的事件事件都哪几类：鼠标事件mousedown mouseup mouseover mousemove mouseleave mouseout mouseenter键盘事件keydown keyup keypress表单事件blur focus change浏览器事件load error resize触屏事件to...
2019-12-18 19:04:34
75
原创 JS对象
内置对象 number对象：.toString(进制数) 转换成不同进制数.toFixed(小数位数) 保留小数位数string对象.length 字符串长度indexOf()查找字符串返回字符串位置，如果没找到返回－1match() 查找指定字符串，找到返回该字符串，没有返回nullreplace(“被替换内容”,“替换的新内容”)toUpperCase()转换成大写...
2019-12-12 09:19:25
60
原创 JS
输出：alert() 弹框输出confirm() 带确定取消按钮的弹框document.write() 在文档流中输出document.getElementById.innerHTML修改页面中的html元素console.log() 在调试平台中输出输入：prompt(“提示信息”,默认值)；弹框输入页面表单元素输入值；innerHTML提取声明变量var x=值；多个变量...
2019-12-05 09:35:00
71
原创 WEBAPP
像素px：逻辑像素，一般为浏览器使用的单位rem：是CSS3新增的一个相对单位（root em，根em），这个单位引起了广泛关注。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE...
2019-11-27 21:32:51
77
原创 H5+C3
H5 常用标签：headernavsectionaritclefooterasidevideo:ogg webm mp4audio:mp3 ogg wav属性：width height src controls autoplay loop poster表单text password textarea checkbox radio file select ...
2019-11-21 09:19:02
181
原创 H5布局/音视频使用
H5标签：header ：头部nav：定义导航链接的部分section：定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分aside：定义其所处内容之外的内容。footer:页脚article:标签定义外部的内容。外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。video：...
2019-11-13 18:51:45
230
原创 CSS小章节认识
溢出省略号：overflow:hidden;text-overflow:eclipse;white-space:nowarp;.seckill-main ul li h5{ height: 30px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space:...
2019-11-07 10:01:09
123
原创 css初学
opacity: 50%;透明度border-radius:圆角<img src="images/jd-logo.png" alt="" style="border-radius: 50%" width="40px" height="40px" class="fl"/>border-radius：值值：a 表示四角都为相同的圆角状态值：a b 表示 左上，右下都为a，...
2019-10-31 11:16:24
62
原创 CSS初学
行内>页面内>外部样式表后代选择器格式：父元素/祖先元素 子元素类选择器ID选择器标签选择器display：block 转换为块级元素（占一行）display：inline-block 转换为行内块（宽高起作用）display：inline 转换为行内元素（占内容位置）父子选择器父元素>子元素display：block 显示display:none ...
2019-10-23 19:14:52
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人