eling--优快云博客

原创 cookie设置超时

function setCookie(name,value,time){ var strsec = getsec(time); var exp = new Date(); exp.setTime(exp.getTime() + strsec*1); document.cookie = name + "=...

2019-12-26 15:34:12 955

原创导出

varbtn=document.createElement('a')if(response.status===200){btn.href=window.URL.createObjectURL(response.data)//下载地址btn.download...

2019-11-15 16:29:44 222

原创 vant+postcss-pxtorem适配移动端rem

npm安装npm install postcss-pxtorem --save.postcssrc.js做如下修改// https://github.com/michael-ciniawsky/postcss-load-configmodule.exports = { "plugins": { "postcss-import": {}, "postcss-u...

2019-10-15 15:10:29 447

原创 webview内H5与原生安卓和IOS交互（互调方法/传值）

1、首先获取设备环境：var sUserAgent = navigator.userAgent.toLowerCase();var bIsAndroid = sUserAgent.match(/android/i) == "android";var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";var bIsIphoneOs = sUser...

2019-09-09 15:14:20 2284

原创 layui中layer.photo动态添加的图片，每次弹出上一张添加的图

layui版本：2.5以上修改layer.js源码，注意h(); 调用位置修改前：if (n || p.on("click", t.img,function() { var e = i(this), n = e.attr("layer-index"); r.photos(i.extend(t, { photos: { ...

2019-08-21 10:17:44 2582

原创 JS调用浏览器不能全屏适应A4纸解决办法

引入JQ：<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>打印方法：// 打印function preview(){ bdhtml=window.document.body.innerHTML;//获取当前页的html代码 sprnstr="&l...

2019-05-29 12:45:33 1843

原创 ES6模块化

模块化:js之前是不支持模块化ES6支持了，具体用法如下：注意：需要放到服务器环境 a). 如何定义模块？ export 东西 export const a =12; export{ a as aaa, b as banana } b). 如何使用? import import './modules/1.js'; import {a as ...

2019-04-22 15:48:43 1010

原创 ES6:Promise

Promise: 承诺，许诺作用: 解决异步回调问题三个状态：1.pending - 初始化2.resolve - 成功3.reject - 失败传统方式，大部分用回调函数，事件ajax(url,{ //获取token ajax(url,()=>{ //获取用户信息 ajax(url, ()=>{ //获取用户相关新闻 }) })})...

2019-04-22 15:45:38 123

原创 ES6数组新增方法

Array.from:作用: 把类数组(获取一组元素、arguments…) 对象转成数组个人观点：具备 length这个东西，就靠谱1、字符串转数组(个人感觉有些类似于arr.split(""))：let str = "hello";console.log(Array.from(str)); //Array(5) ["h", "e", "l", "l", "o"]2、将类数组...

2019-04-22 15:40:43 3001

原创 ES5新增数组常用方法

ES5新增数组常用方法indexOf()跟字符串查找一样，查找指定元素是否存在，如果存在，返回下标，如果不存在返回-1let arr = [1,2,3,4];console.log(arr.indexOf(3)); // 2lastIndexOf()跟indexOf()一样，只是查找起始点不同，indexOf是从第一个开始查找，lastIndexOf()是从最后一个查找，如果...

2019-04-12 14:25:38 497

原创 ES6函数变化

ES6函数变化1.函数默认参数 function show({x=0, y=0} = {}){ console.log(x, y) } show();2.函数参数默认是定义过的，不能再使用let, const声明，否则会报错 function show(x=10){ let x = 20; // 直接报错，变量X已经定义过了 console.log(x); }...

2019-04-11 22:03:51 219

原创字符串扩展

字符串扩展字符串模板以往我们做字符串拼接是这样的：let name = "yang";let age = "18";let him = "我的名字是："+ name + ", 年龄为："+ age;现在我们ES6可以这样：let name = "yang";let age = "18";let him = `我的名字是：${name}, 年龄为：${age}`使用：` 放需...

2019-04-11 17:21:15 740

原创变量解构赋值

变量解构赋值以前我们为变量赋值要这样：let a = 1;let b = 2;现在ES6可以这样：let {a, b} = [1, 2];ps:需要注意，左右需要互相对应 let [a,b,[c,d]] = [1,2,[3,4]]; //左右互相对应对象解构赋值：let [a, b] = {a:1, b:2}解构赋值默认值，假如解构的值不够或者为'undefined'就...

2019-04-11 17:20:42 131

原创 ES6命令

ES6命令let 命令let声明变量，类似于var，特点：1.let声明的变量只在当前作用域内有效2.let声明的变量不存在变量提升，一定要在声明后使用3.let声明的变量不可以重复声明，不然会报错4.let声明的变量存在暂时性死区5.let声明的变量新增了块级作用域const 命令1.const声明一个常量，一旦声明常量的值就是不能更改的，更改就报错2.但是const声明的...

2019-04-11 17:18:51 169

原创随时随地的本地服务器

http-server方便快捷无需下载什么安装包安装，还得留一个什么文件夹作为服务器访问的地址http-server随便在哪里都可以是服务器只需要在命令行输入：cnpm install http-server -g (淘宝npm)没装淘宝npm的命令：npm install http-server -gmac权限问题命令：sudo cnpm install http...

2019-03-25 20:25:33 197

原创 vuex的基本用法与核心概念

Vuex1.简介Vuex是一个专为Vue.js应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生改变简单来说，就是用来集中管理数据2.基本用法2.1 安装vuexcnpm install vuex -S2.2 创建store.js文件，用于配置vuex，在main.js中导入，并配置store选项main.js：...

2019-03-21 23:39:37 371

原创 vue 自定义全局组件（插件）方法步骤

自定义全局组件（插件）全局组件：就是可以在main.js里面使用Vue.use()进行全局引入的，然后在其他组件中度可以使用如：vue-router import VueRouter from 'vue-router' Vue.use(VueRouter)普通组件：每次使用都需要引入如：axios import axios from 'axios'自定义一个全局组件...

2019-03-21 22:10:25 1252

原创 vue- Element UI

Element UI1.简介Element UI是饿了么团队提供的一套基于vue2.0的组件库，可以快速搭建网站，提高开发效率Element UI pc端Mint UI 移动端2.快速上手2.1 安装element-ui模块命令：cnpm install element-ui -S2.2 在main.js 引入element-ui，再引入element-ui的css文件（需要单...

2019-03-21 21:26:59 271

原创 JS的几种继承方式

js的继承方式：1、原型链继承function Parent(name){ this.name = name; this.sayName = function(){ alert(this.name) }}function Child(age){ this.age = age; this.sayAge = function(){ alert(this.age) }...

2019-03-21 19:05:44 144

原创关于JavaScript的浅拷贝和深拷贝

关于JavaScript的浅拷贝和深拷贝在JS中有一些基本类型像是Number、String、Booleanvar a = 10;var b = a;b = 20console.log(a) // 10console.log(b) // 20像这种基本类型的拷贝，就各自独立修改其中一个不会影响另一个。而对象就是像这样的东西 [1,2,3]或者{nam...

2019-03-21 15:39:29 133

原创第一个vue+webpack模块化之使用路由

vue模块化开发之使用路由1. 生成项目命令：vue init webpack-simple vue-cli-model2. 进入项目目录后，安装项目需要的模块命令：cnpm install3. 引入路由router3.1 先安装vue-router 命令：cnpm install vue-router -S3.2 操作步骤 1). 在main.js内引入vue...

2019-03-21 00:17:37 532

原创 vue-cli脚手架基本用法

vue-cli脚手架1.简介vue-cli是一个vue脚手架，可以快速构建项目结构vue-cli本身集成了多种项目模版 simple webpack 包含了ESLint代码规范检查和unit单元测试等 webpack-simple 跟webpack差不多，只是没有代码规范检查和单元测试 browserify browserify-sim...

2019-03-20 23:08:49 153

原创 vue路由的使用

vue路由的使用1.路由的使用步骤1.html部分使用router-link组件定义导航，to属性指向路径url <router-link to="/home">导航主页<router-link>2.html部分使用router-view来渲染路由内容 <router-view></router-view>3.定...

2019-03-19 15:39:08 214

原创 vue组件之间的数据通信

组件之间的数据传递（通信）1.父子组件1).在组件内部定义另一个组件称为父子组件2).子组件只能在父组件中使用3).默认情况下，子组件是无法访问父组件的数据的html部分：&lt;div class="box" id="app"&gt; &lt;my-hello&gt;&lt;/my-hello&gt;

2019-03-11 13:59:19 386

原创多种数组去重的方法

数组内都是数字方法：1.创建一个空数组，用于存放不重复的值2.给数组排序3.用递归相邻逐个对比，如果不相同，则push到创建的空数组里面去var a = [1,2,5,6,2,1,0,2,8,4,56,4,65,4];var n = [];var s = a.sort(function(a,b){ return a - b;})function cz(num){ if...

2019-03-07 19:49:19 2716 1

原创 vue 组件-component

组件-component1.什么是组件组件（component）是vue.js最强大的功能之一，组件可以扩展HTML元素，封装可重用的代码组件是自定义元素（对象）2.定义组件的方式方式1:先创建组件的构造器，然后由构造器创建组件 /* 方式1:先创建组件的构造器，再由构造器创建组件 */ var myComponent = Vue.extend({ t...

2019-03-05 16:50:32 509

原创 vue 过渡动画

过渡动画1.简介vue在插入、更新或者移除DOM的时候，提供了多种不同方式的应用过渡动画本质上还是使用css3动画：transition，animation2.基本用法使用transition组件，将要执行动画的元素包含在该组件内&lt;transition&gt; &lt;p&gt;执行动画的元素&lt;/p&gt;&lt;/transition&gt;

2019-03-04 23:21:52 391

自定义指令Vue.directive(&amp;amp;quot;指令名&amp;amp;quot;,{});Vue.directive内部钩子函数1). bind(){} // 绑定元素时执行，只执行一次(常用)2). inserted(){} // 当被绑定元素插入到dom时执行3). update(){} // 当被绑定元素更新时执行4). componentUpdated(){} // 被绑定元素模版完成一次周期更...

2019-03-04 16:45:09 135

原创 vue 实例的属性和方法

vue实例的属性和方法1.属性vm.$el ===&amp;amp;gt; 用于获取vue实例内el指定的dom对象vm.$data ===&amp;amp;gt; 用于获取vue实例内的数据对象 datavm.$options ===&amp;amp;gt; 用于获取vue实例内的自定义属性或方法vm.$options方法实例： var vm = new Vue({ el: &amp;quo

2019-02-27 23:28:43 1376

原创 vue 计算属性

计算属性基本用法1.计算属性的特点1、可以对属性数据进行逻辑处理操作2、对计算属性中的数据进行监视，也就是被计算的属性如果被修改，那计算属性后的结果就是被修改后再计算的结果；例如：msg：hello vue，经过计算属性计算后，反转值为：vue hello;如果此时msg被修改为：my name is vue，那此时计算属性会监视原来的数据被更改，会重新计算结果为：vue is n...

2019-02-27 14:07:08 483

原创 vue 生命周期

vue的生命周期（个人理解）vue实例从创建到销毁的过程，称为生命周期，共有八个阶段,分别为：1.创建组件实例，还没观测数据和事件配置—beforeCreate(){}2.创建组件实例完成，事件配置完成—created(){}3.渲染模版之前，还未挂载数据—beforeMount(){}4.渲染模版之后，挂载了数据—mounted(){}5.数据更新之前—beforeUpdate(...

2019-02-26 21:02:03 153

原创 vue - ajax之使用axios或resource发送HTTP请求

一、发送ajax请求1.简介vue本身不支持发送ajax请求，需使用vue-resource、axios等插件来实现axios时一个基于Promise的HTTP请求客户端，用来发送请求，也就是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护参考：GitHub上搜索axios，查看API文档2.使用axios发送ajax请求2.1 安装axios并引入npm...

2019-02-26 17:55:27 277

原创 vue - 基本用法

一、常用指令1.什么是常用指令用来扩展html标签的功能2.vue中常用的指令v-mode双向数据的绑定，一般用于表单元素v-for对数组或对象进行循环操作v-on用来把绑定事件，用法：v-on:事件名 = 函数v-show / v-if用来显示或隐藏元素，v-show是通过display实现，v-if是每次都删掉元素再重新创建二、事件和属性1.事件1.1事件简写...

2019-02-25 22:22:46 178

原创微信自动播放音乐

document.addEventListener('DOMContentLoaded', function () { function audioAutoPlay() { music.play(); document.addEventListener("WeixinJSBridgeReady", fun...

2019-01-24 18:37:48 1822

原创用node.js写一个注册登录

第一步前端写一个ajax，发送注册的账号和密码：封装ajax：function ajax(option){ var ajax = new XMLHttpRequest(); // 判断请求类型 if(option.type == 'get'){ ajax.open(option.type, option.url+'?' + jsonToString(option.data),...

2018-12-20 23:08:41 1683

原创 node.js之files模块

所谓files模块，就是文件模块，可以用来操作文件。例如我要生成一个txt文件，内容为：今天下雨了！可以写如下代码：var http = require("http"), fs = require("fs"); // 引入fs模块http.createServer(function(request,response){ fs.writeFile("1.txt"...

2018-12-07 17:25:54 567

原创 node.js post请求后台处理

var http = require("http");var querystring = require("querystring");http.createServer(function(request,response){ response.setHeader("Access-Control-Allow-Origin","*"); var str = ""; request.on(...

2018-12-04 03:03:38 436

原创 node.js get请求后台处理

var http = require("http");http.createServer(function(request,response){ response.setHeader("Access-Control-Allow-Origin","*"); var url = request.url; var starNum = url.indexOf("?"); var urlDil ...

2018-12-04 03:03:05 276

原创 node.js创建服务器

var http = require("http");http.createServer(function(request,response){ response.setHeader("Access-Control-Allow-Origin","*"); // 允许跨域}).listen(9527); // 监听9527端口

2018-12-04 03:02:11 147

原创 node.js解析域名之--url模块

1、首先获取地址栏内容2、引入node.js的url模块：var urlLib = require("url");代码如下：var data = "https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=querystring&oq=hehe&rsv...

2018-12-04 02:51:38 2905

clipboard引入JS文件

转盘抽奖支持IE6

Eling_btn_qq

空空如也