小时候可漂了~-优快云博客

原创 canvas导出图片

html结构 <div id="product_tree" style="width: 375px; height: 682px; background-color: rgb(255, 255, 255);"> <svg class="linkG" xmlns="http://www.w3.org/2000/svg" width="375" height="682"> <g class="gbox" transform="tran

2021-06-21 16:17:38 559

原创企业微信内置浏览器中去除自带的放大缩小控件

企业微信浏览器中嵌套h5页面的时候会出现放大缩小控件感觉特别别扭。在这里记录一下解决这个问题的办法 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">放到index.h.

2021-06-21 15:45:10 1953 1

原创 iOS软键盘弹出后视图向上移动

iOS软键盘弹出后视图向上移动ios软键盘关闭的时候页面会向上移动function inputBlur() { let u = navigator.userAgent //对象包含有关浏览器的信息 let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) //判断是是否是ios系统 if (isIOS) { setTimeout(() => { window.scrollTo(0

2021-06-21 15:38:54 1399

原创关于安装node-sass报错问题

关于安装node-sass报错问题这里就是安装经典报错问题问题 : node-sass@4.14.1 postinstall: node scripts/build.js解决 : npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass只需要从淘宝镜像中从重新安装一下就可以了...

2020-06-29 09:11:58 215

转载用Js判断来实现当前是PC端还是移动端

用Js判断来实现当前是PC端还是移动端最近做这个项目是一套代码实现移动和pc的切换直接上代码了var sUserAgent = navigator.userAgent.toLowerCase()var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad' //eslint-disable-linevar bIsIphoneOs = sUserAgen...

2020-05-08 14:32:17 472

原创解决vue白屏问题

vue中v-cloak指令<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> [v-cloak]{ displa...

2019-07-29 20:24:09 2040

原创 dva-cli

安装通过 npm 安装 dva-cli 并确保版本是 0.9.1 或以上。npm install dva-cli -gdva -v创建dva new dva-quickstartcd dva-quickstartnpm start服务启开后一直报一个版本号的问题,虽然不影响什么但是为了追求完美终于找到完美解决的办法路径： node_modules\dva\lib...

2019-07-29 11:58:12 336

原创 Redux中间件

Redux中间件1、applyMiddleware方便调试，实时触发，线下使用import {createStore，applyMiddleware} from 'redux';import reducers from './reducers';import Logger from 'redux-logger';export default createStore(reducer...

2019-07-28 09:58:27 138

原创 Redux

Redux1、redux是什么？是一个框架跨组件通信分四块内容actionTypesactions => {type, payload}reducerstoreredux三大原则单一数据源State 是只读的使用纯函数来执行修改2、provider只有一个属性，是store顶层容器3、connect伪高阶函数4个参数1、把redux中...

2019-07-28 09:57:26 136

原创 React路由

React路由路由模式(2种)hash改变地址 -> push -> window.location.hash= -> replace -> window.location.replace(url)hashchangebrowser/history改变地址 -> pushstate -> window.his...

2019-07-28 09:56:32 154

原创 React生命周期

React生命周期1、componentDidMount() // 组件挂载完成之后触发的生命周期相当于vue的mountedcomponentDidMount(){ setInterval(()=>{ // 修改state的唯一方法 // @param 要修改的数据 // @param 修改完成之后的回调函数 t...

2019-07-28 09:55:53 171

原创 MVVM

MVVM1、MVVM是什么？MVVM是Model-View-ViewModel的简写它本质上是MVC 的改进版MVVM（Model-View-ViewModel）框架的由来是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架2、MVVM优点MVVM模式和MVC模式一样，主要目的是分离视图（View）和模型（Model）...

2019-07-28 09:55:07 152

原创什么是jsx

JSX1、jsx是什么?React 使用 JSX 来替代常规的 JavaScriptJSX 是一个看起来很像 XML 的 JavaScript 语法扩展我们不需要一定使用 JSX，但它有以下优点JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化它是类型安全的，在编译过程中就能发现错误使用 JSX 编写模板更加简单快速...

2019-07-28 09:54:36 1588

原创 Vue路由基础用法

Vue路由1、路由(外置的) vue-routerimport VueRouter from 'vue-router';import Index from './components/index.vue';import List from './components/index.vue';import Login from './components/index.vue';Vue.u...

2019-07-28 09:53:31 204

原创 Vue组件

Vue组件1、组件是什么？是vue.js最强大的功能之一可以扩展html元素，封装可重用的代码2、注册全局组件Vue.component('组件名称',引入的.vue文件)main.jsimport heads from 'src/heads';Vue.component('heads',heads)// 然后在页面直接引用heads标签就可以了3、prop是父组...

2019-07-28 09:52:43 231

原创 Vue一些对比

Vue一些对比一、methods和computedcomputed是计算属性，methods是方法。computed计算属性是基于它们的依赖进行缓存的computed只有在它的相关依赖发生改变时才会重新求值而对于method ，只要发生重新渲染，method 调用总会执行该函数总之：数据量大，需要缓存的时候用computed；每次确实需要重新加载，不需要缓存时用methods二、...

2019-07-28 09:52:12 130

原创 Vuex

Vuex1、什么是vuex？每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。2、初始化vuex（1）下载vuexcnpm i vuex -D（2）建一个store文件夹（store/index.js）// 初始化vueximport Vue from 'vue';import Vuex...

2019-07-28 09:51:38 116

原创 Promise/Aysnc

Promise/Aysnc1、es6定义变量varletimportclassfunctionconst2、Promise是异步编程的一种解决方案是一个对象缺点无法取消Promise.all() 会包装多个实例成为一个新的promise实例new Promise((resolve.reject) =>{ // do some async f...

2019-07-28 09:50:36 141

原创 ES6

ES61、声明变量// es5声明变量 var --- variable用大写的形式去声明常量:var PI = 3.14159255358;常量的值允许被修改// es6// 通过let 关键字代替 var 来声明变量，用发与var几乎一致当let/const遇到{}会形成这个变量的块级作用域声明变量 let --- 叫命令或关键字声明常量 const PI = 3.141...

2019-07-28 09:49:01 106

原创浅谈对class函数的理解(试用初学者)

文章目录ES6的介绍创建一个clss函数函数的继承ES6的介绍ES6是即将到来的新版本JavaScript语言的标准，他给我们带来了更”甜”的语法糖（一种语法，使得语言更容易理解和更具有可读性，也让我们编写代码更加简单快捷），如箭头函数（=>）、class等等。class ES6引入了类的概念，它可以看作是一个语法糖，因为class实现的功能ES5都实现了。创建一个clss函数...

2019-06-22 11:07:56 1687

weixin_45290863的博客