自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 setTimeout异步,for遍历,var let

var 遍历,无setTimeout, 正常情况:无延迟输出//0 1 2var 遍历,setTimeout在for循环外部, 正常情况:延迟1s 后同时输出//0 1 2var 遍历,setTimeout在for循环内部, 正常情况:延迟1s 后同时输出3个3let 遍历,setTimeout在for循环内部,正常情况:延迟1s 后同时输出/0 1 2在使用let时,每次循环时,let定义变量的结果都做了独立模块的解析。let比var在一个块级作用域中的渗透力要强很多,意思就是作用域在向.

2021-04-08 17:42:34 316

原创 今天开始学习微信小程序

2021-04-06 11:03:02 114

原创 Http基础知识整理

五层网络模型目前需要记得的就是HTTP/0.9 只有GET ,服务器发送完毕,就关闭TCP连接HTTP/1.0 加了命令,加了status code和headerHTTP/1.1 长连接(TCP链接不关闭) 管道机制:可同时发送多个请求(有序处理)HTTP2 二进制传输,无序多请求,压缩TCP三次握手,原因:为什么连接建立需要三次握手,而不是两次握手?防止失效的连接请求报文段被服务端接收,从而产生错误。PS:失效的连接请求:若客户端向服务端发送的连接请求丢失,客户端等待应答超时后就会再次发

2021-03-26 19:40:11 164

原创 熟背熟默

水平垂直居中行内元素:父元素text-align:center(垂直居中) line-height等于height(水平居中)块级元素:1.伪元素 inline-block 2.position和translate:transform 3.flex布局1.伪元素 inline-block2.position和translate:transform3.flex布局...

2021-03-02 21:26:09 116

原创 Javascript脑图整理(有道云笔记)

2021-02-21 15:42:59 210

原创 浏览器知识脑图(有道云笔记)

2021-02-21 15:40:33 272

原创 手写简易Promise

先写一个最简单的同步的Promise,首先根据Promise的A+规范// Promise三个状态,pending,fulfilled,rejected .两个值value,reason.// Promise接收回调函数,回调函数的参数为resolve跟reject//// then方法// promise.then(onFulfilled(接受Promise的value值), onRejected(接收Promise的reason值))//使用try catch处理报错<scri

2021-01-14 16:35:52 63

原创 整理下react.hooks

React HOOKS整理内容来自B站eeerinzhang https://www.bilibili.com/video/BV1JE411f7kV?t=838阮一峰博客hooks开发流程(改一个class类为函数hooks)1.import {useState} from React2.class 改const ,传入props3.去掉render4.this.state 改key名setState写为 set+{key名} (改后的方法,如setSide,setDestro

2020-11-27 17:51:27 390

原创 整理下最近学习的webpack

学习的内容来自B站:腾讯NEXT学院目前学习的进度:了解了webpack是干嘛的,webpack大概怎么写,后续关于性能深度调整与优化后续再进行学习命令行全局安装webpack npm install webpack webpack-cli –g本地安装webpack npm install webpack webpack-cli --save-dev生成package.json npm init -y安装loader,如npm install sass-loader node-sass we

2020-11-27 17:45:24 64

原创 整理下Redux的学习经历与反思

学习经历:1.先是看<<redux技术栈>>与<<redux深入浅出>>两本书,看不懂2.看阮一峰博客讲解redux,看不懂3.看B站 录像Dan Abramov 讲解用redux 做一个todoList,看了大概一段时间,越看越晕4.看B站 黑马程序员长沙中心 讲解redux跟react-redux,终于搞懂了基本的流程5.自己写redux的todoList,写的头疼,写到后面还需要用redux-saga和redux-thunk,所以暂时暂停了re

2020-11-27 17:34:10 234 1

原创 React获取input框值的方法

event.target.value inputChange=(e)=>{ console.log(e.target.value) this.setState({ username:e.target.value }) } <input ref={this.myRef} onChange={(e)=>this.inputChange(e)}/>回调Refsconst AddTodo

2020-10-29 14:49:41 240

原创 开始学习理解React文档

