- 博客(36)
- 收藏
- 关注
RSS订阅原创 小程序获取GPS
// 判断用户是否拒绝地理位置信息授权，拒绝的话重新请求授权 getUserLocation: function () { let that = this; wx.getSetting({ success: (res) => { // res.authSetting['scope.userLocation'] == undefined 表示 初始化进入该页面 // res.authSetting['scope.userLocati.
2021-01-27 16:29:44
1455
原创 vue之切换全局浏览器模式
点击切换按钮可来回切换浏览器全局模式这里用到vue提供的一个插件screenfull用这个插件时先用npm安装，然后组件中引入 然后调用screenfull.toggle()重点是要识别用户按esc键时退出全屏...
2019-07-22 15:36:00
892
原创 vue 之dom层刷新 但不刷新浏览器
当我点击刷新按钮时只是刷新中间的main的主体，不刷新浏览器 ，如何实现呢其实控制<router-view></router-view>的显示与否，在全局组件注册一个方法，该方法控制router-view的显示与否，在子组件调用即可：使用了 provide/inject这对用例首先app.vue 就是全局组件 先在全局组件中控制router-view的显示隐藏...
2019-07-22 15:30:07
714
原创 关于div布局
父级盒子没有固定高 让子级盒子既要撑满又要和随父级高的变化而变化 例如项目中规则模块 .box_wrap{ width: 100%; min-height: 52px; overflow: hidden; zoom: 1; border: 1px solid #b3d4fc; background: white; display:fle...
2019-06-05 17:20:13
335
原创 React---Redux（八）中间件saga
如何安装使用sage安装命令npm install --save redux-saga当安装好后 先创建一个saga文件，然后按照github官网文档进行引入 先引入redux-saga然后创建sagaMiddleware 接着创建saga文件 并引入redux文件中来。然后让sagaMiddleware运行这个文件创建sage脚本文件时 先引入redux-saga/e...
2019-05-30 17:59:04
349
原创 React---Redux(六)中间件 thunk
为什么使用中间件 thunk呢首先我们在做异步请求时，通常把ajax请求放在生命周期中，缺点是，第一如果请求多会造成代码臃肿，第二是放在生命周期中时，做前端自动化测试时会很麻烦，且不提高性能；例如：使用redux-thunk中间件会有什么好处呢当我们使用redux-thunk时我们可以把异步回调放在actionCreator.js中统一管理 ，这时创建一个方法传递给store可以...
2019-05-30 16:27:56
202
原创 React---Redux (五)中间件 thunk的使用
如何使用thunk呢首先先引入thunknpm install redux-thunk然后在store中引入redux的thunk插件 就可以了正常使用了。import { createStore, applyMiddleware } from 'redux';import thunk from 'redux-thunk';import reducer from './re...
2019-05-30 16:06:06
189
原创 charles BUG
首先在桌面上抓取http的数据包是不需要安全证书的下载只需将浏览器的代理设置成本机加charles设定的端口8888最后charles无法抓取localhost的数据包 需要把localhost改为http://localhost.charlesproxy.com方可抓取。...
2019-05-30 15:33:18
227
原创 React----组件优化
在recat中可以将所有页面划分成一个个组件 方便管理和渲染一般组件也分为三大类：- UI组件 - 容器组件 - 无状态组件UI组件又叫做傻瓜组件，一般主要负责页面渲染，不负责数据操作。容器组件 就是只负责数据操作不负责页面渲染无状态组件是指只有render一个生命周期 则可以改为函数来渲染 提高性能。左侧是容器组件 右侧是UI组件。又可以将UI组件转化为...
2019-05-30 14:54:51
151
原创 React---Redux（四）
reducer知识补充store是唯一的不可有重复的只有store能更改自己的内容（reducer不能更改state数据）reducer必须是个纯函数纯函数是指 给定固定的输入 就会有固定的输出，而且不会有副作用（固定是指固定值 例如 new Date()就不是个固定值）reducer的APIcreateStore 创建一个storestore.dispatch 组件用来向st...
2019-05-30 11:11:32
173
原创 React---Redux（三）actionType拆分
为何要将action.type拆分出来呢首先当action.type不拆分的话在组件中的actionType要对应到reducer里的actionType，并且一模一样当你操作时type如果差一个字符是不会执行Reducer的action的 且控制台不会报错。所以要把actionType拆分出来 当做变量引入时，当你输入错误，控制台会报错。这时查找原因会非常容易。首先先将action...
2019-05-30 10:58:09
2417
原创 React---Redux（二）
安装Reduxnpm install redux使用Redux的state首先引入redux且引入createStore 创建store。然后创建reducer 存储库 并且赋予给store最后在组件中使用store// 引入redux且引入createStore模块import {createStore} from 'redux'//引入笔记本/存储库impor...
2019-05-29 20:47:49
141
原创 React---Redux（一）
Redux概念Redux=Reducer+Fluxredux把所有数据放在store来管理，组件会自动感应到store的数据变化，从而进行传值Redux工作流首先我们将store比喻成图书管理员 reducers比如成图书馆 或者仓库。当你提出要取哪个变量时stroe要去操作reducers然后返回出一个新的数据信息出来。最后你拿到这个新的state会去做相应的变化...
2019-05-29 19:58:41
164
原创 React---动画效果
react中实现一些动画的效果有两种方法第一种：利用变量和css做切换第二种：react-transition-groupGitHub官网相关解释文档既可以单个元素动画 也可以多个元素和组件使用动画效果...
2019-05-29 17:19:03
363
原创 React---生命周期函数
生命周期的含义：是指某一个时刻组件会自动调用执行的函数React生命周期分为4个大项一、数据初始化当创建页面时先调用的就是construction这个构造函数 在这个函数中props或state的变量将初始化。但construction是es6中的语法所以它不能当做react的生命周期函数 constructor(props) { super(props);...
2019-05-29 15:03:27
196
原创 React--思维模式
当组件的state或者props发生改变时，render函数就会重新被执行。当父组件的render重新被执行时 子组件也会被重新执行一次React的虚拟Dom的含义
2019-05-29 11:00:00
177
原创 react-组件之间的传参
父向子传参父组件向子组件传参时用属性的方式传递子组件接收的时候用props调用子组件不能直接改父组件的变量值父组件实例如下：import React,{Component,Fragment}from 'react'import TodoItemList from './TodoItemList'class TodoList extends Component{ const...
2019-05-28 20:24:57
342
原创 react-jsx语法细节补充
注释方法render() { return ( // fragment内部封装的站位符 <fragment> { // 注释方式1--多行注释 } {/*注释方式2--单行注释*/} ...
2019-05-28 19:01:46
149
原创 react-2
react新的编程思想feacebook 2003年5月推出。react.filber是指16版本后react与vue区别：react更适合复杂度高的vue更好上手 `在这里插入代码片`**组件化定义 import React from 'react'; // function App() { // return ( // <div...
2019-05-28 18:34:57
216
原创 git
• git log --all 查看所有分支的历史• git log --all --graph 查看图形化的 log 地址• git log --oneline 查看单行的简洁历史。• git log --oneline -n4 查看最近的四条简洁历史。• git log --oneline --all -n4 --graph 查看所有分支最近 4 条单行的...
2019-05-28 15:05:26
97
原创 解决谷歌同一文件不能上传两次的问题
方法一：在上传失败或上传成功的回调中将 input type=file的value清除方法二：https://blog.youkuaiyun.com/jufeng9318/article/details/51899435添加链接描述
2019-05-07 15:05:51
664
原创 a标签的注意事项
a标签的href属性 可以定向url跳转想让它无法跳转可以使用：通过onclick阻止浏览器默认事件：<a onclick=”return false;” href=”javascript:void(0);” target=”_blank”>test</a>或直接：<a target=”_blank”>test</a>但是在IE下会新开标...
2019-05-05 17:43:57
292
原创 Python3.0学习之路（二）
简单的变量运算 输出要注意的是 #注释 =赋值 符号后都要有个空格位 print 输出序列的分类 方法 一些基本练习
2019-03-22 16:18:16
183
原创 Python3.0的学习之路 (一)
Python的介绍和安装Python是一种思维方式 不要把它当编码 要当做工具。Python特点：语法简洁跨平台类库丰富开放源代码可扩展Python安装包时会有依赖关系，所以要借助第三方工具 自动下载完成Anaconda会集成一些常用的基础包进来适合初学者Python下载版：https://www.python.orgAnaconda 官方下载地址：https://ww...
2019-03-22 10:33:20
156
翻译 vue 知识点 -2
绑定事件的方法 v-on:事件名="表达式||函数名"简写：@事件名="表达式||函数名"函数名如果没有参数，可以省略() 只给一个函数名称函数的声明需要在export default 这个对象的根属性加上 methods 属性中凡是在template中使用函数或变量，不需要使用this
2019-03-21 10:24:06
128
原创 Vue 2.0 知识点 - 1
vue2.0 基本的语法记忆点。语法简介v-bind绑定 DOM 元素属性v-if v-elif v-else条件型控制DOM元素显示隐藏v-for循环数据来渲染一个DOM列表v-on绑定一个监听事件 简写“@” 例如@clickv-model使得在表单输入和应用状态中做双向数据绑定v-show控制DOM显示隐藏v-text...
2019-03-21 10:10:01
110
原创 git的学习之路（一）
刚开始接触git一头蒙，安装的话有个官方git安装包 还有个小乌龟git。不知道小乌龟git和官方的git的区别。好吧我们还是把这个问题放一放开始学习git目标1、上传一个项目到git上。首先要先有个gitHub账号，然后建立一个库 可以任意私有或公开。建好后会有一段的提示代码可以按照提示去在本地建立私有库。常用命令简要说明git init版本库初始化git...
2019-03-20 15:15:59
140
原创 react--ref
ref是可以帮助我们直接获取DOM元素import React, {Component,fragment} from 'react';class Todolist extends Component { constructor(props) { super(props);//调用Component的钩子 this.state = { ...
2018-09-10 09:53:48
93
原创 js 原型01
var PageDataId = []; $.each(Examples.getAllConnections(), function(id, connection) { PageDataId.push(connection.sourceId); PageDataId.push(connection.targetId); }); Arra...
2018-08-23 09:59:13
111
翻译 react-01
React项目-01从零开始创建一个React项目 默认电脑已经安装了npm和nodejs使用create-react-app构建react应用程序create-react-app是Facebook官方推出的脚手架，基本可以零配置搭建基于webpack的React开发环境，内置了热更新等功能。 npm install -g create-react-app /*搭建一个全...
2018-08-21 10:38:00
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人