- 博客(41)
- 收藏
- 关注
原创 混合开发
混合开发是一种模式,英文名字hybird APP顾名思义就是使用native(iOS和Android)和web(html\css\javascript)技术开发优点:开发快,开发周期短缺点:性能问题和兼容问题(原生充当浏览器,版本很多,所以兼容性问题可能会有,但是Android5.0和ios9.0以上版本,这个确定也不明显)混合应用开发:1.微信公众号:通过jssdk连接native和w...
2019-12-09 19:05:27 840
原创 小程序审核上线
点击上传按钮:上传完成后报如下图提示,下图提示是不需要上传的,所以忽略即可.然后在小程序后台管理的版本管理中,就可以看到项目的一个开发版本然后提交审核,这个时候腾讯人工会去审核,审核通过后提交为上线版本....
2019-11-29 09:40:51 391
原创 云存储
文件上传代码//选择图片 wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success(res) { // tempFilePath可以作为img标签的src属性显示图片...
2019-11-26 20:44:56 213
原创 云函数.批量操作数据库
云函数const db=cloud.database();// 云函数入口函数exports.main = async (event, context) => {try{return await db.collection(‘user’).where({name: “wangjuan”}).remove();}catch(e){console.log(e)}}调用云函...
2019-11-26 19:36:17 771
原创 小程序开发.云函数
云函数云函数需要在nodejs下运行所以需要安装node.jsnode安装:上官网下载长期支持版本,一步步安装即可新建云函数在云开发上面建云函数如下然后在本地新建云函数:如下安装wx-server-sdk新建完云函数之后,会有一个文件夹里面有index.js(云函数入口)文件和package.json(云函数目录)文件云函数入口文件每次修改都必须上传并部署到云端// 云函...
2019-11-26 10:02:53 887
原创 小程序开发.云数据库
云数据库初始化数据库:const db=wx.cloud.database();//初始化数据库然后在云开发的,数据库里添加一个集合,也就是创建一个表然后就可以对云数据库进行代码中的增删改查.官方文档相当齐全,大家移步官方文档.云数据库官网...
2019-11-25 21:52:24 235
原创 微信小程序:云开发开通
云开发是腾讯云和微信合作开发的云开发三大能力:云函数,云数据库,云存储相比传统小程序开发,云开发运维成本几乎没有,severlsee这种无服务的开发,没有前后端沟通扯皮,效率更高.将是小程序未来的趋势.如何开通云开发:小程序开发工具的工具栏,点击云开发按钮;点击开通按钮即可.然后按指示填写环境信息就好.目前免费...
2019-11-25 19:46:03 366
原创 微信小程序json配置
project.config.json:项目配置app.json:全局配置page.json:页面配置具体配置参考官方文档,官方文档很全面了也很通俗易懂.
2019-11-25 18:59:10 114
原创 微信小程序原生组件
微信小程序原生组件组件组件组件是视图层的基本组成单元,自带一些功能和一些微信小程序样式,一般包括开始标签和结束标签,内容在两个标签内小程序提供下面8类组件:(更多内容可以参考官方文档小程序原生组件官方文档)小程序提供的组件媒体组件地图组件开放能力画布视图容器:viewscroll-view 用法参考官方文档swiper:轮播组件movable-vi...
2019-11-17 20:56:10 1100
原创 js
js面向对象学习全局预处理全局预处理与执行函数的预处理与执行作用域块作用域:变量在离开定义的块级代码后立即被回收。函数作用域动态作用域词法作用域(静态作作用域或闭包)js里面创建函数的几种方法:闭包的含义闭包的理解闭包的好处使用闭包的注意点全局预处理解析js代码的时候,预处理阶段第一步:创建一个环境对象接下来扫描代码里的用声明的方式创建的函数,还有用var定义的变量然后将所有的函数的名字...
2019-11-17 17:46:23 160
原创 微信小程序开发
微信小程序开发微信小程序开发介绍和准备小程序的诞生什么是小程序小程序和移动应用程序区别小程序能做什么搭建一个微信小程序小程序开发搭建准备:微信小程序开发框架创建项目项目目录结构介绍:小程序两个配置文件的区别微信小程序版本微信小程序界面的组成成分wxml(WeiXin Markup Language)之语法:模板引用的两种方式:wxss(WeiXin Style Sheets)外联样式内联样式微信小...
2019-11-17 17:44:44 513
原创 ES6数组的拓展
Array.from()用于将两类对象转为真正的数组,只要部署了可遍历(Iterator)接口的数据结构,它都能将其转化为数组.比如:Set,Map,querySelectorAll(‘p’)的NodeList集合Array.of()用于将一组值转化为数组Array.of(1,22,3) //[1,22,3]可以代替Array()和new Array()copyWithin()在...
2019-07-21 09:49:36 272
原创 什么是路由,如何在react中使用路由react-router-dom
路由就是根据URL的不同显示不同的内容react-router-dom的使用方法:npm install react-router-dom引入:App.js中引入import { BrowserRouter,Route} from ‘react-router-dom’使用基本使用 跳转BrowserRouter代表路由,Route代表路由规则 <BrowserRoute...
2019-07-03 22:34:49 256
原创 immutable.js的使用
防止在reducer中修改statefacebook提供了immutable库immutable对象是不可改变的用法:npm install immutablereducer中如下用const { fromJS } = require(‘immutable’);const defaultState= fromJS({//转化程immutable对象focused:false})...
2019-06-28 09:48:55 1357
原创 combineReducers使用
import {combineReducers} from ‘redux’ //可以将小的reducer合并在一起import headerReducer from ‘…/common/header/store/reducer’export default combineReducers({header:headerReducer})可以将reducer按模块拆分后,用combineR...
2019-06-27 19:05:26 1283
原创 react styled-components 使用Iconfont的使用
1、登录iconfont.cn2、点击图标管理->我的项目右上角文件+ 来创建一个项目3、选择自己想要的图标,加入到购物车4、点击购物车,将所有的图标加入到项目5、点击下载至本地6、解压下载的包,下图中的文件是 有用的 7、新建一个iconfont文件夹,将上图中的文件放入修改iconfont.js文件如下import {createGlobalStyle} from...
2019-06-26 19:16:59 1125
原创 styled-components的基础用法
styled-components主要是对css样式进行全局管理最新版的 styled-components v4 已经将原有的 injectGlobal() 方法替换成了 createGlobalStyle() ,而且用法也和之前的 injectGlobal 方法不同了。使用方法:1、安装:npm add styled-components2、新建一个style.js文件import ...
2019-06-26 13:49:48 1680
原创 react-redux的使用
1、安装npm install --save react-redux2、引入import store from './store/store'import {Provider} from 'react-redux'const App=( <Provider store={store}> //Provider和store联结,Provider里面的所有组件都有获取st...
2019-06-04 19:06:45 639
原创 使用redux-thunk中间件进行异步请求
1、安装 npm install redux-thunk2、引入,在store文件下,index中引入iimport { createStore,applyMiddleware } from 'redux';import reducer from './reducer'import thunk from 'redux-thunk';const store = createStore...
2019-05-28 18:34:42 748
原创 redux进阶、无状态组件、UI组件和容器组件的拆分
UI组件和容器组件拆分就是将父组件render里面的任何模块都可以拆分程ui组件。然后通过父子组件通信的方式进行数据交互如果父组件的函数有出了this之外的参数,则要用剪头函数进行传值例如下面的list,是一个子组件,delItem函数是父组件传过来的,但是除此之外,还有一个index参数。 <List bordered ...
2019-05-25 14:41:00 636
原创 redux的基础详解和使用方法
reduxredux就是将组件的数据放到一个公共的store里,大家都可以去读取,把数据的传递简化了。一个组件改变了store的值,其他的组件就会知道,然后会去取改变之后的数据redux=reducer+fluxredux工作流...
2019-05-23 13:59:22 2590
原创 ios8 H5打开白屏解决方法
方法一main.jsimport Es6Promise from 'es6-promise'require('es6-promise').polyfill();Es6Promise.polyfill()方法二修改下图内容注释掉如下
2019-05-23 11:33:22 3103
原创 antd的使用
antd的使用:antd的官网有每一个组件的详细使用代码,下面简单描述一下1:安装 npm install antd --save2.样式引入import ‘antd/dist/antd.css’;3.eg 引入import { Input } from ‘antd’;4.使用<Input placeholder={‘请输入’}/>...
2019-05-22 07:31:36 22873
原创 react的css过渡动画、react-transition-group、ransitionGroup的使用方法
css过渡动画<div className={this.state.show ? 'show' : 'hide'}>hello</div>.show{/*opacity: 1;*//*transition: all 1s ease-in ; !*所有属性都将获得过渡,ease-in代表动画曲线*!*/animation: showitem 2s ease-in f...
2019-05-19 15:14:25 705
原创 Charles 进行react的本地数据mock
第一步:新建一个json文件第二步:下载安装Charles下载地址:https://www.charlesproxy.com/,选择相应的版本下载并且安装安装完成后。点击菜单栏的tools,选择Map Local Settingds,然后Add一个设置Local path指向自己新建的json文件,然后在react里面axios.get('/api/todolist') ...
2019-05-19 10:56:58 638 1
原创 react 生命周期函数详解和使用场景
react生命周期函数图解生命周期函数指在某一个时刻组件会自动调用执行的函数,大致是四个大模块如下图Initialization:constructor实质上就是初始化的一个方法Mounting: 一、componentWillMount // 当组件即将挂载到页面的时候执行,页面还未挂载 二、render // 负责页面重新渲染,挂载。 三、component...
2019-05-19 09:06:56 471
原创 react中ref的使用
react获取元素DOM的两种方式1、e.target2、ref<inputid=“insertArea”className=‘input’value={this.state.inputValue}onChange={this.handleInputChange}ref={(input) => {this.input=input}}/>ranhou...
2019-05-16 20:12:18 820
原创 react 虚拟dom和Diff算法
上一篇博客中,提到react的虚拟DOM,新旧虚拟DOM做对比,那么是如何对比,通过什么算法对比呢?就是diff算法,即difference1、同层比对二、通过key值进行比对,提高效率。key值一定要用稳定的数据。比如index实际上是不稳定的。因为删除之后他的下标其实还在,只不过下边对应的值变了。右上图可以看出,循环放到页面的数据,尽量不要用index作为key值。因为,删除一个值的...
2019-05-16 19:12:33 203
原创 react中的虚拟DOM,虚拟DOM为何大大提升性能
此文档通过慕课网学习视频做的笔记看官莫急,急的话,直接看最后 改进方法二 React原始方法1、state数据2、JSX 模版3、数据+模版 结合,生成真实的DOM,来显示4、state发生改变5、数据+模版 结合,生成真实的Dom,替换原始的DOM缺陷:第一次生成真实的完整的dom片段第二次生成真实的完整的dom片段第二次的dom替换第一次的dom,非常耗性能改进方法一...
2019-05-16 16:55:06 1357
原创 props、state与render函数
props、state与render函数当state或者props发生改变的时候,render函数就会重新执行父组件中的数据发生变化,父组件的render函数会重新执行。如果子组件有引用变化的数据,那么子组件的render方法也会被执行eg:父组件内容 <Test content={this.state.inputValue}/>(Test是子组件 )子组件内容:ren...
2019-05-16 15:27:38 435
原创 PropTypes和DefaultProps的使用
PropTypes 和 DefaultPropsimport PropTypes from 'prop-types';//对组件属性进行强校验TodoListItem.propType = {content: PropTypes.string, //content必须是String类型handleItemDel:PropTypes.func,//handleItemDel必须是一个...
2019-05-16 14:54:23 1063
原创 安装react开发调试工具
调试工具的配置在谷歌浏览器中打开如下图第一步:第二部:第三步:第四步:翻墙然后搜索添加只Chrome。然后屏幕的右上方出现如下图可以在调试模式下面看到一些react的数据...
2019-05-16 13:36:34 765 2
原创 react 子组件的引用 父子组件传值
子组件的引用首先在父组件中 import ChildCon from './ChildCon'然后在父组件中直接引用<ChildCon/>父子组件传值通信父组件向子组件传值 父组件通过属性的方式给子组件传值子组件通过this.props.content接收参数## 子组件调用父组件的方法父组件的写法: 父组件将有this参数的方法传递给子组件子组件直接调用...
2019-05-12 20:21:44 273
原创 React中的响应式设计思想和事件绑定
首先在js里面写的一些标签就是jsx语法jsx中,要使用自己创建的组件,直接,首字母必须大写事件绑定,onClick={this.handleMethod.bind(this)}
2019-05-12 19:59:13 520
原创 如何在手机上运行vue-cli项目
一、在控制台查看自己的ip,把http://localhost:8080/换成自己的ip和端口二、用自己的ip和端口号打开项目,比如我的:http://10.6.209.197:8080/#三、复制该地址,用草料二维码生成二维码,然后使用手机扫描安装OK。...
2019-05-02 11:26:02 918 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人