- 博客(59)
- 收藏
- 关注
RSS订阅转载 Sublime text3中文版 无法安装插件There are no packages available for installation问题的解决
转载的，记录下解决方案：1.下载https://packagecontrol.io/channel_v3.json随便放在什么目录里，2.打开这个文件，修改"schema_version": " 3.0.0" 为 "schema_version":" 2.0"3.路径：首选项-》插件设置-》Package Control-》默认修改此配置改为：好了，大功告成。...
2020-01-30 18:24:10
623
原创 关于setInterval和setTImeout中的this指向问题
问题描述前些天在练习写一个小例子的时候用到了定时器，发现在setInterval和setTimeout中传入函数时，函数中的this会指向window对象，如下例：var num = 0;function Obj (){ this.num = 1, this.getNum = function(){ console.log(this.num); ...
2018-09-18 23:21:21
275
原创 常用的网页加载进度条
关于进度条的图片，有几个专门的网站可以下载https://icons8.com/preloaders/， 可以在这里直接下载需要使用的进度条类型图片 1.使用定时器来做一个固定时间的进度条好处是比较简单，容易实现，缺点是当页面在电脑中已经有缓存了，本来可以快速加载页面的，但是每次仍然需要加载定时器的进度条，等待一个固定的时间2.通过加载状态事件制作进度条doc...
2018-09-18 23:19:10
1289
原创 vuex（二）新建vuex实例
创建一个 store。在components下面新建一个store文件夹，里面新建一个store.js文件首先创建一个最简单的store框架import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export const store = new Vuex.Store({ state:{ //设置属性 ...
2018-09-12 17:57:24
600
原创 vuex（一）开始
vuex npm安装NPMnpm install vuex --save Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。以上是官方解释，个人理解为将所有组件需要的数据放在vuex里面，所有组件从vuex里面取所需要的数据。每一个 Vuex 应用的核心就是 store（...
2018-09-12 17:44:01
181
原创 node.js搭建接口（十二）：Node-删除信息接口
需要删除信息，首先遍历用户item，查找到与登录用户id的下标const removeIndex = profile.experience.map(item => item.id) //removeIndex是要删除的经历的id的下标 .indexOf(req.params.epx_id);随后将数据从数据库删除再保存进数据库p...
2018-08-30 15:36:01
1275
原创 node.js搭建接口（十一）：Node-获取和存入当前登录用户的个人信息
上一节我们搭建了一个稍微复杂的数据库模型profiles，里面描述了用户的工作技能、工作经历、教育经历等，此节搭建接口来获取当前登录用户的这些个人信息。创建一个profile.js在api文件夹里面，因为很多内容与user都是相似的，这里就不重复说明了。需要注意的几点是：1.profile是关联着user的，需要根据user的id来查找profileProfile.findOne...
2018-08-30 15:28:21
4198
1
原创 vue学习记录
vue从json中遍历图片地址<template> //例如v-for="item in getMenuItems" :key="item.title" <img :src="item.imgsrc"></template><script>export default { data () { return
2018-08-27 14:55:01
189
原创 移动端css分辨率和物理设备分辨率处理
正常项目分辨率处理：<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">vue项目分辨率处理：安装PostCSS插件通过Vue-cli构建的项目，在项目的根目录下有一个.p...
2018-08-25 15:26:16
923
原创 node.js搭建接口（十）：Node-为数据库搭建高级数据模型
项目之前的部分为数据库搭建了一个简单的用户模型，这次搭建一个稍微复杂的数据模型。具体的信息如下：{ "_id": "5aff8f37d97381062fb10892", "user": "5afd38eeb886f50f4320e6c1", "handle": "test", "company": "米修在线教育"
2018-08-23 23:26:01
1061
1
原创 数据库中Schema（模式）概念的理解
在学习SQL的过程中，会遇到一个让你迷糊的Schema的概念。实际上，schema就是数据库对象的集合，这个集合包含了各种对象如：表、视图、存储过程、索引等。为了区分不同的集合，就需要给不同的集合起不同的名字，默认情况下一个用户对应一个集合，用户的schema名等于用户名，并作为该用户缺省schema。所以schema集合看上去像用户名。如果把database看作是一个仓库，仓库很多房间（sc...
2018-08-23 23:01:38
2600
原创 node.js搭建接口（九）：Node-使用中间件实现跨域
使用中间件进行跨域必须写在使用路由之前//使用中间件实现跨域请求app.use((req,res,next) => { res.header("Access-Control-Allow-Origin","*"); //允许的来源 res.header("Access-Control-Allow-Headers","Content-Type"); //请求...
2018-08-23 22:52:47
2372
1
原创 node.js搭建接口（八）：Node-使用validator验证用户信息
validator是用来验证用户信息的，包括用户名称是否合规，是否太短，两次密码输入不一致等等问题的。validator提供很多的方法，比如isEmail(str [, options])， 判断输入是否是email；isEmpty(str [, options])，判断当前传过来的是不是一个空值等等 首先我们先安装validatornpm install validator我们...
2018-08-23 17:59:42
3977
原创 node.js搭建接口（七）：Node-使用passport-jwt验证token
本节使用passport-jwt和passport中间件来验证token，passport-jwt是一个针对jsonwebtoken的插件，passport是express框架的一个针对密码的中间件那么首先还是需要安装passport-jwt和possportnpm install passport-jwtnpm install passport然后在入口文件server.js中引...
2018-08-23 15:55:35
8459
12
原创 node.js搭建接口（六）：Node-使用jwt实现token
上一篇实现的登录接口如果正确返回的是一个res.json({msg:"success"}，但是实际上应用中返回的都是token。token在计算机身份认证中是令牌（临时）的意思，代表执行某些操作的权利的对象。包括：访问令牌（Access token）表示访问控制操作主体的系统对象；密保令牌（Security token），或者硬件令牌，例如U盾，或者叫做认证令牌或者加密令牌，一种计算机...
2018-08-23 12:18:44
2172
原创 node.js搭建接口（五）：Node-搭建登录接口
// $route POST api/users/login// @desc 返回token jwt passport// @access public// 登录router.post("/login",(req,res)=>{ const email = req.body.email; const password = req.body.password; ...
2018-08-23 11:55:30
1896
转载 Node——express模块中的req，res参数
express模块中的req，res参数的常用属性方法const express = require('express'); const router = express.Router()router.get('/',(req,res)=>{ // Request // req.baseUrl 基础路由地址 // req.body post发送的数据解析出来...
2018-08-23 10:14:26
10300
原创 node.js搭建接口（四）：Node-搭建注册接口并存储数据
写在前面body-parser是Express 一个常用中间件作用是对post请求的请求体进行解析。使用非常简单，以下两行代码已经覆盖了大部分的使用场景。app.use(bodyParser.json());app.use(bodyParser.urlencoded({ extended: false }));bodyParser.urlencoded 用来解析 request...
2018-08-23 08:24:44
907
原创 node.js搭建接口（三）：Node-搭建路由和数据模型
本次实例搭建一个用户注册的接口。首先在根目录下新建一个routers/api文件夹，在文件夹里面新建一个users.js文件。此文件主要用于登录和注册等内容。首先在文件下引入express然后实例化routerconst express = require("express"); //引入expressconst router = express.Router(); //实例...
2018-08-22 21:41:25
1322
原创 node.js搭建接口（二）：Node-连接MongoDB数据库
首先，在服务器文件夹目录下安装mongoosenpm install mongoose然后在入口文件中引入mongoose。const mongoose = require("mongoose");接下来直接使用mongoose对象来链接mongoose数据库我们用一个单独的文件来描述mongodb数据地址，根目录下新建一个config文件夹，里面新建一个k...
2018-08-22 16:34:53
866
1
原创 node.js搭建接口（一）：使用express搭建服务器
Express是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架，目前还不太了解express到底是什么，希望以后能来补充。安装首先假定你已经安装了 Node.js，接下来为你的应用创建一个目录，然后进入此目录并将其作为当前工作目录。$ mkdir myapp$ cd myapp通过 npm init 命令为你的应用创建一个 package.json 文件...
2018-08-22 16:08:08
3208
1
转载 Sublime 下运行javascript
在sublime中，我们可以通过Node.js运行javascript，具体做法如下： 第一步：安装node.js 你可以通过命令行node -v查看是否安装node.js,如果已经安装，则会出现当前node的版本号 Node.js 官网下载地址： https://nodejs.org/en/ 截图如下，你可以自己选择node的版本 下载后按步骤安装即可，可以通过命令行node -v查看...
2018-08-02 22:31:16
9156
1
转载 nodejs(express)链接操作mongodb
1.安装mongodb数据库，官网下载地址：https://www.mongodb.com/download-center#community2.官方推荐node-mongodb-native来操作mongodb，实际开发中估计更多会选用类似mongoose的模块来操作来提升开发效率,mongoose安装：npm install -g mongoose –save(-g表示全局，–save...
2018-08-02 12:14:16
451
转载 mongoose 连接数据库报错的解决方案
报错信息如下 DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version. To use the new parser, pass option { useNewUrlParser: true } to MongoClient.connect....
2018-08-02 12:10:39
1940
转载 MongoDB下载、安装、配置、使用
下载官网下载网址： https://www.mongodb.com/download-center?jmp=nav#production这是下载页面： 选择第二个选项：Community Server 然后点击下载按钮： DOWNLOAD (msi)，进入如下页面： 此时：进入这个页面后，会自动开始下载！！！（如没反应就新一下） 安装Mong...
2018-08-02 09:16:37
1140
1
原创 Duplicate entry '0' for key 'PRIMARY'
create table t_user( id int primary key auto_increment )
2018-07-23 21:26:58
707
转载 vue引入jquery和bootstrap的方法
1、使用命令npm install jquery --save-dev 引入jquery。 2、在webpack.base.conf.js中添加如下内容：var webpack = require('webpack')和// 增加一个pluginsplugins: [ new webpack.ProvidePlugin({ $: "jquery", j...
2018-07-23 00:51:31
375
转载 JS 事件绑定、事件监听、事件委托详细介绍
在JavaScript的学习中，我们经常会遇到JavaScript的事件机制，例如，事件绑定、事件监听、事件委托（事件代理）等。这些名词是什么意思呢，有什么作用呢？事件绑定要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在JavaScript中，有三种常用的绑定事件的方法：...
2018-07-21 14:16:31
238
转载 CSS-标准盒模型 & 怪异盒模型
CSS中Box model分类CSS中Box model是分为两种:: W3C标准 和 IE标准盒子模型。大多数浏览器采用W3C标准模型，而IE中则采用Microsoft自己的标准。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现在IE内核的浏览器。当不对doctype进行定义时，会触发怪异模式。 在标准模式下，一个块的总宽度= widt...
2018-07-19 22:57:09
400
转载 css之hover改变另外一个元素的状态
以前也遇到过hover一个元素,显示或者隐藏另一个元素的场景,如果是父子元素关系,这种非常好写,在选择器后加一个空格,跟上另一个选择器就行了, 例如 classA:hover classB{ display:none; } 但是有时不是父子元素关系,加空格就不行,以前都时用less这种css预处理语言写的,稀里糊涂就出效果了,这次用styus,非常不习惯,遇到这样一个场景,元素是兄弟关系,...
2018-07-19 22:56:44
14063
1
转载 addEventListener和on的区别
为什么需要addEventListener？先来看一个片段：html代码<div id="box">放逐的天空</div>用on的代码var box = document.getElementById("box"); box.onclick = function(){ console.log("我是box1"); } box.onclic...
2018-07-19 21:50:45
567
2
转载 css中单位px和em,rem的区别
国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？ PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。 px像素（Pix...
2018-07-19 19:27:58
122
转载 html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获...
2018-07-11 21:28:06
323
转载 ERROR in Cannot find module 'node-sass'
ERROR in Cannot find module 'node-sass'错误表示找不到node-sass模块。网上查了下我是因为cnpm安装导致的，换成npm安装就好或者cnpm install node-sass@latest或者node-sass需要编译环境，我的配置是win7+vs2013+nodejs4.2.6+python2.7.3...
2018-07-11 14:19:15
263
转载 cmd命令语句
首先点击windows+R快捷键，打开运行界面，输入cmd 二、常用的命令语句有哪些第一部分cd\ '返回到根目录cd.. '返回到上一级目录1、cd 显示当前目录名或改变当前目录。2、dir显示目录中的文件和子目录列表3、md创建目录（简历子目录）格式：MD[盘符：][路径名]〈子目录名〉4、del删除一或数个文件5、ren重命名文件6、move移动文件并且重命名文件和目录7、expand展开...
2018-07-10 20:30:39
4956
转载 vue.js的安装部署+cnpm install 安装过程卡住不动
刚接触vue,js，我在这里给出vue.js的安装部署过程，希望刚学的vue.js的学者少走弯路。废话不多说了，直接走你！我把vue.js的安装步骤分为8个：1、到Node.js的官网下载nodenode.js的下载地址，下载完成后，我在d盘新建一个文件夹“node”, 安装到node目录下（安装之后环境变量自动配置了，自己无需再配），比如我的安装路径是：D:\node ps:安装路径是自...
2018-07-10 20:27:38
4391
转载 如何让 height:100%; 起作用
当你设置一个页面元素的高度(height)为100%时，期望这样元素能撑满整个浏览器窗口的高度，但大多数情况下，这样的做法没有任何效果。你知道为什么height:100%不起作用吗？按常理，当我们用CSS的height属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如，如果一个div元素的CSS是height: 100px;，那它应该在页面的竖向空间里占满1...
2018-07-08 20:05:29
199
转载 路径中一个点与两个点的区别
在导入js或者样式表的时候，如果我们放在文件夹下面，有时会涉及路径问题找不到我们的引入，曾经我也遇到过相应的问题。解决方法就是在路径前面加点。那么在这个路径中一个点和两个点到底有什么区别呢？ 1、一个点：表示当前目录。即类似使用：./juqery.min.js。 2、两个点：表示当前目录的上级目录。类似：<script type="text/javascript" src="../jquer...
2018-07-08 11:11:49
18184
3
转载 用Github pages搭建自己制作的网页
本人自学前端一个多月，写个几个网页想要用来应聘，网上搜各种搭建网站的方法，发现不是要收费就是很麻烦。终于黄天不负有心人，让我找见了github pages，不但免费，还非常的方便！！在这里我就来分享给大家，同时也希望像我一样的前端新人不用再走弯路了。1.首先你要有你写好的网页文件2.需要去GitHub注册一个账号进入链接https://github.com/ 页面右上角点击sign up 进入注...
2018-07-08 11:11:25
3342
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人