雨_生-优快云博客

原创 Centos7.x 云服务器之yum安装 nginx+php7.2 +mongodb

nginx+php7.2 +mongodb一、安装NGINX二、安装php三、安装mongodb四、关联php与mongodb一、安装NGINX执行命令：yum -y install gcc gcc-c++ autoconf pcre-devel make automakeyum -y install wget httpd-tools vim检测yum中是否有nginx源yu...

2019-08-03 21:52:54 1022

原创 Echats 之 dataZoom 范围刻度获取

如果你来到这个篇笔记，那么你一定是在使用echarts的所以我们简单点，直接上标题的问题，如何获取datazoom刻度而不是百分比 echarts 内部有一个API，为`getOption` 这个方法能获取到echarts当前的option 那么如何获取刻度呢， // 首先 var myChart = echarts.init(el) let self.data.year ...

2019-05-09 09:26:39 5066 1

原创 Vue之 get和set

在之前的面试中遇到面试官让我讲解一下vue的get和set的原理，当时我有点蒙逼，个人熟练运用vue但并未去探究其原理，所以GG现在讲解一下：get和set是es5也就是es2015中的对象访问器，它在对象属性或方法获取值（get）时被触发，同时设置值得时候也会触发（set）这是es5的特性vue中的运用：vue在组件本身是一个对象，当将此对象传入vue的实例的时候，vu...

2019-04-15 11:01:03 7182

原创 vue之父组件与子组件的 ‘值’ 双向绑定语法糖 ‘.sync’

