777

原创 个人博客踩坑记录

个人博客踩坑扫雷项目场景：问题描述：1. element-ui ，页面被$router.push("xxx")跳转后导航菜单高亮无变化原因分析：1.element-ui ，页面被$router.push("xxx")跳转后导航菜单高亮无变化解决方案：1.element-ui ，页面被$router.push("xxx")跳转后导航菜单高亮无变化项目场景：vue＋elementui+node ，个人博客开发踩坑记录…问题描述：1. element-ui ，页面被$router.push(“xxx

原创 Webpack配置踩坑指南

Webpack配置1.创建项目，并打开项目所在目录1.创建项目，并打开项目所在目录创建项目，并打开项目所在目录终端，输入命令：== npm init -y ==在这里插入代码片

转载 npm i

一、-S,-D,-g的解释npm install module_name -S 即 npm install module_name --save 写入dependenciesnpm install module_name -D 即 npm install module_name --save-dev 写入devDependenciesnpm install module_name -g 全局安装(命令行使用)npm install module_name 本地安...

原创 vue-cli3开发单文件组件

vue-cli3开发单文件组件Vue.component('组件名',{})new Vue({})缺点全局定义组件的名字时不能重复字符串模板 es6提供了模板字符串 \不支持css没有构建步骤 Pug Babel .vue在vue中把.vue的文件称为 单文件组件，webpack等构建工具Vue CLI3 脚手架基本配置安装Nodejs保证Node.js8.9或更高版本终端中输入node -v,保证已安装成功安装淘宝镜像源npm install -g

转载 express中session设置secret后整体流程是什么？

所有的session-id都存储在cookie里面默认为connect.sid.流程大概是若本次cookie中没有connect.sid，则生成一个 [用secret生成connect.sid]用uid-safe生成一个唯一id，记为sessionid，保证每次不重复； 把上面的connect.sid制作成's:' + sessionid + '.' + sessionid.sha256(secret).base64()的形式，实现在node-cookie-signature的sign函数；...

原创 js遇到的小知识点

f1();console.log(a);console.log(b);console.log(c);function f1() { var a = b = c =2; console.log(a); console.log(b); console.log(c)}<script> var a ={n:1} b = a a.x = a = {n:2} console.log(a) //{...

原创 文本命名规范

文本命名规范 index.css： 一般用于首页建立样式 head.css： 头部样式，当多个页面头部设计风格相同时使用。 base.css： 共用样式。 style.css：独立页面所使用的样式文件。 global.css：页面样式基础，全局公用样式，页面中必须包含。 layout.css：布局、版面样式，公用类型较多时使用，一般用在首页级页面和产品类页面中 module.css：模块，用于产品类页，也可与其它样式配合使用。 master.css：主要的样式表 columns.css：专栏样式 theme

原创 jquery获取表单中用户输入的内容

function serializeToJson(form){ let result = {}; //jquery获取表单中用户输入的内容 [{name:'email',value:'用户输入的内容'}] let f = form.serializeArray(); f.forEach(function (item){ result[item.name] = item.value; }); return result;}...

原创 初识express框架

1.express框架特性提供了方便简洁的路由定义方式； 对获取HTTP请求参数进行了简化处理； 对模板引擎支持度高，方便渲染动态HTML页面； 提供了中间件机制有效控制HTTP请求； 拥有大量第三方中间件对功能进行扩展。2.send（）const express = require('express');const app = express();app.get('/',(req,res)=>{ res.send('这里是首页'); //send()

转载 OSI TCP/IP异同

转载 计算机网络分层及原理

网络分层 网络分层就是将网络节点所要完成的数据的发送或转发、打包或拆包,控制信息的加载或拆出等工作，分别由不同的硬件和软件模块去完成。这样可以将往来通信和网络互连这一复杂的问题变得较为简单。[编辑本段]网络层次的划分 ISO提出的OSI（Open System Interconnection）模型将网络分为七层，即物理层( Phisical )、数据链路层(Data Link)、网络层(Network)、传输层(Transport)、会话层(Session)、表示层(Presentation)和应用层(

原创 WebAPI一些小知识点

获取特殊元素获取body元素：let bodyEle = document.body;获取html元素：let htmlEle = document.documentElement;innerText和innerHTML的区别innerText不识别html的标签 非标准 去除空格和换行innerHTML识别html标签 W3C标准 保留空格和换行自定义属性操作 获取元素的属性值 element.属性 element.getAttribute('属性') //获...

原创 nodejs实例01

1.第三方模块：router功能：实现路由require('router')const router = getRouter();router.get('/add', (req, res) => { res.end('Hello World!')})server.on('request', (req, res) => { router(req, res)2.第三方模块serve-static 功能：实现静态资源访问服务const se...

原创 Nodejs 模板引擎的基础概念

模板引擎：让开发者以更加友好的方式拼接字符串，使项目代码更加清晰、易于维护。1.art-template模板引擎在命令行工具中使用 npm i art-template 命令进行下载 使用const template = require(“art-template”)引入模板引擎 告诉模板引擎要拼接的数据和模板在哪const html =template(“模板路径”,数据)模板语法：输出：标准语法：{{ 数据 }} {{ name }}{{ age }}{{ 2 + ...

原创 JS基础遇到的一些习题03

一、数组操作1.题目描述：数组的首尾两个元素互换let arr =['aa','bb','cc','dd'];let f = arr=>{ let f = arr[0]; let l = arr[arr.length-1]; arr[0] = l; arr[arr.length-1] = f; console.log(arr);}f(arr);2.随机选学员从以下学员名单中随机选出4个学员：var arr = ["鹿晗","王俊凯...

原创 mongoose验证相关

一、mongoose 常见验证规则1.required:true 必传字段2.minlength： 字符串最小长度3.maxlength: 字符串最大长度4.min: 数值类型最小值5.max: 数值类型最大值6.enum:['html','css','javascript','node.js'] 规定可供选择输入的值列表7.trim: true 去除字符串两边的空格8.validate: 自定义验证器9.defaule二、实例代码const mongoose = r...

原创 JS基础遇到的一些习题02

一、数组相关知识点1.reverse（）翻转数组2.nstanceof 运算符 arr instanceof Array Array.isArray(参数) 检测是否为数组3.push() 在数组的末尾 添加一个或者多个数组元素4.unshift 在数组的开头 添加一个或者多个数组元素5.pop() 删除数组的最后一个元素 6.shift() 删除数组的第一个元素 7.数组排序（冒泡排序） var arr1 = [13, 4, 77, 1, 7]; ...

原创 Nodejs+MongoDB 增删改查

//连接数据库const mongoose = require('mongoose');mongoose.connect('mongodb://localhost/playground',{useNewUrlParser:true,useUnifiedTopology: true}) .then(()=>console.log('数据库连接成功')) .catch((err)=>console.log(err,'数据库连接失败'))//创建规则集合const cour.

原创 Node.js异步编程2

异步函数：异步函数是异步编程语法的终极解决方案，它可以把异步代码写成同步的形式，让代码不再有回调函数嵌套，使代码变得更清晰。 const fn = async () =>{}; async function fn (){}.1.async关键字普通函数定义前加async关键字，普通函数变成异步函数； 异步函数默认返回promise对象； 在异步函数内使用return关键字进行结果返回，结果会被包裹在返回的promise对象中； return代...

原创 Nodejs异步编程相关

Node.js异步编程同步API：只有当前API执行完成后，才能继续执行下一个API； 异步API：当前API的执行不会阻塞后续代码的执行。 区别：同步API可以从返回值中拿到API执行结果，异步不行。在异步API中使用回调函数获取执行结果：function getMsg(callback) { setTimeout(function () { callback({ msg:'ALOHA' }) ...

原创 基础JS遇到的一些习题01

1.两种数组去重方法const unique = arr =>{ let mySet = new Set(arr); /!* let newArr =[]; for (let i = 0 ;i < arr.length;i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(arr[i]); } }*!/...

原创 服务器端基本概念02

1.POST请求参数参数被放置在请求体重进行传输； 获取POST参数需要使用data事件和end事件； 使用querystring系统模块将参数转换为对象格式。 布置服务器获取参数html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><bo..

原创 服务器端基本概念与部署01

1.响应报文HTTP状态码200请求成功404请求的资源没有被找到500服务器端错误400客户端请求有语法错误2.内容类型text/htmltext/cssapplication/javascriptimage/jpegapplication/json3.实现代码//创建网站服务器const http = require('http');const app =...

原创 Node.js中模块加载机制如何实现？

1.模块查找规则-当模块拥有路径但没有后缀时：（require（‘./find’））require方法根据模块路径查找模块，如果是完整路径，直接引入模块； 如果模块后缀省略，先找同名JS文件，再找同名JS文件夹； 如果找到了同名文件夹，找文件夹中的index.js; 如果文件夹中你那个没有index.js，就会去当前文件夹中的package.js文件中查找mian选项中的入口文件； 如...

原创 gulp插件学习01

1.安装和使用安装node环境：官网：https：//nodejs.org； 命令行输入 npm i gulp -g ，gulp-v查看安装是否成功； 创建项目目录； 进入目录，并在目录中按住shift＋鼠标右键,进入命令行工具执行npm init -y初始化项目，此时会自动生成package.json文件； dist用于存放gulp任务执行后代码，src为工作源代码； ...

原创 js如何进行数据类型转换

1.转换为字符串 方法 说明 示例 toString() 转成字符串 let num=1;alert(num.toString) String强制转换 转成字符串 let num =1;alert(String(num)) 加号拼接字符串（常用） 与字符串拼接的结果都是字符串 let num =1;alert(num+'我是字符...