- 博客(21)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 mongodb-plus的使用
前两天我上传了一个插件，叫做mongodb-plus，这个插件帮助你更简单的获取数据库的数据，简化了很多代码，现在就来说说怎么使用。1.首先使用npmimongodb-plus --save来下载mongodb-plus下载之后引入它： const db = require("mongodb-plus")2.然后进行连接，主要分为两步：服务器连接 和 数据库连接服务器...
2019-05-27 12:09:18
1857
原创 分析小米商城的导航栏的布局及其动画实现
首先看看小米商城的导航栏，如图：通过实际测试可以知道，服务和社区不属于下拉菜单，除了这两个，剩下的全是下拉菜单，想成了一个下拉菜单组，一旦鼠标进入下拉菜单组，那么就会有下拉效果，通过也有过渡效果，所以肯定有transition'属性，目测时间为0.3s左右，一旦鼠标离开下拉菜单组，那么下拉菜单就会收起来，这个比较直观，还有就是下拉菜单选项之间的切换几乎是没有过度效果的。先来看看怎...
2019-05-20 15:23:14
5483
原创 分析小米商城左侧菜单的布局和效果实现
小米左侧菜单如图：也就是说，在没有点击左侧菜单的时候，背景是一个轮播图，一旦点击了左侧菜单，或者说鼠标在左侧菜单上滑动，那么就会触发左侧菜单的动画演示，这次就是来分析动画演示的具体是怎么实现的，以及他是怎么布局的。首先在这个区域，可以看见是有两个部分组成，分别是轮播图和左侧的开始菜单，但是你可以看见因为这两个是重叠在一起的，因此可以知道 轮播图 肯定是使用了position：ab...
2019-05-19 22:31:55
4178
2
原创 使用 vue-cli 快速构建一个 vue项目
之前说明了怎么手动构建一个项目，但是手动构建比较花时间，还要配置，下包，于是可以使用vue-cli（vue脚手架）构建一个vue项目，很快，也很方便。第一步：新建一个放 vue项目 的文件夹，可以在桌面上，也可以是任意你想要的路径，在这里我新建了一个appdemo1的文件夹用于放vue项目，然后打开cmd命令窗口，进入到这个文件夹，我的是appdemo1文件夹第二步：使用 cn...
2019-05-19 09:43:53
157
原创 教你手动构建一个vue项目
首先要明白vue项目的基本目录结构，如下：1. dist2. src 2.1 index.html 2.2 index.js 2.3 App.vue 2.4 router.js3. webpack.config.js4. .babelrc以上是基本目录，首先应该初始化目录，使用 npm init -y初始化目录，会生成 p...
2019-05-18 17:05:27
1426
原创 对于弱信号的自相关检测
对于微弱的周期信号，我们可以使用自相关检测的方法来检测是否含有输入信号，因为是微弱信号，所以信噪比要比1小，这也噪声比信号来的大，噪声我是使用的是高斯白噪声来模拟，然后使用matlab仿真实现。matlab程序如下：dt=0.01;N=20;SNR=0.001;%设置信噪比，因为是微弱信号，所以信噪比要设置为低于1t=0:dt:N;xt=cos(t);%这是周期的输入信号yt=a...
2019-05-15 23:13:12
7468
原创 商品管理系统(nodejs+mongodb+express+ejs)
这是我自己做的一个商品管理系统，拥有对登录，注册（登录和注册密码都会加密），商品的浏览，搜索查询，添加商品，修改商品，删除商品的功能主界面如图：点击登录之后：点击注册之后：成功登录之后就会进入商品管理系统：可以按上一页，下一页进行对商品的浏览，点击修改按钮之后，就会进入商品修改界面：修改完之后点击提交就可以修改商品的信息了点击删除按钮，那...
2019-05-15 16:45:36
7429
14
原创 css3 gird布局
这次谢谢自己对css3grid布局的感悟23333什么时候会用到grid布局，如遇到一个二维布局的时候，那么grid布局比较合适，而对于一位布局，flex布局比较合适，那什么是一维布局，什么是二维布局呢？打开https://www.mi.com/小米官网，其实你可以看到很多，例如：这实际上就是个一维布局，当然你也可以使用二维布局这实际上就是个典型的二维布局，可以轻松使用...
2019-05-13 17:12:57
255
原创 自定义一个ajax()函数
要自定义一个ajax()函数，首先要分析这个ajax函数需要什么参数，参数如下：1.请求方式："GET"或者"POST"2.请求的url地址3.向服务器发送的数据其实还有确认是否是异步请求，但是默认是true因此可以这么写：function ajax(method,url,data){let request = new XMLHttpRequest()if(m...
2019-05-09 21:20:57
752
原创 Vue通过params获取路由参数
上一期使用query获取路由参数，这一次就是利用params获取参数要想通过params获取路由参数，在这之前要事先定制匹配规则，如图：com2/:name/:job 表示 /com2的下一级路由参数就是name，name的下一级路由参数就是job如果路由是这样的，例如：com2/lisi/student那么匹配规则，就有 name = 'lisi', job = 'studen...
2019-05-09 17:29:19
12497
原创 Vue通过query获取路由参数
上一期讲了如果创建一个路由对象以及使用，现在来讲Vue通过query获取路由参数可以看见com1组件里的路由参数为name=zhangsan&job=teacher使用 this.$route.query 来获取路由参数现在就是利用query直接获取路由参数并且以对象的形式展现出来点击按钮之后，查看控制台，可以看见：路由参数以对象的形式展现了出来...
2019-05-09 09:00:12
30699
原创 Vue创建路由对象vue-router
路由分为前端路由和 后端路由后端路由：每一个超链接对应一个url地址，每一个url地址对应着后端服务器里边的相应的数据前端路由：在单页面内，通过url地址的hash（#号）来实现不同页面的切换，或者不同组件之间的切换这里主要讲的是前端路由。1.首先定义组件2.然后创建一个路由对象，把组件注册到路由里，和路由连接，一个组件对应一个路由这里注意：compon...
2019-05-09 08:33:09
2543
原创 Vue子组件向父组件传递data数据和方法2
上一期通过比较复杂的方式才实现了子组件向父组件传递data数据，但是这一次是很简单的方式，利用 ref属性在子组件里设置ref属性，到时候父组件可以通过ref属性来获取子组件父组件使用 this.$refs.ref值来获取子组件，实际上不仅仅是子组件，在vue实例里面的任意一个DOM元素都可以通过ref属性来获取，因此比较方便，当父组件获取子组件的时候，就可以调用子...
2019-05-08 20:06:27
2221
原创 Vue子组件向父组件传data数据
在Vue中，子组件是怎么向父组件传自己的data数据？原理：父组件可以通过给子组件绑定虚拟事件来向子组件传递自己的方法，因此这个虚拟事件就装载了父组件的方法，子组件拿到虚拟事件之后进行注册，就可以使用来自父组件的方法了，因此，只需要向虚拟事件传递参数，那么就相当于向父组件的方法传递参数，而父组件也因此拿到了来自子组件的数据。说那么多，直接上代码：(按照数据传递的流动方向)// 1....
2019-05-08 19:20:01
8235
7
原创 mongoose操作mongodb数据库添加数据
首先进行连接，上一期也讲到了mongoose如何连接mongodb连接数据库成功之后，接下来就是利用mongoose操作mongodb1.首先定义一个模型对象 Schema，使用 mongoose.Schema 来创建一个模型对象，例如：这个模型对象实际上可以理解为一个规则，就是约束模型的规则，上图中的动物的模型对象（AnimalSchema），有三个属性和属性相应的数据...
2019-05-07 12:50:22
4957
原创 使用git时遇上 fatal: remote origin already exists.的解决办法
在使用git从本地上传文件到github 的时候，可以看见fatal: remote origin already exists这样的错误。产生错误的原因：可能你之前已经把文件上传到别的 repository（存储库）里了，这时候如何你想把同样的文件上传到另一个repository（存储库）的时候，就会报出这个错误。fatal: remote origin already e...
2019-05-07 08:23:44
2673
原创 使用 git 上传指定的内容（.gitignore的使用）
在使用git从本地上传到github的时候，有很多萌新会很烦恼，就是有一些文件或者文件夹我是不想上传的，但是怎么把那些不想上传的文件或者文件夹排除掉呢？---------.gitignore文件就是用来干这个的。在git上输入 touch .gitignore来创建 .gitignore文件，或者右键创建一个txt文件，然后改名为.gitignore，都可以然后点...
2019-05-07 08:08:11
917
原创 jquery发送ajax请求
1. $.get(url,data,func,dataType)url:就是请求的地址data:就是向服务器发送的参数func:请求成功之后的回调函数dataType:就是数据类型，一般是"json",可以自己选择如果是dataType是 "json"如果是dataType是 "text"2. $.getJSON(url,data,func)...
2019-05-06 22:00:06
115
原创 mongoose连接Mongodb数据库
上图可以看见，数据库连接成功了，并且连接的数据库上一期在database1里任意创建的端口为10086的数据库1.引入mongoose模块（这个可以从npm下载，使用指令：npm i mongoose -S ，就可以下载mongoose了）const mongoose = require("mongoose")2.使用 connect()函数连接指定的数据库mo...
2019-05-06 15:16:20
5467
1
原创 mongodb的开启指定端口的服务器和客户端
下载mongodb之后，可以通过如下方法开启服务器：1. mongod --dbpath 数据库路径 ---》开启指定路径的数据库的服务器例如我在桌面随便建一个文件夹database1来存储数据，路径为 C:\Users\34762\Desktop\mongodb测试\database1那么开启数据库database1的指令就是：mongod --dbpathC:\Use...
2019-05-06 14:34:59
7933
原创 AJAX发送GET请求和POST请求
ajax全称就是 async javascript and xml ， 意思就是 异步的javascript和XML要向服务器发行请求，要通过 XMLHttpRequest模块实现，但是呢，XMLHttpRequest模块基本上所有浏览器都支持（IE7及以上都支持），IE6及以下不支持，支持 ActiveXObject，如果你想实现所有浏览器都支持，就要进行兼容处理，话不多说，直接上代码：...
2019-05-06 10:42:47
1575
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人