自定义博客皮肤

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

DOM同时设置mouseover与mouseout事件控制元素显示时出现闪烁问题

在给一个DOM元素同时设置mouseover与mouseout事件来控制另一元素显示与隐藏式时会出现闪烁问题。这是由js事件的冒泡引起的,在网上找了很多解决方案,经测试很多都没有效果。最终找到一个简单粗暴的解决方法:mouseover事件不做改变(一般是控制目标元素的显示),但是不再设置mouse...

2018-07-03 20:37:54

阅读数 382

评论数 0

Vue.js实战系列---饿了么(2)数据的mock(模拟后台)

mock测试就是在测试过程中,对于某些不容易构造或者不容易获取的对象,用一个虚拟的对象来创建以便测试的测试方法。最新版本的vue-cli已经放弃dev-server.js,只需在webpack.dev.conf.js配置就可以新版webpack.dev.conf.js配置如下:打开bulid文件夹...

2018-06-04 19:10:05

阅读数 772

评论数 0

Vue.js实战系列---图标字体制作(svg格式)

如何将svg格式的图标文件转换成html和css代码直接使用呢?(1)进入https://icomoon.io/,点击icoMoon APP按钮 如图所示(2)跳转到如下界面,图片上有三个小步骤(3)跳转到如下界面,图片有两个小步骤(4)下载后,解压,查看文件结构...

2018-06-04 18:11:41

阅读数 159

评论数 0

Vue.js实战系列---Vue-cli完整安装过程

ps:本人使用Windows系统打开cmd界面(1)首先应确保安装了node,安装后查看node型号(2)使用 npm install vue-cli -g 全局安装Vue-cli脚手架(3)使用 vue 命令 查看是否安装成功(4)使用 vue init webpack sell  命令初始化一...

2018-06-04 10:30:36

阅读数 192

评论数 0

Vue.js实战系列---饿了么(1)基础知识

MVVM框架:针对具有复杂交互逻辑的前端应用,提供基础的架构抽象,通过Ajax数据持久化,保证前端用户体验。不需要刷新整个页面,只需要刷新需要刷新的部分,非常适合移动端。vue.js:是一个轻量级的MVVM的框架,数据驱动+ 组件化的前端开发与Angular React  对比:Vue.js更轻量...

2018-06-04 10:15:25

阅读数 433

评论数 0

ES6---Set方法

<script> //set的使用方法和定义数组相似,但是set中的值必须是唯一的,如果出现重复的,只显示第一次出现的 var s = new Set([1,2,3,4,3]); console.log(s...

2018-06-03 15:37:30

阅读数 49

评论数 0

ES6---proxy路由器

概述Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改...

2018-06-03 15:18:06

阅读数 107

评论数 0

ES6---模板字符串功能

<script> //ES6模板字符串 let tpl1 = ` <div> <span&a...

2018-06-03 14:31:46

阅读数 57

评论数 0

ES6---字符串新增方法

<script> //es6新增的四个关于字符串的方法 //字符串是否包含字母 var test = "helloMocha"; console.log(...

2018-06-03 14:13:35

阅读数 133

评论数 0

ES6---关于变量解构赋值一些巧妙的用法

<script> //获取一个字符串的长度 console.log("获取一个字符串的长度"); let {length} = "mochaDemo&a...

2018-06-03 13:48:29

阅读数 98

评论数 0

ES6---变量的解构赋值之对象和字符串

对象的解构赋值解构不仅可以用于数组,还可以用于对象。let { foo, bar } = { foo: "aaa", bar: "bbb" }; foo // "aaa" bar // &a...

2018-06-03 13:25:34

阅读数 70

评论数 0

ES6--ES6标准let和const语句

1.let 命令基本用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 上面...

2018-06-02 20:16:03

阅读数 80

评论数 0

NPM---NPM火速上手

NPM---Node包管理工具(Node Package Manager)作用:将频繁见到的问题封装成包,来直接使用,同时管理不同包的依赖关系NPM的基础:首先应下载nodejs,官方网站可下载 https://nodejs.org/en/验证NPM是否安装成功:cmd界面 输入npm -v查看版...

2018-06-02 19:18:20

阅读数 93

评论数 0

js---filter和map

filterfilter也是一个常用的操作,它用于把Array的某些元素过滤掉,然后返回剩下的元素。和map()类似,Array的filter()也接收一个函数。和map()不同的是,filter()把传入的函数依次作用于每个元素,然后根据返回值是true还是false决定保留还是丢弃该元素。例如...

2018-06-01 11:15:20

阅读数 455

评论数 0

Vue-router---导航钩子(导航守卫)

ps:“导航”表示路由正在发生改变。全局守卫你可以使用 router.beforeEach 注册一个全局前置守卫:const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { ...

2018-05-31 11:14:40

阅读数 460

评论数 0

Node.js---以Ajax方式向后台传递参数

html代码:<!DOCTYPE html> <html> <head lang="en"> <me...

2018-05-31 09:04:09

阅读数 621

评论数 0

Vue-router--- 安装及基本配置

js代码:/** * Created by luoxy on 2018/5/28. */var routes = [     //定义规则    {        path:'/',    //使用'/'符号代表首页路径        component:{            template...

2018-05-29 10:48:44

阅读数 83

评论数 0

vue.js----注册组件

组件Vue.component('my-component-name', { /* ... */ })命名规范:    强烈推荐遵循 W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符)。这会帮助你避免和当前以及未来的 HTML 元素相冲突。使用 kebab-case    当使用 k...

2018-05-28 19:43:52

阅读数 49

评论数 0

vue.js---混合mixins

混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。   例子:// 定义一个混入对象 var myMixin = { created: function () { ...

2018-05-28 11:59:51

阅读数 69

评论数 0

vue.js---自定义指令 (配置传参及修饰符)

钩子函数的属性binding:一个对象,包含以下属性:name:指令名,不包括 v- 前缀。 value:指令的绑定值,例如:v-my-directive="1 + 1" 中,绑定值为 2。//等于号后面的值 oldValue:指令绑定的前一个值,仅在 upda...

2018-05-28 10:50:25

阅读数 3285

评论数 0

提示
确定要删除当前文章?
取消 删除