- 博客(28)
- 收藏
- 关注
RSS订阅原创 JS高级程序语言设计（第四版）学习笔记
使用JS直接操作DOM时，浏览器会进行大量的重绘重排JS模块化：拆开js，a.js,b.js React组件化：html，css，js和图片等其他东西都拆开命令式编码：把id取出来然后设置，声明式编码：可以归纳抽离的实现，开发者要做的事只是描述我要的是什么样子，具体怎么做不需要开发者管。...
2022-05-25 09:34:28
316
原创 实习总结（三）——ref,纯函数，git,渐变透明
点击切换组件display:none，把两个组件重叠sourcehansanscn引入input range更改样式禁止文字被选中 user-select:none
2021-03-23 23:01:51
275
原创 CSS modules、div居中
用CSS modules的作用：产生局部作用域和模块依赖，防止不同组件用同一个类名时，样式出现冲突。用法：在React开头引入样式作为对象import style from './App.css'引用style.title代表一个class，在css文件中写的是.title{color:red;} 在jsx中，用的是<h1 className={style.title}>Hello world</h1>构建工具会将类名style.title编译成一个hash字符串，同时c.
2021-03-14 16:32:43
234
原创 BFC,margin设置负值，圣杯、双飞翼布局的实现
BFC是块级格式化上下文，属于定位方案中的普通流（定位方案包括普通流、绝对定位、浮动）body 根元素浮动元素：float 除 none 以外的值绝对定位元素：position (absolute、fixed)display 为 inline-block、table-cells、flexoverflow 除了 visible 以外的值 (hidden、auto、scroll)同一个BFC下的元素，外边距margin会产生重叠；BFC可以包含浮动的元素（清除浮动）；BFC可以防止元素被浮
2021-03-13 20:11:15
247
原创 函数防抖与节流，js中的事件循环机制
###函数防抖与节流前言：下列场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃：window对象的resize、scroll事件拖拽时的mousemove事件射击游戏中的mousedown、keydown事件文字输入、自动完成的keyup事件节流throttle。如果是第一次调用该函数，那么会马上调用func，否则就会记录当前时刻，当第二次调用的时间间隔超过wait时，才调用func。防抖debounce。当调用动作n毫秒后才会执行该动作，
2021-03-12 11:57:08
172
原创 Hook
Hook是什么？是一个特殊的函数，可以在函数组件中让你“钩入”React的特性（如React state和生命周期等特性）。比如useState是允许你在React函数组件中添加state的Hook。什么时候用Hook？如果在编写函数组件时意识到需要给它加一些state，以前的做法是必须转化为class，现在可以在现有的函数组件中使用Hook。useStateuseState与class里面的this.state提供的功能完全相同，一般在函数退出后变量就会消失，而state中的变量会被React.
2021-03-10 13:55:08
250
原创 antd的按需引入+自定义主题
1.安装依赖：yarn add react-app-rewired customize-cra babel-plugin-import less less-loader2.修改package.json...."scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-sc
2021-02-22 16:51:14
355
2
原创 react-router
history createBrowserHistory()直接使用H5推出的history身上的API,createHashHistory()使用hash值（锚点）。react-router-dom用于web的库。是react的一个插件库，专门用来实现SPA应用，基于react的应用基本都用此库。需要npm add react-router-dom使用路由的套路：1.找到导航区和展示区；2.在导航区中，编写路由链接。在原生html中，靠<a>跳转不同的页面，在React靠路由链..
2021-02-22 16:47:32
175
原创 redux——阮一峰
Redux的设计思想就是：1.Web应用只是一个状态机，视图与状态是一一对应的；2.所有的状态都保存在一个对象中。Store就是保存数据的地方，整个应用只能有一个Store。Redux提供createStore这个函数来生成Store。import { createStore } from 'redux'; const store = createStore(fn)createSotre函数接收另一个函数为参数返回新生成的Store对象。State:如果想得到某个时点的数据，就要对Store生成快照。.
2021-02-19 13:34:09
4020
1
原创 实习W2——入口文件设置、扩展运算符、浅复制与深复制、伪类webpack、自定义checkbox、受控/非受控组件
先在入口文件设置p、ul等等。-group是写css的捷径？
2021-01-24 22:39:26
219
原创 在create-react-app中配置less
首先在终端中写npm i --save-dev less less-loader。安装less、less-loader两个包在终端中写npm run eject，暴露webpack。在项目文件夹中会出现config文件夹，其中会有webpack.config.js文件。在 webpack.config.js 中 “style files regexes” (58行) 添加 less ==》即照着Sass改一份Less的const lessRegex = /\.less$/;const less.
2021-01-20 18:00:14
419
原创 实习总结W1——setState()同步异步、回调函数、Cookie与Session
setState()会出现state延迟更新的情况，可以用setTimeout函数调用setState来改进。antd的select，要想重置选项框，要把select的value设置成等于state中的一个值，每次onChange的时候，setState这个state等于value。在重置button中设置这个state为undefined【如果是’’，将不会显示placeholder】tracking session？保存用户信息？post、fetch中的请求网站url，只用写api后面的东西？.
2021-01-17 19:36:13
586
原创 神经网络初学
epochs：当一个完整的数据集通过了神经网络一次并且返回了一次，这个过程称为一个epoch。随着epoch数量增加，神经网络的权重的更新次数也增加，曲线从欠拟合到过拟合。batch_size：批量尺寸。batch_size的正确选择是为了在内存效率和内存容量之间寻找最佳平衡。batchsize与一次epoch迭代次数的关系是：单次epoch=(全部训练样本/batchsize)/iteration=1。batchsize提高，单次epoch的迭代次数减少。经验总结：相对于正常数据集，如果batch.
2020-12-21 15:03:42
772
原创 数据结构与算法邓俊辉——（三）
列表从向量到列表，是从静态到动态。列表的基本组成单位叫做节点node。各节点通过指针或引用彼此联接，在逻辑上构成一个线性序列。前驱、后继。首节点、末节点。列表改用循位置访问的方式。利用节点的相互引用，找到特定的节点。实现：列表节点是独立地“封装”起来的。ListNode列表的ADT接口列表的C++实现 List头尾哨兵不可见头、首、末、尾的秩分别理解为：-1、0、n-1、n。排序算法选择排序：依次在剩余数据中获得最大的那个。然后把最大的那个放到后缀有
2020-12-15 16:22:13
143
原创 数据结构与算法邓俊辉——（二）
向量抽象数据类型：数据模型+定义在该模型上的一组操作（vector、list）数据结构：基于某种特定语言，实现ADT的一整套算法向量(vector):是数组的抽象与泛化。由一组元素按线性次序封装而成。各元素与[0,n)内的秩一一对应。元素类型不限于基本类型。向量ADT接口向量构造函数：基于复制的构造，构造出两倍的容量。静态空间管理：开辟内部数据_elem[]并使用一段地址连续的物理空间，可能会存在上溢和下溢。动态空间管理：在即将发生上溢时，适当地扩大内部数据的容量（容量加倍）。扩大时仍然采用
2020-12-13 20:38:57
376
1
原创 数据结构与算法邓俊辉——（一）
计算：研究对象：规律，技巧；研究目标：高效地计算，低耗。计算的概念：借助某种工具，按照一定规则，以明确而机械的形式进行。算法： 输入——待处理的信息（问题）输出——经处理的信息正确性——的确可以解决指定的问题确定性——任意算法可以描述为一个由基本操作组成的序列可行性有穷性好算法：正确、健壮、可读、效率（速度尽可能快，存储空间尽可能少）评价计算模型总是选择最坏的情况。大O记号。...
2020-12-13 14:53:52
446
转载 前端小项目——2048私人订制
游戏架构大致如下图所示，是典型的M（model游戏数据）V（view视图）C（control）结构。我们的2048也是如上图结构所示。其中由于2048不需要什么游戏数据，所以无Model；游戏主逻辑是游戏的主函数，包括在main.js中；视图UI是html+css；支撑逻辑包含在support2048.js中；动画效果逻辑包含在showanimation2048.js。UI部分（html+css）HTML设置大致的布局——包含<header>和grid-container结构。&l
2020-11-27 17:37:01
545
1
原创 C++入门（二）【类】
类规范由两个部分组成：1.类声明：以数据成员的方法描述数据部分，以成员函数（简称方法）的方式描述公有接口；2.类方法定义：描述如何实现类成员函数。通常程序员将接口（类定义）放在头文件中，将实现（类方法的代码）放在源代码文件中。private与public表示了对类成员的访问限制。只能通过公有成员函数（或友元函数）来访问对象的私有成员。由于隐藏数据是OOP的主要目标之一，因此数据项通常放在私有部分，组成类接口的成员函数放在公有部分。（成员函数也可放在私有部分，用来处理不属于公有接口的..
2020-05-12 23:20:04
288
原创 C++入门（一）
命名空间（解决合作编程时命名冲突的问题）C++头文件的现状：1.旧的C++头文件：iostream.h,fstream.h（不在std里面）；2.新的C++头文件：iostream,fstream（在std里面）；3.标准C头文件：stdio.h,stdlib.h（不在std里面）；4.具有C库功能的C++头文件：cstdio,cstdlib（内容与旧的C头文件相同，但在std里面）。在std...
2020-03-11 11:22:47
138
原创 python(2) python的基本数据类型
python的变量不需要提前声明，直接赋值即可，但使用变量之前要赋值。【字符串赋值为a=‘hello’python允许同时为多个变量赋值，如a=b=c=1。也可以为多个变量赋不同类型的值，如a,b,c=1,1.323,‘hello’python中有六个标准的数据类型：Number（数字），String（字符串），List（列表），Tuple（元组），Set（集合），Dictionary（字典...
2020-03-11 10:59:04
535
原创 非科班关于gan的一点点学习
定义Gan（生成式对抗性网络）是一种无监督学习模型。模型通过框架中的两个模块：生成模型（Generative model）和判别模型（Discriminative model）互相博弈学习从而产生较好的输出。判别模型是：输入变量，通过某种模型来预测（给一张图，判断这个图是狗还是猫）生成模型是：给定某种隐含信息，来随机产生观测数据（给一系列猫的图片，生成一张不在数据集里的新的猫的图片）g...
2020-03-11 10:58:39
129
转载 数字图像处理（6）——连通区域标记
I= imread('pic3.jpg');I=rgb2gray(I);figure(1);imshow(I);I=imbinarize(I);[L, num] = bwlabel(I);STATS1=regionprops(L,'Perimeter'); ahe=size(STATS1);figure(2);imshow(I);m1=ahe(1,1);m=zeros(2,m...
2019-10-21 21:39:04
1246
转载 数字图像处理（5）——边界跟踪
创立edge_search函数function coor = edge_search(I)%边缘跟踪%输入：灰度图矩阵（可用Matlab自带图像 rice.png 进行测试%输出：米粒边缘坐标（顺时针%%%转化为标记矩阵I = I >130;L = bwlabel(I);%标记连通图像[row,col] = size(L);connected = zeros(row...
2019-10-21 21:22:58
1505
转载 数字图像处理（4）——统计rice.png中有多少粒米
% clear;% close all;a=input('Enter the picture address:','s');%例如rice.pngb=input('Enter 4 or 8:'); %4连通，8连通c=input('Is a RGB image:','s'); %y,nI = imread(a);connect_type=b...
2019-10-21 20:47:28
1182
原创 数字图像处理（3）——直方图规定化
im = imread('pic2.jpg');im=rgb2gray(im); %将原始图像改为灰度图imRef = imread('pic1.png');imRef=rgb2gray(imRef); %将参考图像改为灰度图hist = imhist(im); % 获取原始图像im的直方图histRef = imhist(imRef)...
2019-10-17 19:42:43
1269
原创 python（1）
今天用了pycharm，终于运行出了第一个程序。对于pycharm而言，最上面的是编译器，terminal是终端，如果输入python，就可以一行一行地运行输入的程序。如果是一个箭头的模式，输入python practice.py就可以运行practice中的程序。如果某行的程序过长，可以用\来分割语句python是不需要用大括号{}的，而是用缩进来代表语句块的。如果缩进的空格数不一致，则...
2019-10-10 11:11:01
141
原创 数字图像处理（2）——图像放大
在matlab中，有专门的函数 imresize来进行图像放大，本篇文章将不采用调用函数，分别用近邻插值[Nearest-neighbor interpolation]、双线性插值[Bilinear interpolation]来进行图像放大。近邻插值I=imread('pic2.jpg');Igray=rgb2gray(I); %rgb2gray函数是将彩色图像转为灰度图像figure,...
2019-09-25 19:57:30
2655
原创 数字图像处理（1）
一些基本的Matlab语言 I=imread('图像名.jpg'); #图像需要在matlab的文件下才可导入 figure,imshow(I); #figure表示另开一个新窗口，imshow表示显示I图像 title('x x x'); #在图像上增加一个标题图像增强每个像素值加100:J=I+100;图像直方图均衡化：如果是彩色图片...
2019-09-18 21:01:22
1233
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人