- 博客(25)
- 收藏
- 关注
RSS订阅原创 js监听屏幕的改变
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&
2018-12-24 11:55:53
5948
原创 node+express+mongoDB写简单接口，Vue获取接口
生成后台服务通过应用生成器工具 express-generator 可以快速创建一个应用的骨架。npm install express-generator -g创建server后台服务文件serverexpress --view=pug server可以看expresss官网:http://www.expressjs.com.cn/starter/generator.htmlexp...
2018-12-12 17:20:15
1777
原创 Vue 全局组件跟局部组件
Vue 全局组件全局组件注册方式：Vue.component(组件名,{方法})我们项目一般都是用vue-cli 来写的，我们就用vue-cli的形式来写在src下的main.js导入组件，在全局中注册，就能在项目中使用例：import HelloWorld from './components/HelloWorld.vue'Vue.component('Hello',HelloWor...
2018-12-11 17:30:14
263
原创 Vuex与axios的综合使用
在src的目录下，创建store文件夹，创建store.js当作仓库在store.js内容里写import Vue from 'vue'import Vuex from 'vuex'import axios from 'axios'Vue.use(Vuex); //必不可少const state = { msg :'' //用来装数据}const mutations...
2018-12-11 17:28:10
438
原创 Vuex总结
Vuex是什么？官方文档是这样说的：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。这样看上去好像很难理解，那我们可以这样理解：Vuex是一个仓库，我们首先是把运来的所有数据放进仓库里。这样我们去获取数据就不用再去运数据了。直接从仓库里面拿数据就可以了。其本质就是：vuex就...
2018-12-11 17:27:56
187
原创 学习mongoDB与mongoose的简单入门运用
什么是mongoDB官方话是这样说的MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。而我是这样理解的MongoDB是目前最流行的noSQL数据库之一，MongoDB的一条记录叫做文档（document...
2018-12-11 15:54:38
590
3
原创 Vue 父传子，子传父，兄弟组件通信
Vue 常用的三种传值方式1.父传子2.子传父3.非父子传值父子组件的关系首先，我们要使用Vue的组件传值，我们要知道组件之间的关系。父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息，如下图所示什么是Prop要实现组件传值，我们要了解什么是prop。Prop是用来传递数据的一种自定义属性。Pro...
2018-12-04 09:21:52
2457
3
原创 Vue-Router 传参
**1.利用router-link 中的to进行传参**在to前面加冒号，进行数据绑定<router-link :to="{name:'test',params:{user:'username'}}">第二页</router-link>注意 name 写的是你要传参到哪个组件，我们之前在路由配置中配置过，记住
2018-11-29 11:05:00
385
原创 Vue Router 的基本使用
Vue Router 的作用vue-router可以通过html5的history API或者hash实现单页应用，即不刷新跳转，切换地址，只是页面上的组件的切换；vue-router可以实现页面间传参等其他功能；单页应用的优缺点优点：无刷新体验,提升了用户体验；完全的前端组件化，前端开发不再以页面为单位，更多地采用组件化的思想，代码结构和组织方式更加规范化，便于修改和调整；API ...
2018-11-19 22:06:34
159
原创 滚动的视差background-attachment
最近，头条上有一个视图滚动的特效。于是，最近学着做了一下。scroll：默认值。背景图像会随着页面其余部分的滚动而移动。fixed：当页面的其余部分滚动时，背景图像不会移动。local：背景相对于元素固定（和scroll很像，但是有区别），如果元素内有滚动条，背景会随着内容滚动。<!DOCTYPE html><html lang="en"><head&g...
2018-11-15 22:37:28
174
原创 用vue写星级评分效果
首先新建一个vue组件,名叫star.vuestar.vue的代码&lt;template&gt; &lt;div&gt; &lt;ul class="star"&gt; &lt;li v-for="item in chance" :class="item&q
2018-11-08 21:35:29
2236
1
原创 vue-cli的安装
在正式安装vue-cli之前，我们先认识一下npm。npm是什么？npm其实是Node.js的包管理工具（package manager）。为啥我们需要一个包管理工具呢？因为我们在Node.js上开发时，会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包，每次都根据名称搜索一下官方网站，下载代码，解压，再使用，非常繁琐。于是一个集中管理的工具应运而生：大家都把自己开发的模...
2018-11-06 21:46:59
137
原创 echarts的使用
最近有个统计的项目要做，数据需要用图表的形式展示，于是运用了echarts图形库。引入echarts.js<script src="js/echarts.js"></script>创建一个具备高宽的DOM容器<body> <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM --> <div id="mai...
2018-10-28 15:00:24
477
原创 正则表达式
正则表达式 概念：是使用单个字符串来描述·匹配一系列符合某个句法规则的字符串。 声明方式： var myRegExp=/内容/； var myRegExp=new RegExp(“内容”); 常用方法 test() =&gt;判断字符串是否符合正则规则，成功返回true match()=&gt;找到一个或多个正则表达式的匹配 replace=&gt;替换与正则表达式匹配的字符串 ...
2018-09-02 19:22:10
110
原创 闭包，作用域和作用域链
什么是作用域？ 作用域相当于一个空间，最大的作用域是window,而window下的变量是全局变量，而相对于的局部变量是指：在window下开辟一个空间，空间里的变量。 闭包是什么？ 闭包就是有权访问另一个作用域中的变量的函数。 例如 function f() { var n=0; function f1() { n++;...
2018-08-26 17:39:15
329
原创 js排序
冒泡排序 function Sort(array) { for (i=0;i<array.length-1;i++){ for (j=0;j<array.length-1-i;j++){ if (array[j]>array[j+1]){ [array[j],array...
2018-08-22 10:13:57
96
原创 制作简单的随机抽选名字
首先创一个简单的div放抽出来的名字， 然后再创建一个点击按钮，在按钮上添加一个点击按钮 <button onclick="f()">你未来的女朋友是哪一类</button>然后在创建点击事件 function f() { var a=["貂蝉","妲己","凤姐","董卓","没有"];
2018-08-18 16:49:55
10164
原创 javascript的历史，局限性，引入方式。浏览器的内核，动态语言跟静态语言的区别，强类型跟弱类型的区别
1.javascript的历史，名字由来,局限性Netscape 公司很快发现，Navigator浏览器需要一种可以嵌入网页的脚本语言，用来控制浏览器行为。当时，网速很慢而且上网费很贵，有些操作不宜在服务器端完成。 1995年，Netscape公司雇佣了程序员Brendan Eich开发这种网页脚本语言。1995年5月，Brendan Eich只用了10天，就设计完成了这种语言的第一版。它是...
2018-08-09 21:47:49
230
转载 用target制作轮播图
<!doctype html><html><head><title>标题</title><meta charset="utf-8"><style>#links a{display:inline-block;width:100px;border:1px solid #000;b
2018-08-07 19:42:41
261
转载 CSS实现垂直居中
html的内容：<div class="box box1"> <span>垂直居中</span></div>css的内容 1..box1{ display: table-cell; vertical-align: middle; text-align: center; } .2.bo...
2018-08-06 19:51:14
80
转载 display:none,overflow:hidden,visibility:hidden之间的不同点
一，display:none; 隐藏元素，不占网页中的任何空间，让这个元素彻底消失（看不见也摸不着） 二，overflow:hidden; 让超出的元素隐藏，就是在设置该属性的时候他会根据你设置的宽高把多余的那部分剪掉 我们都知道每个浏览器对代码的解析都不同，所以我们在做页面的时候会遇到很多bug，在IE里面如果内容的高度超过了该层的高度他会自动地撑开，但火狐等里面的高度是多高这层就只有这...
2018-08-04 23:08:24
258
原创 球滚动网页的制作
滚动页面制作 首先：定义一个div，class为circle 把它变成一个圆 .circle{ background: red; width: 300px; height: 300px; ...
2018-08-03 20:47:28
571
转载 css中h1~h6是多少像素 Font-size:100% 默认的大小
一般的浏览器默认字体是14px的大小,但是个别浏览器是16px。经过亲自测试得出: 浏览器默认为body:100%=16px; 浏览器计算得出 h1=32px h2=24px h3=18.72px h4=16px p=16px h5=13.28px h6=12px ...
2018-08-03 18:57:35
11688
原创 鼠标放上去，方框变椭圆
用div做成一个方框，填充颜色。 过渡 transition: all 2s;过渡时间2秒中。 鼠标放上去后变椭圆 注意：border-radius: 50% 50% 40% 40% ; 代码如下：
2018-08-02 19:27:09
398
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人