自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

一位不知名小前端的一些笔记

都是比较久之前的文章了,仅供参考哦~

  • 博客(16)
  • 资源 (3)
  • 收藏
  • 关注

原创 Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换

vue2.0使用嵌套路由实现页面跳转/一级菜单切换/routes配置childrendemo需求分析:图中菜单区域为header公用组件,点击相应的菜单选项跳转到对应的路由,在菜单下区域加载相应组件的内容。以下两图分别为点击“我的电站”、“个人中心”的效果demo结构介绍:登录成功后,跳转到index页面,并默认显示index/UserStation(我的电站),index

2018-02-28 19:08:48 26617 6

原创 Vue2.3.0+使用.sync修饰符对prop进行双向绑定/子组件同步prop到父组件绑定的值

vue2.3.0+使用.sync修饰符对prop进行双向绑定背景、概念:在一些情况下,我们可能会需要对一个 prop 进行“双向绑定”。事实上,这正是 Vue 1.x 中的.sync 修饰符所提供的功能。当一个子组件改变了一个带 .sync 的 prop 的值时,这个变化也会同步到父组件中所绑定的值。这很方便,但也会导致问题,因为它破坏了单向数据流。由于子组件改变 prop 的代码

2018-02-28 14:20:33 5797 2

原创 解决Windows环境下Git Bash 不能输入中文的问题

解决Windows环境下Git Bash 不能输入中文的问题打开Git Bash后,对窗口右键->Options->Text->Locale改为zh_CN,Character set改为UTF-8,保存重新打开Git Bash即可。结果测试:

2018-02-28 11:07:52 1978

原创 使用vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题

使用vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题当你的SPA(单页应用程序)变得复杂时,打包构建后的Javascript包会变得非常大,以至于严重影响页面的加载时间。vue-router支持WebPack内置的异步模块加载系统。所以,那些使用较少的路由组件不必打包进bundles里,只需要在路由被访问时按需加载。以下以一个简单的例子展示:1:非懒加载的路由写法...

2018-02-27 15:52:51 12363 5

原创 Package require os(darwin) not compatible with your platform(win32)

使用npm install 安装项目依赖时出现Package require os(darwin) not compatible with your platform(win32)的问题stackoverfllow.com上的回答为:This is an ignored error. fsevents is an optional dependency, is only used on m...

2018-02-27 15:30:27 28269

原创 Vue项目目录结构注解附assets与static目录的区别

static与assets的区别:为了回答这个问题,我们首先需要了解Webpack如何处理静态资产。在 *.vue 组件中,所有模板和CSS都会被vue-html-loader 及 css-loader 解析,并查找资源URL。例如,在 和 background: url(./logo.png) 中,"./logo.png" 是相对的资源路径,将由Webpack解析为模块依赖。

2018-02-27 14:57:48 5754

原创 注册/找回密码等功能中发送手机验证码后倒计时效果的实现(基于vue)

注册/找回密码等功能中发送手机验证码后倒计时效果的实现,基于vue、element-ui<template> <el-button size="small" type="primary" :disabled="disabled" @click="getVerifyCode">{{ btnText }}</el-button><

2018-02-26 15:28:06 2615

原创 基于Token进行身份验证

1.基于服务器的验证我们都是知道HTTP协议是无状态的,这种无状态意味着程序需要验证每一次请求,从而辨别客户端的身份。  在这之前,程序都是通过在服务端存储的登录信息来辨别请求的。这种方式一般都是通过存储Session来完成。基于服务器验证方式暴露的一些问题:1.Seesion:每次认证用户发起请求时,服务器需要去创建一个记录来存储信息。当越来越多的用户发请求时,内存的开销也会不断增加。2.可扩展...

2018-02-26 11:53:57 2492 2

原创 两种方法用于检查传入的数字是否为整数

