- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue封装swiper组件
swiper组件封装swiper(轮播图)组件是我们常用的功能组件，为了方便开发我们可以将它封装起来，方便我们下次使用。swiper.vue组件<template> <div class="swiper-container" :class="cName"> <div class="swiper-wrapper"> ...
2020-03-30 22:38:24
431
原创 mongodb远程无法连接
当我们远程访问云服务器上的mongodb时会出现如下的失败问题：解决这个问题我们可以通过设置mongod.conf文件来解决过程如下：在服务器的根目录下通过vim 命令打开mongod.conf文件：vim /etc/mongod.conf按I键进入插入模式，找到net 配置bindIp 将其更改为0.0.0.0（0.0.0.0为所有未知ip的地址描述）按下ESC键后 按shift...
2020-03-30 00:27:33
2283
1
原创 vue-router
Vue中会使用官方提供的vue-router插件来使用单页面，原理就是通过检测地址栏变化后将对应的路由组件进行切换（卸载和安装）简单路由实现cnpm install vue-router -S or yarn add vue-router -S引入vue-router，如果是在脚手架中，引入VueRouter之后，需要通过Vue.use来注册插件router/index....
2020-03-29 23:47:51
121
原创 移动端布局适配
移动端布局适配从屏幕尺寸、屏幕类型等方面来看的话，移动设备和PC设备大有不同，所以从布局、适配等方面都需要我们考虑到Viewport视口的作用 (在移动端浏览器上面用来显示网页的那一块区域)在很久以前，我们的设备还不是智能设备的时候，设备访问智能访问到网页的左上角（当时都是pc网站），查看全部内容需要通过滚动条慢慢的我们发现，我们的一个页面放到移动端中访问的时候，没有滚动条了，但是内容...
2020-03-26 22:39:24
202
原创 Vue自定义指令
Vue自定义指令自定义指令介绍 directives - 对普通 DOM 元素进行底层操作(1) 自定义指令注册当页面加载时，该元素将获得焦点 (注意：autofocus 在移动版 Safari 上不工作)。事实上，只要你在打开这个页面后还没点击过任何内容，这个输入框就应当还是处于聚焦状态。现在让我们用指令来实现这个功能：// 注册一个全局自定义指令 `v-focus`Vue.direc...
2020-03-25 22:55:21
120
原创 vue生命周期
Vue生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。——官方文档生命周期图示vue生命周期中有许多钩子函数分别是：beforeCreatecreatedbeforeMountmou...
2020-03-24 23:55:08
593
原创 虚拟dom
使用JS直接对DOM进行修改操作和更新时，如果数据量过大，就会浪费大量的时间。面对这个问题 我们可以使用虚拟DOM的方法来解决。虚拟DOM频繁且复杂的dom操作通常是前端性能瓶颈的产生点，Vue提供了虚拟dom的解决办法虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。虚拟DOM的过程：1.先在内存中生成 一个虚拟DOM树。2.将内存中虚拟...
2020-03-23 20:24:27
91
原创 vue基础-2
计算属性(1) 基础例子有的时候我们需要在模板中使用数据a，这个时候就需要用到表达式，但是有的地方我们需要对a数据进行一些简单的处理后才能使用，那么我们就会在表达式中写一些js逻辑运算<div id="example"> {{ message.split('').reverse().join('') }}</div>这样我们的维护就会非常困难，也不便于阅读(...
2020-03-20 21:33:25
84
原创 Vue-ToDoList简单的实现
直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu...
2020-03-19 22:44:39
190
原创 Vue基础-1
Vue基础一.模板语法(1) 插值 a.文本 {{ }} 声明一条数据，然后用特殊的模板语法将其渲染出来（声明式渲染） b.纯HTML v-html慎用 ，防止XSS,CSRF（ (1) 前端过滤 （前端采用正则将容易注入的字符<等过滤掉） (2) 后台转义( < > 换成 < > ) ）<a href...
2020-03-19 22:37:49
168
原创 简述vue双向数据绑定原理
MVVMMVVM全称是Model View ViewModelMVVM 由三部分组成分别是：M:ModelV:ViewVM:ViewModel在MVVM中 ，ViewModel之中有一个 Binder，或者是Data-binding engine。我们需要在View中声明View(视图)上所显示的东西 与Model的哪部分的数据进行绑定。在ViewModel更新Model上的数据时，...
2020-03-18 20:53:29
1518
原创 express-generator用户接口响应
express-generator本文主要分享 通过使用express-generator脚手架 来配置用户接口的响应app.js:var createError = require('http-errors');var express = require('express');var path = require('path');var logger = require('morga...
2020-03-17 21:46:39
321
原创 nodejs的 mongodb方法封装
引入mogodb 包进行 表的查询 排序并分页//1.引入mongodb客户端包const mongodb = require("mongodb")const express = require("express")let app = express()app.listen(3000,()=>console.log("server is running....."))//创建接...
2020-03-16 22:19:23
312
原创 nodejs数据库的使用
数据库mysql关系数据库，二维表，不存在子表sql语句建库CREATE DATABASE `2017-12-6` DEFAULT CHARACTER SET armscii8 COLLATE armscii8_general_ci;建表CREATE TABLE `2020-12-6`.`user` ( `name` VARCHAR( 32 ) NOT NULL ,...
2020-03-14 21:20:30
189
原创 nodejs基础-5
路由告诉你去哪，对于前端，主要是导向告诉浏览器应该去哪，对于后端，可以理解为一个子服务，一个路由就是一个小的服务(server/app)，处理一个接口配置和使用/routes/xx.js// 1. 创建路由let router = express.Router(); //2 路由处理响应router.响应API(地址, 处理函数)//3. 导出路由module.exports...
2020-03-13 21:51:22
81
原创 nodejs基础-4
token思想在服务端不需要存储用户的登录记录，全部发给客户端有客户端自己存(cookie,local)1、客户端使用用户名跟密码请求登录2、服务端收到请求，去验证用户名与密码3、验证成功后，服务端会签发一个 Token（加了密的字符串），再把这个 Token 发送给客户端4、客户端收到 Token 以后可以把它存储起来，比如放在 Cookie 里或者 Local Storage 里...
2020-03-12 23:51:14
133
原创 nodejs基础-3
EXPRESSnodejs库，不用基础做起，工作简单化，点击进入官网，类似的还有 koa特点二次封装，非侵入式，增强形搭建web服务let express=require('express')let server=express()let server.listen(端口,地址,回调)静态资源托管server.use(express.static('./www'));接口响...
2020-03-11 23:29:44
100
原创 nodejs基础-2
模块化 commonJS介绍是主要为了JS在后端的表现制定，commonJS 是个规范 nodejs / webpack 是一个实现ECMA 是个规范 js / as 实现了他其他模块化规范：seajs.js / require.js CMD/AMD/UMD es5作用是变量具有文件作用域，不污染全局变量系统模块http fs querystring url输入r...
2020-03-10 23:42:47
138
原创 nodejs基础-1
nodejs请参考nodejs中文 文档作用使用js 来写后台程序目标数据服务，文件服务，web服务优势性能高，方便、入门难度低、大公司都在用（BAT）劣势服务器提供的相对较少相对其他语言，能用的上的学习资料少对程序员的要求相对较高注意nodejs 使用的是ECMA语法，不可使用DOM，BOM推荐命令行工具：supervisor nodemon安装方式: npm ...
2020-03-09 21:54:39
131
原创 2-3月总结
第一周：对前后端交互，cookie，AJAX，跨域请求，promise 回调函数进行了学习和理解。重点掌握 前后端交互的AJAX请求。AJAX核心代码：// 1. 创建 ajax 对象let xhr = new XMLHttpRequest()// 2. 配置请求信息xhr.open(‘GET’, ‘./test.php’, true)// 3. 发送请求xhr.send()...
2020-03-08 16:02:44
125
原创 商城项目日结5
今天完成了商城的购物车功能 ，并细化了css样式使页面看起来更加舒适。项目地址购物车代码如下：html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...
2020-03-06 21:38:49
124
原创 商城项目日结4
今天主要对商品列表页的商品进行数据渲染 并调整样式，另外对商品详情页面进行数据渲染。html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...
2020-03-05 22:05:56
73
原创 商城项目日结3
今天主要对首页的侧边导航栏进行的数据渲染 ，另外商品列表页通过pagination插件 进行分页，并且通过请求数据来渲染分页器和页面。代码如下：html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...
2020-03-04 22:06:14
116
原创 商城项目日结2
主要对商城的主页的一些功能 进行了 编写 ，并通过jQuery 发送ajax 请求的到数据之后通过得到的数据对页面进行渲染工作。商城主页的代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=...
2020-03-03 23:16:55
125
原创 商城项目日结
今天主要对 商城的注册模块的前端页面 以及后端交互功能进行了代码编写项目地址：代码如下：html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...
2020-03-02 23:06:53
172
原创 前后端交互 B/S
B/S架构先来了解B/S架构B/S架构 中的B 是Browser(浏览器) S是Server(服务器)B/S架构由C/S架构改进而成 可以说是三层C/S架构第一层是浏览器，也就是客户端，用户不需要特别安装 就可以进行操作，主要进行完成用户所需的和后端的输入输出功能，处理较少的事务逻辑。第二层是WEB服务器，也就是服务器，主要完成客户端所需的应用逻辑，并向数据库发送数据。第三层是数据库...
2020-02-23 19:27:38
874
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人