vue中，父子之间的传值称为双向绑定在实际运用中，我们会在父组件中对子组件传过来的值被动设置一个自定义的事件监听传过来的值比如父组件中： <div> 子组件： <child :val='testV' @transfer='onVal'/> </div> methods: { ovVal (val) { this.testV= ...

2019-04-11 11:09:08 710

原创 vue: Initialize failed: invalid dom 之 dom加载出现的问题

这里遇到的问题是引入 Echarts因为在Dom还没加载的时候，option 获取元素，echarts.init(document.queryselect(’#dom’))就开始检测dom，并尝试去获取它，但是在vue中引用echarts的中，发现在模板dom还没加载的时候echarts.init() 就已经开始执行，所以会报错 Initialize failed: invalid dom...

2019-04-08 15:41:44 38860 13

原创 axios 之超时处理

在工作中，我们基本会遇到请求超时，需要重新发起请求或者进行相应的处理但是axios之中，并没有超时回调给你，所以这就需要你根据error信息来进行判断我们开始走流程把：1、判断超时，网上很多都是一模一样的，完全没有自己的见解，这里我不推荐这种方式，所以，我希望你看了之后，自己去理解使用方法和思维，写出自己的东西。 `很多人使用了axios的`Interceptors`来做处理，这里就来写一...

2019-03-27 15:10:20 11995

原创 Vue之简单状态管理（适用于简单项目）

这个简单的store，支持全自动本地缓存，应对vue的刷新状态丢失问题var store = { data: { type: { isLogin: false, isModule: false }, userInfo: {} }, get state () { return this.data }, set state...

2019-02-21 17:20:47 1845

原创 wepack

build这个属性：      productionSourceMap是wepack为了在打包后，出现问题能快速找到问题代码而设置的，如果为true，则build之后，你的vue源代码会出现在网站上，任何人都能查看谨记：若不想你的源代码暴露，请设置为false...

2019-01-31 17:23:54 379

原创 Vue 之 Slot

slot在vue中称之为插槽展示:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;没有使用slot&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;使用slot理解：&nbsp;&

2019-01-09 11:44:40 463

原创关于 vue 的路由层级，用来制作面包屑

这里我要自我检讨一下，我根据自己的认知对vue-router的路径进行保存，花费时间和精力，这里我贴出一段错误代码我的理解是这样的 // 首先获取当前路由对象 let route = this.$route.matched.pop(); getRouterBran (route ) { // 检测当前路由是否为一级路由，一级路由我不会写name属性， if (!rou...

2019-01-05 21:33:01 4208

原创 Vue 之 Vux数据保存

在日常Vuex项目开发中，我们经常需要这样一个需求：页面是不关闭，那么数据永久存在，但是Vue的插件Vux的特性决定了，一旦页面刷新，即使不关闭，Vux内的状态，依然会丢失，除非重新赋值解决在和朋友交流的时候，朋友推荐了一个插件，具体作者，我不知道，别笑，但好用就行插件名字为// 数据持久化插件，页面刷新后存在 Vux的数据不会丢失，不用再去手动存取数据到storage// 我这里是在...

2019-01-04 11:58:41 1975

原创跨浏览器兼容逻辑

1、对于DOMContentLoaded跨浏览器；/IE 浏览器和其他浏览器老版本的监听方法兼容if (document.addEventListener) { document.addEventListener('DOMContentLoaded',function(){ document.removeEventListener('DOMContentLo...

2018-12-27 21:48:50 225

原创关于Vue中的axios数据异步获取后，更改数据，页面没有更新

更改axios数据后，页面没有更新解决办法列子解决列子 //页面视图HTML &lt;span&gt;{{test[0].ress}}&lt;/span&gt; // 数据请求 this.axios.get('/list/1').then(res =&gt; { // 得到数据 this.test = res.data.data // 对数据批量更改 ...

2018-12-27 21:31:51 19096 13

原创微信之ios端音频、视频自动播放

ios 微信浏览器多媒体自动播放关于微信APIJS有效的微信多媒体播放代码为关于微信APIJSweixinJSBridgeready这个事件,我注入在js代码库中，发现一个问题监听这个事件，函数是不会执行的，我猜测微信那边应该是有修改，这个事件无效 document.addEventListener("WeixinJSBridgeReady", function () { ...

2018-11-21 09:16:07 1143

原创 vue-awesome-swiper

vue-awesome-swiper 自动轮播无限循环问题解决出现问题是因为swiper一开始初始化的时候渲染速度比请求速度快，那时候数据还没有回来，轮播图片也没有回来，这时候swiper就出现了检测不到内容，从而内部的一些js获取不到参数，造成自动轮播和无限循环出错解决办法为：在v-for循环的元素上，先检测数据是否有回来，使用v-if，因为请求数据也很快，所以进入页面几乎察觉不到这一...

2018-10-29 17:22:24 235

原创常用css效果

文本省略…p { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; &amp;amp;amp;amp;lt;**文本不换行**&amp;amp;amp;amp;gt;}

2018-10-28 19:46:34 595

原创闭包的运用

一道题目引起的闭包探索需求初步思考使用递归闭包之优化结果需求在1到n的正整数中，1一共出现了几次？初步思考使用递归经过接近一个小时的排查，写出了没有bug的方法，代码为： function num(count) { if(count < 0) return; var n = String(count).split(''); ...

2018-10-13 19:28:46 325

原创高德地图爬坑之旅

这一节主要是针对高德地图的定位来说，我的需求是利用高德地图来做详细的定位，那么因为它的定位是异步执行，并且定位成功后做回调，这里我就在想，把数据拿出来，做全局共享。因为是第一次接触，所以我傻乎乎的直接利用块作用域去取值，结果就是，在值还没有取回来之前，函数已经执行完毕，导致后面的数据并没有被返回，为此我为这个问题纠结了2个小时，在朋友的提示下，异步对的，异步，那么我尝试使用Proms...

2018-09-11 17:37:24 362

原创关于mock.js的用法

Mock.js 目录Mock.js 定义：简单来说，它是一个工具，是一个可以模拟后台数据的工具。用处：在项目开发过程中，因前后端各自的复杂程度，开发进度不一，造成前端需要数据，后端接口还没写好这一状况。这里，我们有了Mock.js后，就不需要等待后端接口了，我们可以依据自己需要的数据结构和状态来自己创造数据。这里的一大优点：mock.js的模拟数据是依据拦截你的Ajax请求，将...

2018-09-11 15:46:39 1605

原创 This 和执行上下文环境的理解

/* 在没有看《你不知道的JavaScript》这个系列的书之前，我如大多数前端开发同伴一样，如常识般的认为this指向对象本身，或者指向对象的作用域。实际呢，this是上下文执行环境中的一个属性，this的指向也不是如常识一般指向谁谁，而是依据调用栈和执行位置决定的（或者说执行环境），并且 this 是在运行时绑定的，并不是在编写时绑定。...

2018-08-27 13:53:24 1977 3

原创模块的定义和模块之间的相互调用

// 现代模块机制 var myModules = (function Manager() { var modules = {}; function define(name, deps, impl) { //for循环作用是将模块管理器内的相关模块调出来， // 在管理器的作用域中展现，然后被impl调用， ...

2018-08-24 13:50:47 6344

原创角度和弧度之间的换算

function toRadians(degrees) { return degress / 180 * Math.PI;}function toDegress(radians) { return radians / Math.PI * 180;}

2018-08-15 17:23:47 3281

原创时间搓到格式化日期转换

// 用于时间格式化，针对时间搓转化export function formatDate (date, str) { if (/(y+)/.test(str)) { str = str.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { ...

2018-08-15 17:14:07 606

原创阿拉巴数字转换中文数字

SectionToChinese(section){let chnNumChar= ["零","一","二","三","四","五","六","七","八","九"];let chnUnitSection= ["","万","亿","

2018-08-15 17:07:42 959

原创关于 create-react-app的webpack拆分

使用 npm i -g create-react-app 全局安装脚手架然后使用脚手架创建项目 create-react-app react-dom项目创建完成后，cd react-dom；如果需要将webpack配置文件分离出来，那么在项目文件运行：npm run eject;询问是否分离，输入 y，文件开始分离，分离成功后，就可以在项目里看见config文件夹，webpack配置文件就在这里，...

2018-07-10 17:17:38 1024

转载 H5各种头部meta标签功能大全

<!DOCTYPE html> H5标准声明，使用 HTML5 doctype，不区分大小写<head lang=”en”> 标准的 lang 属性写法<meta charset=’utf-8′> 声明文档使用的字符编码<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chro...

2018-06-22 16:04:49 800

原创 rem的认识和个人见解

看了很多rem的讲解和很多博客，这里我说说自己对rem的认识。 rem ：作为css3新的属性单位，基于document.documentElement元素的fontSize基准值来确定其初始值,让处于 document内的所有元素基于document.documentElement设置的fontSize来做赋值比em更直观，也...

2018-04-16 17:47:03 1026

原创随记

function ajax(){ var xhr = new XMLHttpRequest(); xhr.open("post",url); xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded;charset=utf-8'); xhr.onreadystatechange = func...

2018-04-11 11:04:48 209

原创利用charles进行数据抓包和手机APP数据测试

1.下载charles（点击打开链接）；下载后安装，安装完成后打开，出现如下界面；2、开始对 PC 端的charles进行配置，点击proxy（代理），找到代理设置对代理端口进行进行配置，端口号默认8888，你可以自己修改，选中 enable transparent http prxying，代表启用http代理;点击OK，完后配置。如果你只想对pc端的数据交互进行抓取，那么到这一步就行...

2018-04-04 15:55:06 15792 1

原创 GitHub 仓库与域名绑定

一、注册GitHub（点击打开链接)注册地址。将信息填写完整，一共三步，完成后，点击登录输入你的昵称或者邮箱，输入你的密码，登入，建立一个属于自己的仓库对仓库进行设置和命名获取到你的仓库地址然后对线上仓库进行网页化，找到setting进入设置，创建新主题，完成网页化选择主题后，进入你的仓库代码库code，在本地（你的电脑0）上克隆你的仓库，将仓库放到本地来，git clone 仓库地址；克...

2018-03-27 11:32:39 2906

原创 npm 配置、换源、换储存库配置

一、要用npm的功能，一定需要有node.js的开发环境。1、下载node.js,附上地址（https://nodejs.org/en/download/）；点击打开链接下载node.js根据自己的系统下载，有32位和64位之分；2、安装node.js个人喜欢装在D盘，我装的是固态硬盘，分成了C、D两个盘，系统盘和储存...

2018-03-10 10:55:18 52496 6

原创 JavaScript中一些常用的知识以及方法

1、数组去重(数组去重，重点在于判断条件，新组中是否已存在该数据)1.1、利用json的key值，如果存在，那么json[key]的Boolean值为true, 不存在，那么 !json[key]为true, 为json[key]赋值，若下次Key相同，则json里已经有值，就不会进入判断内部，因为 !json[key]为false，添加进数组arr1 ...

2018-01-30 15:09:08 275

原创 ES6 部分知识的认知

//ES6字符串模板语法；let tt = 'tyu'let text = `你好上岛咖啡精神可嘉福克斯地方是${tt}时代峰峻神盾局六块腹肌`//运算let o = 1;let u = 2;let ii = `${o+u}`;let tg = `你好上岛咖啡精神可嘉福克斯地方是${ii}时代峰峻神盾局六块腹肌`var arr = ['u','u','i','ioi','ds','fs','f...

2018-01-30 15:04:29 307

smalCat的博客