之前都是直接上手写React的项目,对React的很多细节跟原理的理解还是不够透彻,今天开始看文档去理解React,并简单的做做笔记https://react.docschina.org/docs/getting-started.htmlJSXJSX是语法糖,也是一个表达式.React.DOM使用小驼峰定义JSX属性名称,如class=>className.JSX表示对象个人理解就是虚拟DOMReact元素元素是构成 React 应用的最小砖块。ReactDOM.render():

2020-10-24 22:15:21 101

原创 整理下异步

Promise的三种状态:Pending(进行中),Fullfiled(完成)[resolve],Reject(失败),一旦状态改变就不会再变先写一个简单的Promiselet a = new Promise(function(resolve,reject){ setTimeout(()=>{ doSomething() if (/* 异步操作成功 */) { resolve(value); } else { reject(error);

2020-10-23 15:02:05 118

原创 简单梳理下cookies、session、sessionStorage和localStorage

cookie和session都是用来跟踪浏览器用户身份的会话方式。cookies,在哪里?浏览器端会过期吗?会存什么?文本安全吗?不安全例子?谷歌浏览器的自动保存账号密码session,在哪里?服务器端创建,发给客户端和cookies的关系?看cookies有没有sessionID存什么?对象安全吗?比cookies安全例子?京东的购物车HTML5新特性,Web Storage,分sessionStorage和localStorage两种sessionStorage:将数据保存在

2020-10-22 16:52:51 165

原创 整理下常见的字符串方法

根据不同用法来记忆会比较好找字符串的位置charAt() — 创建副本 返回字符串中指定位置的字符charCodeAt() — 创建副本 返回字符串中指定位置字符的 Unicode 编码indexOf — 返回字符串中某个字符 首次出现 的位置lastIndexOf() ---- 返回字符串中某个字符 最后出现 的位置对字符串检索search()match()对字符串的增删改substr() — 从字符串中抽取从 start 下标开始的指定数目的字符substr

2020-10-21 12:05:16 228

原创 整理下Javascript的函数

函数的声明方法1.函数声明function f(){}函数声明优先级大于变量提升function a(){ return b; b=10; function b(){} var b="11"}console.log(typeof a())答案:function解析:考察[函数提升]优先级>[变量提升]return后面的不执行function a(){  function b(){} return b; b=10; var b="11"

2020-10-20 22:14:34 172

原创 反思下最近的第一阶段(2020.10)的面试

面试类型:有电话面试的,也有邮件发笔试题的,也有去现场面试的。也有面试自研与外包。公司要求技术类型:有Jquery的,也有要求Vue跟React的。JS的问的题一般都是比较基础的,比如说数组的方法字符串的方法,虽然写代码或工作的时候可以查手册使用哪些方法,但还是记住这些方法比较好其次在HTML5跟CSS部分还是得死记硬背一些题下来之前在学习的时候没有好好去理解技术基础,只关注怎么写代码,导致现在在原理理解这块比较薄弱,之后需要一边刷面试题一边回去补好基础的漏洞。对学习框架的反思上

2020-10-19 18:02:13 92

原创 React.Redux示例

忘了是哪里拷贝的Redux示例,睡前发博客手机看一看<!DOCTYPE html><html><head> <title>Redux basic example</title> <script src="https://unpkg.com/redux@latest/dist/redux.min.js"></script></head><body><div>

2020-10-16 23:33:58 66

转载 JS正则表达式

var RegExp =/模式/修饰符;修饰符i:无视大小写 g:全局匹配 m:多行匹配方括号[abc]查找方括号之间的任何字符[^abc]查找任何不在方括号之间的字符。( )查找任何指定的选项。元字符元字符 描述. 点号 查找单个字符,除了换行和行结束符。\w查找数字、字母及下划线。\W查找非单词字符。\d 查找数字。\D查找非数字字符。\s 查找空白字符。\S 查找非空白字符。\b 匹配单词边界。\B 匹配非单词边界。\0 查找 NULL 字符。\n 查找换行符。

2020-10-14 09:36:48 73

原创 React.Children 递归遍历 使用React.children重构Tabs组件

React.Children.map()有些类似Array.prototype.map()。如果children是数组则此方法返回一个数组,如果是null或undefined则返回null或undefined。<Tabs activeIndex={0} onTabChange={this.changeView}> <Tab> <strong>列表模式</strong> </Tab> <Tab>

2020-10-06 13:43:42 1255

原创 Git使用整理

Git的操作指南git init 初始化git add . 将文件放入暂存区git commit -m 第一次上传demo 提交 并mark’第一次上传demo’git status 查看当前代码状态,查看哪些被改动了git log 提交的记录 webstorm直接有log页面git config --global user.name ''设置用户名git config --global user.email ''设置邮箱git config --global --list 查看当前用

2020-10-05 13:10:16 63

原创 在线账本部署到leancloud

弄的挺曲折的,最后还是弄上线了.简单的记录一下过程吧.先注册了腾讯云的域名然后leancloud用的国际版,然后绑CNAME到腾讯云照着教程修改package.json然后leancloud的命令行CLI进行部署

2020-09-21 18:19:47 98

原创 Fsskay面试题整理

HTML部分1.语义化是什么:举例<p><section><table><footer>为什么:易读易维护,有利于seo怎么做:少用div2.meta viewport 是做什么用的,怎么写?<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"&g

2020-09-18 14:31:57 279

原创 &&与||运算符

首先,从中文语义上来说&&意思为且,||意思为或但在计算机判定中,会将判定的结果返回当运算到某一个变量就得出最终结果之后,就返回哪个变量。即返回的true和false是得出最终结果后的那个变量使用1,2和0,NaN进行console测试console.log(1||2) // 1console.log(1||0) // 1console.log(NaN||0) //0console.log(NaN||1) //1console.log(1&&2) /

2020-09-16 16:54:42 1075

转载 菜鸟教程学习Webpack

电脑windows环境安装webpack遇到了问题,暂未在webstorm上操作实践目前只尝试过使用yarn build,大概知道Webpack打包压缩各类文件用于生产环境Webpack 是什么?Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。安装 Webpacknpm install webpack -gwebpack 命令来打包js文件webpack 原文件.js 打包后的文件.jswebpack命令打包

2020-09-15 14:47:23 239

原创 整理JS与ES6一些概念

来源于网页搜集与阮一峰JS/ES6教程本文为复习手册,更新与图片在自己的有道云笔记中JS冒泡事件冒泡 :当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级,一直到window 。  在前端开发中,有时我们需要阻止冒泡和阻止默认事件的发生。  一、event.stopPropagation()  阻止事件的冒泡,不让事件向documen上蔓延,但是默认事件任然会执行,当调用这个方法的时候,如果点击一个连接,这个连接仍然会被打开。  二、event.preventDefault()  

2020-09-13 19:33:57 213 1

原创 写在线账本时候的一些抽象思路

先分析账本的结构划分不同的组件组件要怎么写?先判断是容器型组件container还是静态性组件component要传入什么(参数?data?方法?state?),又要传出什么(JSX?方法?数据?)construtor中state要写哪些?(数据\状态[Loading,open,pass…\selected,choosed]方法要怎么写?如果是要子组件传数据回父组件,那么就需要父组件将方法传入到子组件中<PriceForm onFormSubmit={this.su

2020-09-08 17:05:22 97

原创 初次接触React

目前写完在线账本后对React的浅薄理解1.面向对象,单向数据流,对数据的处理是React的关键. 刚接触React的时候觉得与原生JS和JQUERY完全不同,看视频看得一头雾水,相对来说React更为抽象一点2.React的JSX与组件比较方便React 快速构建 React 开发环境$ cnpm install -g create-react-app$ create-react-app my-app$ cd my-app/$ npm/yarn startJSX的点1.API写法与原生不

2020-09-08 12:32:06 187

原创 好记性不如烂笔头。 站在岸上学不会游泳。

写博客的目的1.记录自学代码时遇到的知识2.记载其他优秀程序员的经验总结3.总结收集遇到的bug以及自己犯下的错误4.对代码知识的梳理与总结5.养成记录技术积淀的好习惯

2020-09-07 16:11:38 339

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除