- 博客(33)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 简单粗暴react-redux基本用法
此文用最速的方法使用react-redux包，省略大量的细节，跑通使用react-redux控制的一个组件。使用redux的基本原因，是为了保证单向数据流和集中状态管理。所有的状态都保存在context中的总体状态(被称为store)里，这样所有组件都访问唯一的store。而组件本身不管理状态，只是向这个store发送action，而发送的action会被reducer处理，进而修改store。store如果被修改，则向页面发送props，令页面重新渲染（大致流向，用词不准确）。如此，数据流成为了单一的
2020-05-24 20:25:24
370
原创 通俗方法串联理解js中常用的callback，promise以及async await
假设有一堆人要去上厕所，然而厕所只能同时容纳固定的人数。这时候有个管理员坐在厕所门口，由他来决定一个人可不可以进入厕所，如果不可以则返回err，如果可以则返回data，这是callback function，以读取文件为例，“不可以”按照规矩要优先抛出，就像是管理员告诉你“里面满了”比“可以进去”要优先一样。const fs = require('fs');fs.readFile('./test.js', 'utf-8', (err, data) => { if(err){
2020-05-09 10:03:10
286
原创 再次理解react生命周期函数
在学习react的过程中，生命周期函数是一个非常核心的概念，对react生命周期函数的了解就是对react工作机制的了解。而生命周期函数对于初学者而言不好记忆，故有此文作为理解和梳理生命周期函数这个知识点。核心是constructor和renderreact的class component最核心的生命周期函数是这两个。constructor是用来初始化state和绑定类方法的，而render...
2020-05-03 07:18:28
174
原创 React to-do-list官方推荐示例详细学习
用react做to-do-list是上手react的一个基本练习。就像玩游戏一样，游戏有一以贯之的逻辑，越早把握基础逻辑的玩家就越能轻松驾驭游戏。这个官方示例对于我来说学习价值极高，试以现在的眼光深入学习一下。示例文件结构拆分：这个示例中，TodoApp包含了TodoList和TodoInput组件，TodoList包含TodoItem组件这个拆分方法其实向我们展示了一种react的惯用结...
2020-04-26 20:55:03
673
原创 理解js bind和this
js中只有两大类数据类型，即基本数据类型（Number, String, Boolean, Null, undefine, symbol)和引用数据类型(Object)。Object可以用符号{}来表示，比如函数的函数体function(){}也是一个Object。所有的运行环境（context）本质上都是在一个Object的内部，而bind方法则是将一个函数绑定为一个Object的属性，也就...
2020-04-23 11:54:13
248
原创 三分钟初步理解闭包
Link: React学习之道Summary：React与es6有很紧密的关系，很多es6的语法糖可以让react代码极其简洁而可读，初步总结如下：使用模板字符串来拼接URL地址const DEFAULT_QUERY = 'redux';const PATH_BASE = 'https://hn.algolia.com/api/v1';const PATH_SEARCH = '/s...
2020-04-19 20:05:34
192
原创 总结js中关于路径的写法
在js中，经常会出现的一个问题就是路径写不对的问题，尤其是相对路径理解不到位的问题。在此进行总结：首先，相对路径最重要的一点是看：引用者是谁， 经常会搞错路径的原因就在引用者上，因为对于一张背景图片或者字体来讲，引用它的有可能是html标签中的style，有可能是css文件，所以对于引用者不同，路径的写法也有不同。单独写一个/指的是根目录；./指的是同级别的目录，如果写././指的与./是...
2020-03-23 07:26:24
6418
原创 img标签的小bug
在img标签互相靠着的时候，会出现一条小间隙，这个间隙是一个bug，把img标签靠着写就会去掉。解决方案是用给图片加浮动清除
2019-09-20 15:46:11
185
原创 小练习：轮播图
案例中涉及了定位，清除浮动，居中方法等内容。配合position和margin就可以完成定位。<div class="main clearfix"> <div class="left"> <img src="img/left-circle.png" height="30" width="30" alt="img"/> </...
2019-09-20 14:54:23
266
原创 关于css3 box-sizing属性
在css3中，box-sizing提供了两种选择，一个是content-box，一个是border-box。content-box的模式里，元素设定的宽和高为内容宽高；而border-box中，元素设定的宽高为整体元素呈现出来的宽高。使用第二种模式就省去了计算，能够十分简单地，不需计算内外边距而设定好整个元素应该占多少宽高 <style> div { ...
2019-09-19 09:15:48
137
原创 css中的属性选择器
在css中，可以使用[]来对元素进行属性选择，找到含有同一个属性的元素。比如a[title=‘me’]可以选中有title为me的a标签。这里面可以进行匹配，使用的字符与正则表达式相同，^表示匹配属性值某个片段前面的所有部分，$表示匹配属性值某个片段后面的所有部分, *表示在属性中出现了某个片段的所有元素。<style> li[class$=me]{ ...
2019-09-19 08:53:45
144
原创 css 父子嵌套关系margin合并问题解决方案
在css中，父子嵌套的元素会发生子元素margin失效的问题。比如：<style> .parent{ width: 100px; height: 100px; background-color: red; margin-top: 100px; } ...
2019-09-19 08:38:35
974
原创 在js中试图引用html片段的问题
在js中，当要引用html的时候，比如说把一段html赋值给一个变量，这个时候会遇到转义的问题，html中的引号和换行都需要转义。这样就十分麻烦。有一个办法就是使用反引号 ` ，来引用html块，里面的内容就可以不需要转义直接被使用。...
2019-08-19 19:06:14
401
原创 记忆css中justify-content 和 align-items的对齐作用
justify-content是在水平轴上进行对齐；align-items是在竖直方向上进行对齐；简单记忆方法，justify-content这个单词更长，在横向上延展——
2019-07-22 20:42:01
1411
原创 使用css3的calc中的一个会出现的问题
width:calc(100%-30px);这样写会失效；必须写成：width: calc(100% - 30px); 这里css3莫名其妙地对空格敏感了，要注意。
2019-07-22 18:53:24
334
原创 在bootstrap中使用height出现无效的情况
bootstrap使用的时候，h-100这种class是针对父元素的高度进行计算的，所以很多时候，必须要把body和html的高度在css中修改到100%才可以令h-100这种命令生效。bootstrap使用需要遵守它使用的案例来，不然很容易失效。当bootstrap不好用的时候，就考虑用css直接做是最直接了当的办法。...
2019-06-20 18:09:27
1661
原创 在bootstrap4中将导航元素放到右边的办法
```<nav class="navbar navbar-expand-lg navbar-dark bg-dark bg-dark"> <div class="container"> <a class="navbar-brand" href="#"> Lawrence </a> <ul class="navbar-nav...
2019-06-19 16:42:28
5740
2
原创 关于css中的position定位
通常会提到的position有几种：position:static 就是标准流定位，是默认设置position:relative 是相对定位，这个相对是相对于标准流的，所以显然元素不会脱离标准流。position:absolute 是绝对定位，元素脱离标准流并且参照父元素进行定位。position:fixed 是固定定位，元素脱离标准流并且参照视窗进行定位（一般用在标题栏），可以预见到使...
2019-05-29 11:51:48
258
原创 使用Excel表格进行数据清理
Excel表格可以用来学习初级的数据分析。有一些数据清理阶段遇到的小技巧，在此记录一下。数据清理主要的工作步骤是：调整样式→删除重复值→处理缺失值→一致化处理→数据排序→异常值处理打开Excel表之后乱码：造成乱码的原因和编程中时常遇到的字符编码出错是同一个道理，一般是因为导进来的时候本来表格是用csv或者是文本的形式，这样编码方式是阿斯卡码，而不是utf-8，总之目标是将utf-8的格式...
2019-05-10 18:48:22
5544
原创 关于CSS中的float
以前总是分辨不清float这个让元素移动的属性怎么用，这里有一个形象的方法可以理解。float英文是漂浮的意思，这个漂浮，实际上相对于二维的页面来讲，是在z轴上的浮动。也就是说，我们假设看到的屏幕对外延伸还有一个高度，即z轴，浮动就是让这个元素在z轴上比其他元素提高一层，然后左右移动。这样就不难理解浮动为何会令元素脱离标准流。而页面渲染的机制是根据标准流从上至下的，这样就可以理解元素依据标准...
2019-05-02 14:34:01
135
原创 初玩《剑与家园》体验和对游戏设计的一些思考
我最近接触到一款新的手游叫《剑与家园》，因为其玩法机制上与其他手游有很大的不同，想要谈谈我对这款手游设计的理解和一些思考。刚打开这款游戏的时候，我忽然意识到自己可能有十年以上没玩过《英雄无敌》了。记忆中，初次玩《英雄无敌3》的时候，我还是小学生。一群小孩围拢在闪烁着炫光的老式的win98系统电脑前，斤斤计较第一周生产出比蒙巨兽速推对方基地的时机，恍然间那么多年就过去了。《剑与家园》游戏的开始...
2019-03-24 14:01:14
362
原创 描述统计学初步
统计学是数据时代的入门基础。简而言之，统计学就是利用数据收集去发现生活中每一件事背后的“模式”。有的时候，一件意外发生了，我们感觉到惊诧。但万事万物的背后都有“道”的存在，这个“道”，其实就是这种模式。一旦将数据收集起来，然后去观察这些生活中存在的模式，就是在使用统计学的方法。而统计学也同样有很多前人总结的方法让我们来学习和掌握事物背后的规律。这让我们用一种特殊的视角去看待世界。但是，一大堆...
2019-03-23 10:35:47
291
原创 数据分析学习框架整理
发现问题我大学毕业之后曾经在建筑设计专业干过三年，因为对建筑行业不太与时俱进感到不满，想要无论如何进入互联网行业发展。那时候对互联网行业的了解非常薄弱，当时交互设计十分热门，有很多朋友天天玩手机游戏，我觉得自己以前是设计的专业，直觉地感到要是自己能作手机游戏相关的内容就好了，于是就出国读了交互设计的硕士。在国外的大学读交互设计的时候，因为一直是小组制的作业完成方式，我绝大多数时候都在做用户分析...
2019-03-22 08:36:56
518
原创 极简SQL入门知识
为了准备学习网络编程的知识，尝试从应用到原理的top-down方式学习，尝试对SQL入门，这里记载最精简的SQL入门知识，是从廖雪峰官网上学习的。基本概念SQL其意为structure query language，结构化查询语言。目标是替应用程序增删改查数据。其操作的对象是关系数据库，实际上就是可以实现一对多，多对一，一对一状态的表格。一对多的状态是常见的，比如一个班级对应多个学生；反过...
2019-03-18 10:43:39
160
原创 用keras框架完成多项式回归Polynomial Regression模型构建
概念：机器学习的问题包括分类问题和回归问题。分类问题是用模型划分类别，回归问题是用模型预测输入的输出。有多种回归的技术，包括线性回归 (Linear Regression)，逻辑回归(Logistic Regression)， 多项式回归（Polynomial Regression），逐步回归（Stepwise Regression），岭回归（Ridge Regression），套索回归（L...
2019-03-13 17:52:03
1469
原创 用keras框架搭建神经网络——（五）识别交通标志
从这一个阶段开始，搭建的神经网络将用于更加贴近生活的实用场景，并逐步尝试优化用户体验做成某种“产品”。导入包，下载数据集数据集来源：https://bitbucket.org/jadslim/german-traffic-signs ，其中包含一个csv文件和三个pickle文件，csv文件将不同的交通标志名称对应到不同的class数字标号分类中，三个csv文件分别对应着训练集，测试集合验证...
2019-03-13 09:45:54
2953
6
原创 用keras框架训练深度神经网络——（四）卷积神经网络
今天看了卷积神经网络的基本概念，并实际应用了一次。使用卷积神经网络的原因在于对于图像识别来说（目前我接触过的内容），如果大量输入图像的像素点进行深度神经网络的学习，那么随着层数的增多，参数值会以几何数增长因为每个神经元如果完全连接下一层其他神经元，那么在两层网络之间就会出现nxm个参数，这导致计算量极大地被增加。为了减小计算量，一个思路就是减少输入的数量。而卷积神经网络就是依靠filter，也...
2019-03-12 18:12:44
471
原创 学习编程的心得（一）
经过了一周左右密集的学习，仔细地回顾和评估了自己学习的过程，我切实地发现28定律在编程学习中同样发挥着作用。在很长一段时间以前的学习中，我总是试图把一本书从头读到尾，或者是找一个视频课，想要从头到尾跟着做，但结果不是做不完放弃，就是看完之后感觉到还是什么都不会。这一周我发现了编程学习中那百分之二十产生效益的地方在哪，因此将改善学习方法，提升效率。简要地说，编程学习的那百分之二十飞速提升效率的地...
2019-03-12 16:42:04
5689
1
原创 用keras框架搭建神经网络 ——（三）识别手写数字
今天进阶到手写识别神经网络的搭建。导入包import numpy as npimport matplotlib.pyplot as pltimport kerasfrom keras.datasets import mnistfrom keras.models import Sequentialfrom keras.layers import Densefrom keras.o...
2019-03-11 09:24:41
720
原创 Keras框架训练深度学习模型 ——（二）多个分类的情况
这是学习用keras框架组装神经网络进行学习的第二个台阶，使用softmax函数来进行多分类模型的搭建。导入包import keras#这是一个用来导入数据集的包from sklearn import datasetsimport matplotlib.pyplot as pltfrom keras.models import Sequentialfrom keras.layer...
2019-03-10 16:45:15
1125
原创 使用keras框架训练一个简单的深度学习模型——（一）线性模型解决分类问题
在udemy上上The complete self-drving car course，根据课程的教法训练了一个最简单的深度学习模型，本文详细记录训练此模型的每个步骤以及代码含义。导入包，keras.models 导入的是Sequential模型，keras.layers导入了一种叫Dense的层，这是一种每个单元都与上，下一层的每个单元有连接的层，每个单元都完全地建立连接就是这个层的形式，A...
2019-03-09 16:39:01
906
原创 关于numpy.shape容易搞错的一个点
在使用numpy的时候，查询np.array的形状是一个容易产生困惑的点，这里进行着重说明。numpy.shape中有多少个元素，代表数组是多少维。一维数组的.shape中有一个元素，二维数组的.shape中有两个元素，以此类推。另外一维数组因为只有一维，所以形式是(n, )，n表达的实际上是“行数”；而二维数组则是(m, n)，m代表数组有多少行，n代表数组有多少列， 可见在新增加了维度之后...
2019-03-09 13:00:24
477
keras构建神经网络识别43种交通标志
2019-03-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人