2018年12月_想要飞翔的小猪

原创微信小程序，自定义switch组件

在我看来这个主要是样式，相当于自己重新写一个switch样式，下面直接看源码目录结构switch.wxml<view class="switch"> <view class="container"> <text class="title">自定义switch</text> <view c

2018-12-28 16:56:53 2532

原创 vue 判断是否登录，进入不同的页面

描述：我们在开发中，经常会遇到，进入登录页面与主页面的判断，通常后台会传回一个session来判断，现在就考虑下有多少中方法来实现这种效果；1.以前用的方法是直接在app.vue入口文件来判断跳转登录页面，还是主页面，优点：简单明了，直接根据是否存在session来判断入口文件是登录还是主页面；缺点：体验感不好，每次判断前都会有登录页面出现一下，再跳转主页面， 2.用动态路由，...

2018-12-28 11:03:54 12085

原创 vue markdown的简单使用

1.简介一款使用marked和highlight.js开发的一款markdown编辑器，目前只支持在vue项目中使用。编辑器涵盖了常用的markdown编辑器功能，工具栏可自定义配置， 2.安装npm i -S vue-meditorcnpm i -S vue-meditor 3.在项目中使用markdown.vue<template&...

2018-12-26 18:04:40 3110 1

原创 js this 详解

this详解你可能遇到过这样的 JS 面试题：{var obj = {foo: function () {console.log(this)}}var bar = obj.fooobj.foo(); // 打印出的 this 是 objbar(); // 打印出的 this 是 window} 这个原因是因为“Javascript中this永远是...

2018-12-18 17:52:32 715 1

原创 js arguments.callee和caller用法

arguments：含义：该对象代表正在执行的函数和调用它的函数的参数。语法： [function.]arguments[n] 参数：function ：当前正在执行的 Function 对象的名字。 n ：要传递给 Function 对象的从0开始的参数值索引。说明：在前面执行上下文的学习过程中，知道生成执行上下文需要两个阶段，分别是进入执行上下文和执行...

2018-12-18 17:29:09 1225

原创 js apply()和call()用法

JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法，它们的语法分别为：1.apply()方法function.apply(thisObj[, argArray])2.call()方法 function.call(thisObj[, arg1[, arg2[, [, ...argN]]]]);apply：调用一个对象的一个方法，用另...

2018-12-18 17:20:43 168

原创 vue+file-saver+xlsx导出table为excel

1、安装：npm install file-saver xlsx --save-devcnpm install file-saver xlsx --save-dev //淘宝镜像2、引入：import FileSaver from 'file-save';import XLSX from 'xlsx';3、点击事件：　　　　　exportExcel() ...

2018-12-15 11:33:25 9459 7

原创一些css常用的简单样式描述

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2018-12-08 10:45:42 341

在项目开发中中，遇到将HTML导出生成word文档，刚开始在网上找了很多资料，基本都是jQuery中的插件jquery.wordexport.js，刚开始是不想用这个的，这个要引用另一个插件FileSaver.js;但是没有找到更好的方法，所以在这里记录下js将HTML导出生成word文档的方法；如果有其他方法的可以提供下链接；学习下jquery.wordexport.js插件的代码，了解到了...

2018-12-07 16:05:31 60859 52

原创 ES6数组的扩展--扩展运算符

1.扩展运算符扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。{console.log(...[1, 3, 2, 43]);//1,3,2,43console.log(1, 2, ...[2, 5, 4], 9);//1,2,2,5,4,9let div = document.querySelectorAll...

2018-12-04 21:25:43 318

原创 ES6 Promise对象

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。 1.Promise特点：1.1 对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中...

2018-12-03 23:52:49 215

原创 ES6函数的扩展

1.函数的默认值 es5{function logEvent(x, y) {y = y || 3;console.log(x + y)}logEvent('2', '3'); //2,3logEvent('2'); //2,3logEvent('2', ''); //2,3} 这个例子中，前面两个显示是我们想要的结果，如果参数y赋值了，但是对应的布尔值...

2018-12-03 23:26:33 165

原创微信小程序授权登录流程

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html 微信小程序官方API说明：调用 wx.login() 获取临时登录凭证code ，并回传到开发者服务器。调用 code2Session 接口，换取用户唯一标识 OpenID 和会话密钥 session_k...

2018-12-03 23:06:34 44089 6

想飞的猪的博客