![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
黑芝麻饺子
心如止水,嚣张,哑巴
展开
-
RN - 采坑记录
采坑记录1.react-router-native1.1Link2.Dimensions获取的宽高与实际不一致1.react-router-native1.1Link不要在内部元素中加外边距样式,不然后出现视觉上伪边框(颜色与设置的遮盖色一致)2.Dimensions获取的宽高与实际不一致const height = Math.round(Dimensions.get(“window”).height),布局的时候最好还是用100%待续…...原创 2020-05-27 17:36:47 · 381 阅读 · 0 评论 -
typeScript--基础学习
typeScript因为是js的超类,所以大致上还是很容易学的,所以总结一下差异1.菜鸟新增1.定义元素变量是需要使用:注释改变量的类型优化了js的弱类型语言,影响我花里胡哨的骚操作2.单一类型数组类定义时可以使用Array<类型>或者类型[]的形式声明即let arr : Array<String> =['hello','word'];或者let arr...原创 2019-09-03 18:13:12 · 558 阅读 · 0 评论 -
react生命周期
react生命周期1.组件的constructor构造,不添加state会提示无用,建议删除2.componentWillMount组件挂载之前3.render渲染4.componentDidMount组件挂载之后(官方建议这里使用axios请求,我喜欢在1或者2)更新:...原创 2019-08-30 16:45:30 · 121 阅读 · 0 评论 -
react--简单组件使用axios
react–简单组件使用axios先试用nodejs构建一个服务器//app.jsconst express = require('express');const serve = express();serve.listen(3001);serve.get('/data/demo1',(req,res)=>{ res.send({ code:1,...原创 2019-08-26 10:41:34 · 992 阅读 · 0 评论 -
creat-react-app-基础学习(三)
for循环import React , { Component } from 'react';export default class MyFor extends Component { constructor(props){ super(props); this.state = { arr : [ ...原创 2019-08-13 10:01:24 · 93 阅读 · 0 评论 -
creat-react-app-基础学习(二)
基础操作1.if语句import React from 'react';//变量值,不会被其他文件直接获取,可以看做私有变量let tool;//获取一个随机数function changeTool (){ tool = Math.floor(Math.random()*10)+1; console.log(tool);}//返回一个模板function Dem...原创 2019-08-12 20:05:08 · 146 阅读 · 0 评论 -
creat-react-app-基础学习(一)
react脚手架参考1.官方文档2.安装和创建跳过1.脚手架文件目录了解1.node_modules 脚手架npm资源包2.public静态资源3.src编写脚本和存放动态资源的地方4. .gitignore文件,上传git时忽视一些文件5. package.json6. REANME.md git参考的项目说明7. yarn.lock 没太懂,但感觉很牛逼,像是设备间兼...原创 2019-08-12 14:50:21 · 432 阅读 · 0 评论 -
create-react-app -基础练习-2048制作
2048制作总结1.安装node-sass时要重启npm start2.在移动位置时,可以0位跳过循环,减少代码执行次数3.在所有格子满了之后,再执行游戏是否结束的判断4.使用touchStart和touchEnd时间监听滑动起始和结束坐标,根据水平和垂直的移动距离差值,判断用户是水平还是垂直滑动,当值一致时.默认垂直滑动5.使用this.setState({})修改数据6.通过前后...原创 2019-08-15 09:49:54 · 180 阅读 · 0 评论 -
create-react-app-路由基础复习--底部导航栏制作
基于路由和制作一个底部导航栏//Tabbar.jsimport React , { Component } from 'react';import { Link , BrowserRouter as Router } from 'react-router-dom';import './Tabbar.scss';export default class Tabbar extends Com...原创 2019-08-19 09:44:57 · 674 阅读 · 1 评论 -
笔记--正则命名捕获
记match返回结果的中groups参考命名捕获分组总结‘123’.match(/(1)(2)(3)/),结果中返回一个满足条件的字符串,然后根据括号对这个字符串进行拆分,一个括号就相当于push()一下这时候无意义的下标对于后期在失去注释,或无意义/不全的注释的状态下维护,会让我们的维护增加难度所以在括号内容前以?<名>的形式增加一个申明,例如(?<id&g...原创 2019-07-27 11:16:09 · 166 阅读 · 0 评论 -
笔记--编程中一些快捷的写法
//动态的调用同一个的数组中的内容//例如:轮播图let arr = [1,2,3];let index = 0;{//动态赋值的代码//使用取余的方法,在index长度为length时,获得余数0,减少了判断流程index = (index +1 ) % arr.length;}…待续...原创 2019-07-30 11:08:42 · 88 阅读 · 0 评论 -
笔记-Canvas-画笔的存储与恢复机制学习
save()和restore()1.画笔的两种状态方法,保存和恢复( ()=>{ //获取画布元素 let canvas = document.getElementById('demo2'); //获取画笔 let ctx = canvas.getContext('2d'); //开始绘画路径 ...原创 2019-07-25 09:28:26 · 406 阅读 · 0 评论 -
H5--canvas--笔记-画笔-直线-矩形-圆-圆弧
canvas学习笔记1.获取画笔通过DOM操作获取canvas元素节点之后(变量名为canvas);let ctx = canvas.getContext(“2d”);就可以获取canvas的画笔了;2.画笔的样式对画笔的操作,也就是调用画笔对象的方法,所以以ctx.开头,方法名是小驼峰画笔的宽度ctx.lineWidth=“4”;画笔的颜色画笔的颜色因为画法的不同,分为两种...原创 2019-07-24 12:47:42 · 847 阅读 · 0 评论 -
高清html字体样式--响应式布局--笔记
转自https://www.cnblogs.com/lidongfeng/p/7243650.html!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,...转载 2019-07-05 10:18:49 · 338 阅读 · 0 评论 -
记录一下稀奇古怪的问题---Vue
chrome F12手机测试先上个图v-if切换不同div时,两个div里面的input的值,会被放到另一个上面;我没有双向绑定,绝对没有原因:因为两者的data-v-id是同一个,底层的双向数据劫持,就把他们两的value变成同一个了,所以是我懒没有做更细致的子组件,贼难受原理v-if和v-show的本质区别if不满足条件的时候,元素容器及其子元素都不出现在DOM数上show只...原创 2019-07-09 20:07:01 · 105 阅读 · 0 评论