长腿欧巴~-优快云博客

原创 twin-layout后台管理插件，四种布局随意切换，使用简单，刚入门的小白都能使用的

twin-layout 双生布局管理后台解决方案传统的管理后台布局桌面式管理后台布局项目运行下载项目 git clone git@github.com:zhouwei1994/twin-admin-template.git 进入到项目的目录 cd twin-admin-template 下载npm依赖 yarn 或 npm install 运行项目 npm run dev 下载和使用文档网站https://twin-ui.com/本插件是后

2021-03-08 19:27:23 597 1

原创阿里云服务器 linux系统安装mysql8.0.20，超详细步骤

第一步下载https://dev.mysql.com/downloads/mysql/第二步查看是否安装过mysql，有就卸载掉检查是否已经安装过mysql，执行命令[root@izwz90piq1mkfnzxrearmcz local]# rpm -qa | grep mysqlmysql-libs-5.1.73-5.el6_6.x86_64[root@izwz90piq1mkfnzxrearmcz local]#从执行结果，可以看出我们已经安装了mysql-libs-5..

2020-06-03 13:51:04 5365 5

原创 request请求、配置简单、源码清晰注释多、超强的适应性（很方便的支持多域名请求）

配置简单、源码清晰注释多、适用于一项目多域名请求、第三方请求、七牛云图片上传、本地服务器图片上传等等支持请求get、post、put、delete 自动显示请求加载动画（可单个接口关闭）全局api数据处理函数，只回调请求正确的数据（可单个接口关闭）未登录或登录失效自动拦截并调用登录方法（可单个接口关闭）全局自动提示接口抛出的错误信息（可单个接口关闭）支持 Promise 支...

2019-09-30 14:35:30 790

原创 uni-app 页面顶部NavBar导航栏，支持透明导航，主流平台都支持

导航栏组件，主要用于头部导航，组件名：z-nav-bar，代码块： z-nav-bar。本组件目前兼容微信小程序、H5、5+APP。其他平台没试过本组件支持模式：1.普通固定顶部导航 2.透明导航 3.透明固定顶部导航 4.不固定普通导航本组件内置特殊功能：fontColor字体颜色为白色的时候手机状态栏会自动显示白色，否则显示灰色页面为第一个页面时左上角自动显示返回主页的...

2019-09-27 15:29:58 22671 1

原创 js 数据深度克隆