两种方法用于检查传入的数字是否为整数方法一: /* * 转化为字符串,使用indexOf检查字符串是否包含'.',不包含则为整数 * */ function isInt(number) { var string = number.toString(); if (string.indexOf('.') == -1) { ...

2018-02-26 10:32:30 498

原创 多种方法实现数组去重以及字符串去重(ES5常用去重方式、ES6快捷去重、hash表方式去重)

字符串去重跟数组去重大同小异,将字符串转成数组即可使用数组去重方法。ES5常用方式: function unique(array) { var result = []; for(var i = 0; i < array.length; i++) { if (result.indexOf(array[i]) == -1) { ...

2018-02-26 09:38:26 3913

原创 JavaScript如何简单而准确地判断复杂数据类型

javaScript如何简单而准确地判断复杂数据类型?1:typeof 只能判断出基本数据类型例如:var a = 3; typeof a 的结果为 numbervar b = []; typeof b的结果为object,而不是array2:使用Object.prototype.toString.call(b)即可得到准确的数据类型array封装成一个方法,用于准确判断变量的类型。functio...

2018-02-24 16:49:21 1744

原创 Vue2.x—理解vuex核心概念action(使用到ES6的变量的解构赋值)

ActionAction 类似于 mutation,不同在于:Action 提交的是 mutation,而不是直接变更状态。Action 可以包含任意异步操作。让我们来注册一个简单的 action:const store = new Vuex.Store({ state: { count: 0 }, mut...

2018-02-24 15:48:13 12781

原创 使用localStorage解决浏览器刷新后无法再从vuex中获取数据的问题

假设有这样一个场景:用户登录后,用vuex管理用户的信息,登录成功后进入主界面,在进入主界面后刷新浏览器,此时vuex中的用户信息将无法获取到。那么应该如何解决?办法之一是使用localStorage保存用户信息。在登录成功后保存用户信息,刷新浏览器后从localStorage中获取用户信息,然后再通过vuex管理(mapMutations、mapGetters)。刷新浏览器后vuex中的数据消失...

2018-02-24 11:26:35 2748

原创 利用HTML5 canvas合并图片并解决Filaed to execute 'toDataURL' on 'HTMLCanvasElement'异常

有两张图片,如下图所示,如何将两张图片合并成一张?使用HTML5的canvas相关知识可以简单快捷地解决此需求。目录结构:注:源码使用原生js,不需引入第三方库:...

2018-02-24 10:37:38 1055

原创 简单地利用canvas载入视频

canvas加载视频和图片是一样的,使用drawImage,区别就是给一个定时器不停的抓取每帧的画面,放入Canvas画布里面,这个办法有点简单粗暴,原理为:监听了video的play事件,并设置定时器,每20ms调用一次drawImage,当video的ended事件触发时,清除定时器。<!DOCTYPE html><html lang="en"><head&g...

2018-02-16 08:53:36 1672

原创 十秒解决开发环境跨域问题——取消浏览器同源策略

解决开发环境跨域问题方法有很多,设置代理什么的略显繁琐;接下来介绍一个十秒解决开发环境跨域问题的方法——取消浏览器同源策,解决所有跨域问题,以谷歌浏览器为例。

2018-02-12 11:58:37 6833 1

mpvue音乐小程序项目源码/mpvue微信小程序demo

此为mpvue框架开发的音乐类微信小程序,歌手及歌曲信息真实线上抓取。下载解压后运行步骤如下: ①:把project.config.json中的appid换成你的appid ②:npm install 安装依赖 ③:npm run dev 运行项目 ④:使用微信开发者工具选择项目下的dist中的wx文件夹,即可预览效果 没有积分的同学可以直接访问本人github获取源码噢~ github地址:https://github.com/XieTongXue/mpvue-music

2018-11-14

vue2.0实现外卖APP商家模块,vue2.0实战项目例子

vue2.0实现外卖APP商家模块,vue2.0实战项目例子,数据为json模拟数据,使用vue-router+vue-resource,并非使用axios。 运行方法:使用npm install 安装项目依赖,安装完成后npm run dev 然后打开启动的服务地址即可。

2018-01-02

H5模拟数字键盘实现第三方支付页

最近做了个第三方支付页,H5+JS+相对单位rem实现(输入金额+模拟数字键盘+自适应布局+大写金额),浏览器后打开请切换成移动视角。

2017-11-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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