- 博客(44)
- 资源 (4)
- 收藏
- 关注
原创 js 全屏/退出全屏
获取是否全屏的状态var isFull=!!(document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement || document.fullscreenElement );//!document.webkitIsFullScreen都为true。因此用!!全屏/退出全屏//fullScreen()和exitScreen()有多种实现方式,此处只使用了其中一种//
2020-07-31 15:45:14 181
原创 添加可执行文件 可通过cmd 命令行调用可执行文件
找到可执行命令的目录 例如mongoDB 的安装目录里面的 .exe 文件可执行命令对应的文件复制目录 添加到系统环境变量当中添加到系统环境变量打开控制面板–》系统 --》 高级设置环境变量单击新建把目录保存到里面window7 就直接在后面添加 目录就行了然后点确定 确定 就行了然后就可以在 cmd里面 执行该命令了 (如果之前已经打开命令行工具,需要重新打开)mongo -help...
2020-07-31 08:38:54 2374
原创 html ol有序列表 ul无序列表
ol有序列表<ol> <li>无序列表1</li> <li>无序列表2</li> <li>无序列表3</li></ol>type = "" 1 A a I i 默认1序号开头分别为 数组 大写/小写字母 大写/小写罗马字符 <ol type="A"> <li>无序列表1</li> <li>无序列表2<
2020-07-29 22:30:09 818
原创 html lang=“en“ h1-h6 常用标签 html编码( ;..)
告诉搜索引擎爬虫,网站是关于什么内容的<html lang="en"></html>// lang="en" enlish 英文// lang="zh" 中文// lang="en,zh" h1-h6 加粗 独成一段 更改字体的大小h${标题}*6常用标签<strong>加粗</strong><em>斜体</em><del>字体中划线</del><address>地址:杭州
2020-07-29 22:05:12 215
原创 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> <style> .con{
2020-07-29 21:52:31 264
原创 RESTful 风格 API node express 路由设计
文章目录RESTful API 概述node express 路由设计RESTful API 概述一套关于设计请求的规范GET 获取数据 http://localhost:3000/user 获取用户列表POST 添加数据 http://localhost:3000/user 添加用户数据PUT 更新数据 http://localhost:3000/user/1 更新id=1的用户数据DELETE 删除数据 http://localhost:
2020-07-29 10:47:49 268
原创 jq Ajax全局事件 ajaxStart() 请求开始时触发 ajaxComplete()请求完成时
ajaxStart() //请求开始时触发ajaxComplete() //请求完成时触发// 当页面中有ajax请求触发$(document).on('ajaxStart',function(){})// 当页面中有ajax请求完成时触发$(document).on('ajaxComplete',function(){})
2020-07-29 10:30:08 325
原创 jq serialize方法 将表单中的数据自动拼接成字符串类型的参数 serializeArray 将表单中的数据转化为数组
serialize方法 将表单中的数据自动拼接成字符串类型的参数<form id="form"> <input type="text" name="name" /> <input type="text" name="age" /></form>ver params = $("#form").serialize()// name=张三&age=18...
2020-07-29 10:08:33 928
原创 ajax withCredentials 跨域是否携带cookie信息
withCredentials 属性在使用Ajax技术发送跨域请求时,默认情况下不会在请求中携带cookie信息withCredentials: 指定在涉及跨域请求时,是否携带cookie信息,默认falsexhr.withCredentials = true服务端还要设置Access-Control-Allow-Credentials:true 允许客户端发送请求时携带cookie...
2020-07-29 09:58:02 561
原创 CORS 跨域资源共享 node express 实现跨域
概念CORS: 全称Cross=origin resource sharing, 即跨域资源共享,它允许浏览器向跨域服务器发送Ajax请求,客服了Ajax只能同源使用的限制。相当于设置白名单Access-Control-Allow-Origin:'http://localhost:3000'// * 允许所有的客户端访问该服务器Access-Control-Allow-Origin:'*'实现服务端设置const express = require("express")const pa
2020-07-28 21:05:28 292
原创 跨域 服务端解决方案 node request模块 (服务端调用非同源接口)
同源政策是浏览器给予 Ajax 技术的限制,服务器端是不存在同源政策限制。示例使用 request 模块https://www.npmjs.com/package/requests2 app.jsconst express = require("express")const app = express()// 开启静态资源访问app.use(express.static(path.join(__dirname,'public')))app.get('/test',(req,res)=
2020-07-28 19:01:21 390
原创 jsonp 解决同源限制 跨域 原理解析 函数封装
文章目录概念原理原理示例优化示例封装jsonp概念jsonp(json with padding),它不属于Ajax请求,但它可以模拟Ajax请求将json数据当做填充内容原理将不同源的服务端请求地址写在script标签的src属性当中// 通过script向不同源的服务端发送请求<script src="www.example.com"></script><script src="https://cdn.bootcss.com/jquery/3.3.1/j
2020-07-27 16:03:43 115
原创 FromData 对象 html表单映射成表单对象 异步上传二进制文件(图片/视频/音频) 进度条/预览
作用模拟HTMl表单,相当于将html表单映射成表单对象,自动将表单对象中的数据拼接成参数的格式。异步上传二进制文件FromData文档将html表单映射成表单对象准备html表单 <form id="from"> <input type="text" name="name" /> <input type="text" name="age" /> <input type="button"> </form
2020-07-27 13:19:15 259
原创 vue-cli3 配置代理 跨域
vue.config.jsmodule.exports = { // vue代理配置 devServer:{ // 针对开发服务器的配置 proxy:{ "/api": { //当请求路径以 /api开开头 请求到 target的地址 // ./api/xxx -> http://127.0.0.1:3000/api/xxx target: 'http://127
2020-07-26 18:05:21 472
原创 vue 页面鉴权 导航守卫beforeEach
// 鉴权页面路由{ path:"/userinfo", name:"userinfo", component:()=>import('@/views/Auth'), meta:{auth:true}},import store from '../store'// 进入路由之前触发// to 要进入的路由// from 从那个路由过来的router.beforeEach(function(to, from, next){ if(to.meta.au.
2020-07-26 17:20:27 1730 1
原创 vuex 配置使用解析 mutations响应式规则 Vue.delete/set 目录划分
用处vuex专门用于解决共享数据问题,是将数据提升到顶层,不过他使用了一些特别的技巧,不仅让组件的依赖更加清晰,当数据变动时,仅渲染依赖该数据的组件注意:并非所有数据都需要用vuex管理,通常vuex只管理那些需要被组件共享的数据在实际开发中,一些逻辑特别复杂的数据,尽管不共享,也可能提取到vuex中进行管理使用安装npm i vuexmain.js配置import vuex from 'vuex'Vue.use(vuex )new vuex.Store({ // 配置})new
2020-07-26 10:19:17 1762
原创 ajax 封装
调用ajax({ method:"get", url:"http://localhost:3000/first", params:{ name:"xx", age:18 }}).then(res=>{ console.log(res)})封装/** * ajax封装 * @paraams options 参数对象 * method 请求参数 默认get * url 请求路径 * asyncs
2020-07-25 16:20:06 81
原创 ajax 运行原理及实现 onload/onreadystatechange 错误处理
Ajax实现步骤创建ajax对象let xhr = new XMLHttpRequest()兼容ie写法// ActiveXObject('Microsoft.XMLHTTP') IE// new XMLHttpRequest() 非IElet xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP')设置 请求方式 请求地址// 请求方式 GET POST
2020-07-25 11:51:55 2701
原创 ip和端口号
所有联网的程序都要进行网络通信而计算机中只有一个物理网卡,而且同一个局域网中,网卡的地址必须是唯一的网卡是通过唯一的ip地址来进行定位的ip地址用来定位计算机端口号用来定位具体的应用程序所有需要联网通信的软件都必须具有端口号(占用一个端口号)范围0-65536一些默认端口 尽量不要使用 如80可以同时开启多个服务,但一定要确保端口号不同...
2020-07-23 09:24:58 143
原创 node 全局对象 global
全局对象在浏览器中全局对象是window,在node中全局对象是global共有的一些方法console.log()setTimeout()clearTimeout()setInterval()clearInterval().....node运行global.console.log("global.console.log方法")
2020-07-23 09:18:48 197
原创 node 异步api处理 util模块(promisify用于改造nodejs 现有的异步api的 返回promis对象 从而支持异步函数语法 async await)
const fs = require("fs")// promisify 用于改造nodejs 现有的异步api的 返回promis对象 从而支持异步函数语法 async awaitconst promisify = require("util").promisify// 把fs.readFile包装一下 返回promis对象const readfile = require(fs.readFile)async function run(){ let t1 = await readfile('
2020-07-23 09:13:12 298
原创 node 静态资源 动态资源 mime模块
静态资源服务器端不需要处理,可以直接响应给客户端非资源就是静态资源,例如css,js,img文件静态资源处理静态资源访问目录结构app.jslet http = require('http')let url = require('url')let path = require('path')let fs = require('fs');let mime = require('mime')let app = http.createServer()app.on("request",(
2020-07-20 09:47:33 261
原创 路由概念
路由概念户端请求地址 就是在浏览器访问的地址服务端程序代码 请求地址所对应的处理逻辑路由是指客户端请求地址与服务端程序代码的对应关系,简单来说,就是请求什么响应什么
2020-07-20 09:08:21 484
原创 watch 监听路由参数变化
watch:{ "$route.params.id"(){ // 监听路由变化 // 组件第一次进入不会执行 console.log("id 变化了",this.$route.params.id) }, "$route.params.id":{ immediate:true, // 一开始的数据也要当做一种变化 handler(val,old){ co.
2020-07-19 12:00:05 2962
原创 vue-router 简单使用理解 路由模块分离 路由配置 路由懒加载 导航(a/router-limk/$router.push/replace)参数传递形式 动态路由
文章目录简介使用router模块分离在页面使用路由模式路由配置访问路由页面路由懒加载动态路由 参数路由404处理切换路由地址a标签导航router-link 声明式导航会自动加类 要自己写样式常用写法 动态路由v-for 配合动态路由写法不会刷新页面使用router-link 使用名字来导航用处配置使用v-for 配合使用简介使用vue-router 可以非常轻松的构建单页面应用程序官方地址:https://router.vuejs.org/zh/使用安装npm i vue-router在m
2020-07-19 11:56:54 194
原创 vue 读取地址栏参数
http://localhost:8080/news/3?page=3&age=18console.log(this.$route)
2020-07-19 11:26:27 1966
原创 node get/post请求参数处理 url/queryString模块
url模块方式使用url.parse 方法将路径解析为一个方便操作的随心,第二个参数true表示直接将查询字符串转成对象let urlObj = url.parse(req.url,true)console.log("urlObj:",urlObj)示例index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v
2020-07-17 19:00:29 610 1
原创 uni-app 微信小程序全局图片加载失败处理
image的error事件<image :src="take" @error="imgError('take')"></image>处理tool.js/* 图片加载失败处理 that 图片绑定字段所属对象 dat 图片绑定字段*/export const imgErr = (that,dat)=>{ that[dat] = "../../static/img/sb.png" //默认图片路径 // 默认图片路径如果也加载失败 就没了 不会继续触发}
2020-07-17 11:09:57 2846
原创 http协议
http协议概念服务端和客户端沟通的规范超文本(html)超文本传输协议(HyperText Transfer Protocol, 缩写HTTP)规定了如果从网站服务器传输超文本到本地浏览器,他基于客户端服务器架构工作,是客户端(用户)和服务器(网站)请求和应答的标注。报文在http请求和响应的过程中传递的数据块就叫报文,包括要传递的数据和一些附加信息,并遵守规定的格式。请求报文:http请求的过程中传递的数据响应报文:http响应的过程中传递的数据请求报文请求方式GET 请求数据
2020-07-17 08:54:24 119
原创 node 地址不同返回不同的响应 中文乱码 响应数据类型 设置状态码
//请求地址不同返回不同的响应var http = require("http");// 1.创建 server var server = http.createServer();// 2.监听 request 事件server.on('request',function(req,resp){ console.log("获取客户端请求"); // console.log("获取客户端ip地址:",req.socket.remoteAddress); // console
2020-07-16 09:19:45 452
原创 node 创建本地web服务器
// https://nodejs.org/dist/latest-v10.x/docs/api/http.html// 可以使用 node 非常轻松的构建一个 Web服务器// 在 node 中专门提供了一个核心模块:http// http:帮你创建编写服务器的// 改变代码 要重启服务器// 1.使用 require 加载 http 核心模块var http = require("http");// 2.使用 http.createServer() 创建一个 Web服务器// 返回
2020-07-16 09:16:43 261
原创 nodejs 模块加载机制
文章目录require 模块加载规则require加载机制判断模块标识 require("模块标识")路径形式模块核心模块第三方模块 当模块没有路径且没有后缀当模块有路径但没有后缀时优先加载缓存数据require 模块加载规则核心模块 require(“模块名”)第三方模块 require(“模块名”)自定义模块 require(“模块路径”) ;一定要写 ./ 不然会被认为是核心模块 然后找不到报错require加载机制判断模块标识 require(“模块标识”)路径形式模块 以 .
2020-07-15 09:18:21 204
原创 第三方模块 Gulp gulp命令行工具 Gulp插件
Gulp基于 node 平台开发的前端构建工具将机械化操作编写成任务,想要执行机械化操作时执行一个命令行任务就会自动执行了。用机器代替手工,提高效率。Gulp能做什么项目上线, html 、css、js文件压缩合并语法转换(es6->es5、less->css…)公共文件抽离修改文件浏览器自动刷新Gulp使用下载npm install gulp在项目根目录下建立gulpfile.js文件重构项目的文件夹结构 src目录放置源代码文件 dist目录放置构建之后
2020-07-09 09:20:39 392
原创 Gulp插件使用 gulp-babel/uglify/less/csso/file-include/htmlmin 复制文件 构建任务(执行多个任务)
Gulp插件使用步骤安装插件 npm i 插件名称导入 const xx = require('插件名称')调用 xx.方法()使用示例gulp-htmlmin htm压缩插件使用npm i gulp-htmlminconst htmlmin = require('gulp-htmlmin')
2020-07-09 09:20:00 593
原创 vue-cli2/3 脚手架搭建项目详细 步骤解析
传统工程的问题兼容性问题使用模块化会导致js文件增加,从而导致传输文件数增加,页面加载变慢直接使用原始代码会导致文件体积过大(没有压缩)使用第三方库很不方便搜索下载引用js (有些第三方库可能没有ES6模块化版本)vue模板写在字符串中,没有智能提示,没有代码着色难以把样式集成到vue组件中开发的代码:阅读性、结构清晰运行的代码:体积小,能执行就行这些问题的本质: 开发的代码和运行的代码要求不同所以,需要一个工具,它能让我们舒舒服服写代码,然后通过工具转换后,得到一个最适合
2020-07-06 21:49:51 1420
原创 vue 组件 注册组件 组件树 组件数据传递
组件概念一个完整的网页是复杂的,如果将其作为一个整体来进行开发,将会遇到下面的困难代码凌乱臃肿不易协作难以复用vue 推荐使用一种更加精细的控制方案-----组件化开发组件化,即把一个页面中区域功能细化,每一个区域成为一个组件,某个组件包含:功能(js),内容(模板代码)、样式(css)组件开发创建组件组件时根据一个普通的配置对象创建的,所以要开发一个组件,只需要开发一个组件,只需要写一个配置对象即可配置对象和vue实例的配置是几乎一样的let myComp = { data()
2020-07-05 22:18:53 253
原创 vue 模板概念 模板渲染 template
目录模板模板的作用是什么模板书写位置在挂载的元素内部直接书写在template 配置中书写在 render 配置中用函数创建模板书写内容模板中的代码环境模板被vue实例控制的页面片段<div id="app"></div>模板的作用是什么为了提高效率,vue会把模板编译成dom树(VNode),然后生成真实的Dom模板书写位置在挂载的元素内部直接书写<div id="app">{{title}}</div>在template 配置中书写
2020-07-05 13:07:40 719
原创 vue 实例 配置对象 挂载 2种挂载方式 computed计算属性和方法的区别 el和template的区别
目录vue 实例挂载挂载方式el方式挂载vm.$mount() 挂载vue 实例通过 new Vue({…}) 创建的对象配置对象中的部分内容会被提取到vue实例中datapropsmethodscomputedlet vm = new Vue({ data:{ name:"vue实例" }, props:{}, methods:{ add(){ return 'xxx' } }, computed:{}})vm.name //"vue实例"vm.ad
2020-07-05 10:35:11 1436
原创 初识vue vscode常用插件 事件绑定
目录结构什么是vuevue特点体验vue代码vscode常用插件体验事件绑定什么是vuevue是一个前端开发框架,用于降低UI复杂度vue特点渐进式响应式组件化体验vue代码vscode常用插件Auto Rename Tag 自动结束标签Live Server 自动搭建本地服务器Prettier Code formater 代码美化Veter vue组件格式支持vscode-icons 美化文件图标体验vue2.0.js<!DOCTYPE html>&
2020-07-05 09:23:08 484
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人