深度克隆（方法1）缺点：函数，Regexp等特殊函数无法转换let newObj = JSON.parse(JSON.stringify(oldObj));深度克隆（方法2）说明：递归克隆function cloneData(data){ if(!(data && data instanceof Object)) return {}; ...

2019-09-24 14:34:02 1121

原创 js 实现 debounce防抖、throttle节流

实现防抖(一般用于输入框搜索)说明：在调用debounce函数后1000毫秒后才会回调，1000毫秒内再次调用将延时回调。var clearTime;function debounce(callback,time = 1000){ clearTimeout(clearTime); clearTime = setTimeout(function(){ ...

2019-09-24 14:31:34 335

原创 js 手动实现new、instanceof

以下方法亲测有效实现newfunction _new(fn, ...args) { //创建一个空对象 let obj = new Object(); obj.__proto__ = fn.prototype; //把obj的__proto__指向fn的prototype,实现继承 let result = fn.apply(obj, args) //改变...

2019-09-24 14:21:01 661

原创 js 手动实现call、apply、bind

实现callFunction.prototype._call = function (obj, ...args) { if (!(typeof this == "function" && typeof obj == "object")) { return; } obj.fn = this; if (args &&...

2019-09-24 14:18:05 579

原创 vue移动端 popup组件弹窗

1.代码popup.vue<template> <div @touchmove="onTouchMove">  <div class="mask" @click="hideOnBlur && (currentValue = false)" v-show="currentValue">...

2019-06-12 18:44:48 8783 2

原创 vue移动端地址选择器

1.组件address.vue<template> <div> <div class="addresSelectVal"> <ul> <li v-for="(item,index) of addressVal" :key="index" ...

2019-06-12 18:36:47 2986

原创 vue组件七牛云文件批量上传

使用方法//页面引入import inputFile from "@/components/common/inputFile/index";data() { return { imgs: [] };}//html<input-file :length="9 - imgs.length" v-model="imgs"></input-file...

2019-06-12 16:47:26 1658

原创微信公众号JS-SDK对接

直接上代码//接口请求方法import $ajax from '@/config/ajax';//页面引入微信sdk文件var script = document.createElement("script");script.setAttribute("type", "text/javascript");script.setAttribute("src", "https://res...

2019-06-12 16:34:06 771

原创 Android、IOS在webview下H5互相方法调用

1.H5调用Android、IOS的方法/** * 安卓IOS交互 * webViewName是webview名称 * 传入的name是方法名称 * 传入的query是参数*/const appMutual = (name, query = null, errCallback) => { if (/android/i.test(navigator.userAgent))...

2019-06-12 16:23:42 824

原创解析vue的v-text，v-for，v-show，v-html，v-model，{{}}，v-if，v-else语法的简单实现方法，支持ie8使用

注意：未经允许不可私自转载，违者必究本篇文章的技术是模仿vue常用指令加以改编。本人菜鸟一枚，希望有志同道合的同学完善本方法，本方法经过简单测试可以用在juqery，layui等框架里面，本方法支持ie8和ie8以上浏览器。指令用法<div id="app"> <div>1.v-text指令</div> <...

2019-05-14 19:19:56 507

原创 MySQL学习 - MySQL安装和MySQL配置

目录1.下载MySQL2.设置MySQL配置文件3.配置MySQL环境变量4.启动MySQL之前常见的问题5.MySQL启动命令6.登录MySQL7.修改MySQL密码8.退出登录1.下载MySQLMySQL下载链接：https://dev.mysql.com/downloads/mysql/2.设置MySQL配置文件下载完后，我们将 zip...

2019-03-06 16:34:08 2246 1

转载 vue中data里为什么要写return返回

1、关于vue中data里为什么有return返回函数问题在简单的vue实例中看到的Vue实例中data属性是如下方式展示的：let app= newVue({ el:"#app", data:{ msg:'' }, methods:{ }})在使用组件化的项目中使用的是如下形式：export default{ d...

2019-02-16 18:50:52 4404

原创 javaScript面试经常遇到的问题

目录1.a等于什么让下面的判断执行通过。2.控制台输出是什么？如何改变成输出为0,1,2？3.控制台输出是什么？4.控制台输出是什么？5.原生js如何实现jquery的on()方法,并且支持给一个元素同时绑定多个事件？6.控制台输出是什么？7.什么是浏览器缓存？8.如何在javaScrpit中创建一个栈？9.修改this的指向的方法有哪些？10.js中面向对...

2019-02-16 15:38:10 1153

原创 React Native基础篇—Android打包APK

React Native官方文档：https://reactnative.cn/docs/debugging/项目GitHub地址：https://github.com/zhouwei1994/nativeCase.git第一步生成签名密钥用keytool命令生成一个私有密钥。 keytool命令在之前安装的JAVA JDK目录下的bin文件下。本人的安装目录为：D:\Progr...

2019-01-19 12:54:52 767

原创 React Native基础篇—手机APP调试

React Native官方文档：https://reactnative.cn/docs/debugging/项目GitHub地址：https://github.com/zhouwei1994/nativeCase.git打开调试菜单手机上左右摇晃手机可以打开调试菜单 iOS 模拟器在"Hardware"菜单中的"Shake Gesture"选项来打开调试菜单，还可以按下Comman...

2019-01-19 11:51:32 817

原创 React Native技术篇—自定义地址选择器

注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/项目GitHub地址：https://github.com/zhouwei1994/nativeCase.git自定义地址选择器代码本组件里面的fetch方法请查看：https://blog.youkuaiyun.com/weixin...

2019-01-17 16:59:08 1474

原创 js XMLHttpRequest自定义ajax请求配置

注意：未经允许不可私自转载，违者必究项目GitHub地址：https://github.com/zhouwei1994/nativeCase.gitHTTP请求配置代码在项目src/config目录下创建response.js，代码如下：本封装方法适合所有js语言的项目，本方法只封装了get、post，其他请求请自行封装export default class requ...

2019-01-17 16:42:59 1621

原创 React Native技术篇—自定义popup弹窗

注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/项目GitHub地址：https://github.com/zhouwei1994/nativeCase.git在写自定义Toast弹窗之前我们要先创建一个React Native第二视图层。创建教程：https:...

2019-01-16 17:45:54 3488 2

原创 React Native技术篇—自定义Loading加载动画

注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/项目GitHub地址：https://github.com/zhouwei1994/nativeCase.git在写自定义Loading加载动画之前我们要先创建一个React Native第二视图层。创建教程：https...

2019-01-16 17:23:22 6182 1

原创 React Native技术篇—自定义Toast弹窗

注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/项目GitHub地址：https://github.com/zhouwei1994/nativeCase.git在写自定义Toast弹窗之前我们要先创建一个React Native第二视图层。创建教程：https://b...

2019-01-16 17:18:02 2177

原创 React Native技术篇—创建第二个视图层，自定义Toast弹窗，Loading加载动画，popup弹窗等等

在React Native项目视图层上面在创建一个视图层，主要作用代替原生Modal组件实现一些弹窗、遮罩层等组件，并且可以js调用。下面有使用实例。注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/项目地址GitHub地址：https://github.com/zhouwe...

2019-01-16 14:42:11 1629

原创 React Native入门篇—StatusBar 全局设置APP状态栏

注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/statusbar/项目GitHub地址：https://github.com/zhouwei1994/nativeCase.git代码import React, { Component } from 'react';import { ToastAn...

2019-01-16 13:58:48 1673

原创 React Native入门篇—BackHandler安卓返回键判断返回页面或关闭APP

注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/backhandler/项目地址GitHub地址：https://github.com/zhouwei1994/nativeCase.git安卓返回键配置本项目是用react-navigation来做路由，路由长度需要由redux来托管，所以下面代码会...

2019-01-16 11:55:38 4915

原创 React Native入门篇—react-native-datepicker的安装和使用

注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/react-native-datepicker官方文档：https://github.com/xgfe/react-native-datepicker项目地址GitHub地址：https://github.com/zhouwe...

2019-01-11 17:08:33 5671

原创 React Native入门篇—react-native-image-picker的安装和使用

注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/react-native-image-picker官方教程：https://github.com/react-native-community/react-native-image-picker项目地址GitHub地址：htt...

2019-01-11 13:05:41 2452

原创 React Native入门篇—react-native-splash-screen的安装和配置

注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/react-native-splash-screen官方文档：https://github.com/crazycodeboy/react-native-splash-screen项目地址GitHub地址：https://git...

2019-01-11 12:28:14 1252

原创 React Native入门篇—react-native-swiper的安装和配置

注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/react-native-swiper官方教程：https://github.com/leecade/react-native-swiper项目地址GitHub地址：https://github.com/zhouwei1994...

2019-01-11 11:20:25 2319

原创 React Native入门篇—redux react-redux react-navigation-redux-helpers的安装和配置

注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/redux官方文档：https://www.redux.org.cn/项目地址GitHub地址：https://github.com/zhouwei1994/nativeCase.git安装redux react-redu...

2019-01-11 10:35:18 1281

原创 React Native入门篇—react-navigation路由配置

本人学习React Native没有看过任何教学视频，都是按照官网一步步学习的。只研究了Android开发，所以下面的教程都是Android开发教程。注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/react-navigation官方网站：https://reactnavi...

2019-01-10 17:14:17 2844 1

原创 React Native入门篇—第三步项目常用依赖包的安装和配置

注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/项目地址GitHub地址：https://github.com/zhouwei1994/nativeCase.git 常用依赖包项目路由导航 react-navigationreact-native-gestu...

2019-01-10 14:20:11 1934

原创 React Native入门篇—第二步创建APP项目

本人学习React Native没有看过任何教学视频，都是按照官网一步步学习的。只研究了Android开发，所以下面的教程都是Android开发教程。注意：未经允许不可私自转载，违者必究React Native官方文档：https://reactnative.cn/docs/getting-started/项目地址GitHub地址：https://github.com/zhouwe...

2019-01-10 11:40:09 429

原创 React Native入门篇—第一步软件安装和环境配置