- 博客(26)
- 收藏
- 关注
原创 vue封装swiper组件
swiper组件封装swiper(轮播图)组件是我们常用的功能组件,为了方便开发我们可以将它封装起来,方便我们下次使用。swiper.vue组件<template> <div class="swiper-container" :class="cName"> <div class="swiper-wrapper"> ...
2020-03-30 22:38:24 467
原创 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 2349 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 132
原创 移动端布局适配
移动端布局适配从屏幕尺寸、屏幕类型等方面来看的话,移动设备和PC设备大有不同,所以从布局、适配等方面都需要我们考虑到Viewport视口的作用 (在移动端浏览器上面用来显示网页的那一块区域)在很久以前,我们的设备还不是智能设备的时候,设备访问智能访问到网页的左上角(当时都是pc网站),查看全部内容需要通过滚动条慢慢的我们发现,我们的一个页面放到移动端中访问的时候,没有滚动条了,但是内容...
2020-03-26 22:39:24 234
原创 Vue自定义指令
Vue自定义指令自定义指令介绍 directives - 对普通 DOM 元素进行底层操作(1) 自定义指令注册当页面加载时,该元素将获得焦点 (注意:autofocus 在移动版 Safari 上不工作)。事实上,只要你在打开这个页面后还没点击过任何内容,这个输入框就应当还是处于聚焦状态。现在让我们用指令来实现这个功能:// 注册一个全局自定义指令 `v-focus`Vue.direc...
2020-03-25 22:55:21 132
原创 vue生命周期
Vue生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。——官方文档生命周期图示vue生命周期中有许多钩子函数分别是:beforeCreatecreatedbeforeMountmou...
2020-03-24 23:55:08 606
原创 虚拟dom
使用JS直接对DOM进行修改操作和更新时,如果数据量过大,就会浪费大量的时间。面对这个问题 我们可以使用虚拟DOM的方法来解决。虚拟DOM频繁且复杂的dom操作通常是前端性能瓶颈的产生点,Vue提供了虚拟dom的解决办法虚拟的DOM的核心思想是:对复杂的文档DOM结构,提供一种方便的工具,进行最小化地DOM操作。虚拟DOM的过程:1.先在内存中生成 一个虚拟DOM树。2.将内存中虚拟...
2020-03-23 20:24:27 99
原创 vue基础-2
计算属性(1) 基础例子有的时候我们需要在模板中使用数据a,这个时候就需要用到表达式,但是有的地方我们需要对a数据进行一些简单的处理后才能使用,那么我们就会在表达式中写一些js逻辑运算<div id="example"> {{ message.split('').reverse().join('') }}</div>这样我们的维护就会非常困难,也不便于阅读(...
2020-03-20 21:33:25 91
原创 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 197
原创 Vue基础-1
Vue基础一.模板语法(1) 插值 a.文本 {{ }} 声明一条数据,然后用特殊的模板语法将其渲染出来(声明式渲染) b.纯HTML v-html慎用 ,防止XSS,CSRF( (1) 前端过滤 (前端采用正则将容易注入的字符<等过滤掉) (2) 后台转义( < > 换成 < > ) )<a href...
2020-03-19 22:37:49 205
原创 简述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 1547
原创 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 330
原创 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 340
原创 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 200
原创 nodejs基础-5
路由告诉你去哪,对于前端,主要是导向告诉浏览器应该去哪,对于后端,可以理解为一个子服务,一个路由就是一个小的服务(server/app),处理一个接口配置和使用/routes/xx.js// 1. 创建路由let router = express.Router(); //2 路由处理响应router.响应API(地址, 处理函数)//3. 导出路由module.exports...
2020-03-13 21:51:22 91
原创 nodejs基础-4
token思想在服务端不需要存储用户的登录记录,全部发给客户端有客户端自己存(cookie,local)1、客户端使用用户名跟密码请求登录2、服务端收到请求,去验证用户名与密码3、验证成功后,服务端会签发一个 Token(加了密的字符串),再把这个 Token 发送给客户端4、客户端收到 Token 以后可以把它存储起来,比如放在 Cookie 里或者 Local Storage 里...
2020-03-12 23:51:14 141
原创 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 110
原创 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 148
原创 nodejs基础-1
nodejs请参考nodejs中文 文档作用使用js 来写后台程序目标数据服务,文件服务,web服务优势性能高,方便、入门难度低、大公司都在用(BAT)劣势服务器提供的相对较少相对其他语言,能用的上的学习资料少对程序员的要求相对较高注意nodejs 使用的是ECMA语法,不可使用DOM,BOM推荐命令行工具:supervisor nodemon安装方式: npm ...
2020-03-09 21:54:39 144
原创 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 142
原创 商城项目日结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 135
原创 商城项目日结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 82
原创 商城项目日结3
今天主要对首页的侧边导航栏进行的数据渲染 ,另外商品列表页通过pagination插件 进行分页,并且通过请求数据来渲染分页器和页面。代码如下:html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...
2020-03-04 22:06:14 130
原创 商城项目日结2
主要对商城的主页的一些功能 进行了 编写 ,并通过jQuery 发送ajax 请求的到数据之后通过得到的数据对页面进行渲染工作。商城主页的代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=...
2020-03-03 23:16:55 135
原创 商城项目日结
今天主要对 商城的注册模块的前端页面 以及后端交互功能进行了代码编写项目地址:代码如下:html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...
2020-03-02 23:06:53 182
原创 前后端交互 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 936
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人