03 2020 档案

CentOS7上Mongodb安装、卸载
摘要：一、安装 1、配置yum管理包 1）、在路径/etc/yum.repos.d/下创建文件mongodb-org-3.4.repo cd /etc/yum.repos.d/ touch mongodb-org-3.4.repo 2）、在文件mongodb-org-3.4.repo中写入如下内容 [mo 阅读全文
posted @ 2020-03-29 23:18 Mine- 阅读(58) 评论(0) 推荐(0)
CentOS 7 下安装 Nginx
摘要：安装所需环境 Nginx 是 C语言 开发，建议在 Linux 上运行，当然，也可以安装 Windows 版本，本篇则使用 Cent... 阅读全文
posted @ 2020-03-29 23:11 Mine- 阅读(20) 评论(0) 推荐(0)
SPA vs MPA
摘要：现在的应用都流行SPA应用（single page application） 传统的项目大多使用多页面结构，需要切换内容的时候我们往... 阅读全文
posted @ 2020-03-29 22:28 Mine- 阅读(26) 评论(0) 推荐(0)
Vue中的路由守卫
摘要：路由守卫 在某些情况下，当路由跳转前或跳转后、进入、离开某一个路由前、后，需要做某些操作，就可以使用路由钩子来监听路由的变化 全局路由钩子： //进入到某个路由组件之前 router.beforeEach((to, from, next) => { //会在任意路由跳转前执行，next一定要记着执行 阅读全文
posted @ 2020-03-29 22:23 Mine- 阅读(26) 评论(0) 推荐(0)
Vue中的路由模式
摘要：路由模式 为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于 ——— 改变视图的同时不会向后端发出请求。 路由有两种模式：hash、history，默认会使用hash模式，但是如果url里不想出现丑陋hash值，在new VueRout 阅读全文
posted @ 2020-03-29 22:21 Mine- 阅读(64) 评论(0) 推荐(0)
Vue中的命名路由
摘要：命名路由 我们可以给路由对象配置name属性，这样的话，我们在跳转的时候直接写name:main就会快速的找到此name属性对应的路由，不需要写大量的urlpath路径了 <router-link v-for="nav in navs" :key="nav.id" :to="{name:nav.na 阅读全文
posted @ 2020-03-29 22:09 Mine- 阅读(26) 评论(0) 推荐(0)
Vue中路由懒加载
摘要：懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时 阅读全文
posted @ 2020-03-29 22:07 Mine- 阅读(20) 评论(0) 推荐(0)
Vue中简单的路由实现
摘要：简单路由实现 cnpm install vue-router -S or yarn add vue-router -S 引入vue-router，如果是在脚手架中，引入VueRouter之后，需要通过Vue.use来注册插件 router/index.js文件 import Vue from 'vu 阅读全文
posted @ 2020-03-29 22:06 Mine- 阅读(31) 评论(0) 推荐(0)
单行文本溢出显示省略号
摘要：width:value; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; #content{width: 200px;border: 1px black solid;white-space: nowrap;overflow: 阅读全文
posted @ 2020-03-26 22:00 Mine- 阅读(16) 评论(0) 推荐(0)
最最最全的清除浮动方法
摘要：如何清除浮动？ 上下排列： clear属性，表示清除浮动的，left、right、both 嵌套排列： 固定宽高 : 不推荐 , 不能把高度固定死，不适合做自适应的效果。 父元素浮动 : 不推荐 , 因为父容器浮动也会影响到后面的元素。 overflow : hidden (BFC规范) , 如果有 阅读全文
posted @ 2020-03-26 21:56 Mine- 阅读(29) 评论(0) 推荐(0)
移动端布局以及rem的适配
摘要：移动端布局方式与设计图 现有的布局方式： 固定布局，每一个元素都是固定的尺寸，内容区域居中在浏览器中间 内容区域的尺寸：980,1... 阅读全文
posted @ 2020-03-26 21:40 Mine- 阅读(57) 评论(0) 推荐(0)
详细的HTTP协议讲解
摘要：概念 HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览... 阅读全文
posted @ 2020-03-25 21:19 Mine- 阅读(64) 评论(0) 推荐(0)
JS中的原型与原型链
摘要：什么是原型？原型链 原型对象也是普通的对象，是对象一个自带隐式的 proto 属性，原型也有可能有自己的原型，如果一个原型对象的原型不为 null 的话，我们就称之为原型链原型链是由一些用来继承和共享属性的对象组成的（有限的）对象链 也可以用三句话描述一下 下面根据代码解释一下js中的原型 阅读全文
posted @ 2020-03-25 20:52 Mine- 阅读(21) 评论(0) 推荐(0)
Vue中的自定义指令
摘要：自定义指令介绍 directives - 对普通 DOM 元素进行底层操作 (1) 自定义指令注册 当页面加载时，该元素将获得焦点 (注意：autofocus 在移动版 Safari 上不工作)。事实上，只要你在打开这个页面后还没点击过任何内容，这个输入框就应当还是处于聚焦状态。现在让我们用指令来实 阅读全文
posted @ 2020-03-25 15:38 Mine- 阅读(40) 评论(0) 推荐(0)
Vue组件&实例的生命周期
摘要：每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁 实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期，然后就会执行beforeCreate钩子函数，这个时候，数据还没有挂载到，只是一个空壳，无法访问到数据和真实的dom，一般不做操作 挂载数据，绑 阅读全文
posted @ 2020-03-24 22:20 Mine- 阅读(27) 评论(0) 推荐(0)
Vue中的slot插槽
摘要：slot插槽 vue里提供了一种将父组件的内容和子组件的模板整合的方法：内容分发，通过slot插槽来实现 匿名插槽 在父组件中使用子组件的时候，在子组件标签内部写入内容。在子组件的模板中可以通过来使用 <div id="app"> <hello> <div>联通卡</div> <div>移动卡</d 阅读全文
posted @ 2020-03-24 13:41 Mine- 阅读(22) 评论(0) 推荐(0)
Vue中组件之间的通信方式
摘要：组件之间通信方式 i. 父子组件传值 (props down, events up) ii. 属性验证 props:{name:Number} Number,String,Boolean,Array,Object,Function,null(不限制类型) iii. Ref ​ this.$refs. 阅读全文
posted @ 2020-03-24 13:34 Mine- 阅读(16) 评论(0) 推荐(0)
原生js写一个眼睛会跟着鼠标动的笑脸
摘要：html{overflow-x: hidden;} body{width: 100%;height: 100%;background: #613900;} .face{width: 500px;height: 500px;background: #ffc400;border-radius: 50%; 阅读全文
posted @ 2020-03-23 21:55 Mine- 阅读(96) 评论(0) 推荐(0)
vue 中的虚拟dom
摘要：虚拟dom 频繁且复杂的dom操作通常是前端性能瓶颈的产生点，Vue提供了虚拟dom的解决办法 虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。这句话，也许过于抽象，却基本概况了虚拟DOM的设计思想 (1) 提供一种方便的工具，使得开发效率得到保证 (2 阅读全文
posted @ 2020-03-23 21:29 Mine- 阅读(52) 评论(0) 推荐(0)
Vue基操
摘要：一.模板语法 (1) 插值 ​ a.文本 {{ }} 声明一条数据，然后用特殊的模板语法将其渲染出来（声明式渲染） ​ b.纯HTML ​ v-html慎用 ，防止XSS,CSRF（ ​ (1) 前端过滤 （前端采用正则将容易注入的字符<等过滤掉） ​ (2) 后台转义( < > 换成 &lt &g 阅读全文
posted @ 2020-03-19 22:12 Mine- 阅读(43) 评论(0) 推荐(0)
vue的双向数据绑定原理
摘要：vue的双向数据绑定原理 ​ 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转 为 getter/setter。Object.defineProperty 是 ES 阅读全文
posted @ 2020-03-18 22:34 Mine- 阅读(43) 评论(0) 推荐(0)
ES6中的SET和MAP数据结构
摘要：SET 和 MAP 数据结构 + 两个是 ES6 出现的两种数据结构 + SET 就是一个类似于 数组 的数据结构 + MAP 就是一个类似于 对象 的数据结构 SET 数据结构 + 是一个类似于 数组 的数据结构 + 创建数据的语法 1. 内置构造函数创建 => var s1 = new Set( 阅读全文
posted @ 2020-03-17 22:51 Mine- 阅读(24) 评论(0) 推荐(0)
实现跨域请求的三种方法
摘要：同源策略 同源策略是由浏览器给的浏览器不允许我们向别人发送请求，只能向自己的服务器发送请求当我们想向别人的服务器发送请求的时候，就会... 阅读全文
posted @ 2020-03-17 22:45 Mine- 阅读(98) 评论(0) 推荐(0)
mongodb的封装
摘要：let mongodb = require("mongodb") let mongodCt = mongodb.MongoClient let ObjectId = mongodb.ObjectId //把字符串转成ObjectId的对象类型 //链接库 /* dbName:数据库名称 默认值就是s 阅读全文
posted @ 2020-03-17 22:30 Mine- 阅读(29) 评论(0) 推荐(0)
mongodb数据库的安装以及基本使用
摘要：mongodb 非关系型数据库，又叫nosql，缓存型，使用场景多是解决大规模数据集合多重数据种类 下载 安装帮助 配置数据文件存储位置： 找到安装目录\Server\4.0\bin\ -> cmd回车-> mongod 回车->mongod --dbpath c:\data\db data和db目 阅读全文
posted @ 2020-03-17 22:10 Mine- 阅读(28) 评论(0) 推荐(0)
带你快速了解nodejs中session与token的区别
摘要：首先我们要清楚session与token的实现思想 session 思想 1、客户端用户名跟密码请求登录 2、服务端收到请求，去库验... 阅读全文
posted @ 2020-03-13 19:04 Mine- 阅读(22) 评论(0) 推荐(0)
教你快速掌握git的使用
摘要：GIT 和 GITHUB 在这之前我们要先要清楚几个东西git 和 github 是两个东西，不是一个东西就像 java 和 jav... 阅读全文
posted @ 2020-03-13 18:34 Mine- 阅读(54) 评论(0) 推荐(0)
Promise的理解和使用,以及ES7中ASYNC/AWAIT 的使用
摘要：Promise promise 是一个 ES6 的语法承诺的意思，是一个专门用来解决异步 回调地狱 的问题 回调函数 什么是回调函数？ 就是把函数 A 当作参数传递到 函数 B 中 在函数 B 中以行参的方式进行调用 function a(cb) { cb() } function b() { co 阅读全文
posted @ 2020-03-11 23:39 Mine- 阅读(52) 评论(0) 推荐(0)
一篇文章帮你入门jQuery
摘要：jQuery jQuery 是一个前端库，也是一个方法库他里面封装着一些列的方法供我们使用我们常用的一些方法它里面都有，我们可以直接拿来使用就行了jQuery 之所以好用，很多人愿意使用，是因为他的几个优点太强大了 优质的选择器和筛选器好用的隐式迭代强大的链式编程 因为这些东西的出现，很多时候我们要 阅读全文
posted @ 2020-03-10 21:44 Mine- 阅读(40) 评论(0) 推荐(0)
javascript 中的try_catch 的用法
摘要：/* try{ 尝试执行的代码 }catch(error){ error 错误对象，try括号中代码执行的异常信息; 补救代码; } 执行过程： 1、先去执行try中的代码 2、如果try中的代码执行正常，catch中的代码就不执行了 3、如果try中的代码执行异常，直接执行catch中的代码进行补 阅读全文
posted @ 2020-03-09 21:43 Mine- 阅读(45) 评论(0) 推荐(0)
jQuery分页插件pagination
摘要：<div class="pagi m-style"></div> 需要引入jQuery $('.pagi').pagination({ pageCount: 11, // 总页数 current: 1, // 当前页 jump: true, coping: true, homePage: '首页', 阅读全文
posted @ 2020-03-07 23:01 Mine- 阅读(94) 评论(0) 推荐(0)