- 博客(40)
- 收藏
- 关注
RSS订阅原创 mobx环境配置、基础知识
一：Mobx介绍mobx——简单、可扩展的状态管理库. 通过透明的函数响应式编程使得状态管理变得简单和可扩展使用原理：名词概念：State：状态，应用依赖的最小状态集，没有任何多余的状态，也不需要通过其他状态计算而来的中间状态；Computed value：计算值，是根据state推导计算出来的值；Reaction：响应，受state影响，会对state的变化做出一些更新ui、打印日志等反应；Action：动作，建议是唯一可以修改状态的方式；Mobx整体是一个观察者模式，存储sta
2021-08-23 11:18:09
1308
原创 Mac react-Native 项目 npm start 时候时候报错too many open files...
react-Native 项目 npm start 时候时候报错首先修改文件上限之后无效然后安装watchman,但是在此之前要先安装brew运行这个命令ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 之后 报错重新运行/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/
2021-07-12 15:39:54
655
原创 JS学习篇（六）——DOM
说到DOM相信都非常熟悉，是Document Object Model,也就是文档对象模型，一种独立于语言，用于操作xml，html文档的应用编程接口，它允许脚本控制web页面、窗口、和文档DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML DOM - 针对 HTML 文档的标准模型那么知道了DOM定义之后，它到底有什么功能呢？1：查询某个元素2：查询某个元素的祖先、兄弟、以及后代元素3：获取、修
2021-02-03 22:46:51
98
原创 JS学习篇（五）——BOM
所谓BOM 就是浏览器对象模型BOM能够有能力使JavaScript有能力和浏览器对话 其中有几个非常重要的对象：window：是浏览器的一个实例，在浏览器中扮演双重角色，即是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的global全局对象下面是window的子对象：location：用于获取当前页面的URL，并且将浏览器重定向到新的页面上去history：包含了浏览器上的地址screen： 包含了用户有关屏幕的信息Navigation ：包含有关访问者浏
2021-02-03 22:44:24
140
原创 JS学习篇（四）—— 原型和原型链
工厂模式定义：抽象了创建具体对象的过程优点：解决了创建多个相似对象的问题缺点：没有解决对象识别的问题（也就是怎么知道一个对象的类型） function createPerson (name,age,job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function () { console.l
2021-01-21 23:01:40
104
原创 JS学习篇（三）——引用类型篇
Array创建数组的基本方式有两种：第一种是利用Array构造函数var color = new Array();可以接受一个数字参数，表示数组的长度var color = new Array(20); //创建了一个长度为20的数组也可以传递数组中应该包含的项var color = new Array("green","red");第二种是采用数组字面量的方式：var color = ["red","green","blue"];var color = [1,2,] 返回结果
2021-01-19 22:05:32
88
原创 JS学习篇（二）——执行上下文，闭包，垃圾回收机制
执行上下文先来看一段代码：showname();console.log(myname);var myname="Claire";function showname(){ console.log("I am Claire")};这段代码的输出结果为I am Claireundefined那么，在学习JS的时候知道JS是按照顺序执行的，在执行第一句以及第二句的时候，函数showname（），和变量myname都没有被定义，按照之前的说法的话，那么这段代码在执行的过程会被报错，但
2021-01-17 20:01:05
152
原创 与树的遍历相关算法题整理
一篇很不错的推文，记录在这里，方便自己之后查找：https://juejin.cn/post/6844904047107899400
2021-01-16 20:52:53
125
原创 JS学习篇（一）—— 数据类型篇
看了神三元的原生JS灵魂之问https://juejin.im/post/6844903974378668039菜鸡感觉自己JS白学了，重新开启JS之路！！！JS基本类型
2021-01-16 16:23:42
404
原创 操作系统——进程线程
记录一些面试时候经常会被问到的操作系统知识点一：操作系统定义：用来管理计算机硬件以及软件资源的计算机程序计算机组成：存储器+控制器+运算器+输入设备+输出设备其中 CPU=控制器+运算器操作系统的功能：1：进程以及线程的管理：进程以及线程的状态，进程通信，线程同步，资源调度等2：存储管理：内存的分配以及回收，地址转换，存储保护等3：文件管理：文件目录，文件操作，文件存取控制等4：设备管理：设备驱动，分配回收，缓冲技术等5：用户接口：系统命令，编程接口操作系统的应用：1：资源的管理
2020-12-22 16:20:43
106
原创 webpack踩坑记录
1：运行cnpm start 之后报错因为版本不兼容问题：webpack3.x的版本与webpack-dev-server3.x 的版本不兼容。在控制台输入命令：//Uninstall version 删除webpack 以及webpack-dev-servercnpm uninstall webpack -gcnpm uninstall -g webpack-dev-server//Install the specified version 重新安装新的版本cnpm instal
2020-10-18 16:46:13
93
原创 算法题：电话号码的字母组合和
LeetCode第17题https://leetcode-cn.com/problems/letter-combinations-of-a-phone-number/题目如下：给定一个仅包含数字 2-9 的字符串，返回所有它能表示的字母组合。给出数字到字母的映射如下（与电话按键相同）。注意 1 不对应任何字母。示例:输入：“23”输出：[“ad”, “ae”, “af”, “bd”, “be”, “bf”, “cd”, “ce”, “cf”].解题思路如下：var letterC
2020-10-09 09:42:12
166
原创 Chrome架构
无论你是想要设计高性能 Web 应用，还是要优化现有的 Web 应用，你都需要了解浏览器 中的网络流程、页面渲染过程，JavaScript 执行流程，以及 Web 安全理论，而这些功能是 分散在浏览器的各个功能组件中的，比较多、比较散，通过浏览器 的多进程架构的学习，你就可以把这些分散的知识点串起来，组成一张网，从而让自己能站 在更高的维度去理解 Web 应用这是在学习过程中看到的一段话，渐渐意识到浏览器原理的重要性，将学习过程中的笔记放到这里，方便自己理解记忆学习吧进程、线程一个程序运行的过程中.
2020-05-27 19:23:19
676
原创 正则判断网站的合法性、正则匹配相应字符
亲测有效！！！使用正则判断URL地址的合法性function isURL(str_url) { // 验证url var strRegex = "^((https|http){1}://)" + "(([0-9]{1,3}\.){3}[0-9]{1,3}" // IP形式的URL- 199.194.52.184 + "|" // 允许IP和DOMAIN（域名） + "([...
2020-05-06 15:20:57
364
原创 git 命令操作
git推送项目操作当前分支就是你向提交的分支git add . //将文件加入暂存区git commit -m '提交备注' -n //保存仓库的历史记录git push 仓库地址如果想从当前分支推送项目到远程别的分支中去git checkout -b 分支名称 先在本地创建这个分支名称，然后再使用git push 仓库地址就可以了如果当前项目在本地的deve...
2020-04-24 16:32:43
180
原创 使文本两边对齐
HTML<div class="justify">中 文 两 端 对 齐<span></span></div>CSSdiv.justify { text-align: justify; width:200px; font-size:15px; color:red; border:1px solid blue; height:18px;}di...
2020-04-16 00:51:23
286
原创 react踩过的坑
转两篇博文，亲测有效！！！使用yarn eject命令出现错误，该如何修改【react笔记】暴露配置时出现“Remove untracked files, stash or commit any changes, and try again.”错误react配置less配置less...
2020-04-08 22:12:47
750
原创 给一组数据，用递归实现树的结构
给一组这样的数据var college = [{id: 128, name: “广材信息服务”, parentid: 1, cnt: 224},{id: 1, name: “计价软件”, parentid: 28, cnt: 11580},{id: 129, name: “业务知识”, parentid: 28, cnt: 362},{id: 73152, name: “16”, pa...
2020-04-06 23:22:58
363
原创 如何将二维数组转化为一维数组
今天碰到一道面试题，如何将二维数组转化为一维 数组问题是这样子的：[[0, 1], [2, 3], [4, 5]] 如何转化为 [0, 1, 2, 3, 4, 5]？方法一：使用ES5的reducereduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。arr.reduce(callback,[initialValue])...
2020-03-05 00:24:16
19747
原创 查找数组中的元素
今日在刷牛客网上面的面试题，然后碰到手写编程题，就将他们记录下来题目一 查找数组中的元素题目给的是这个样子其实知道数组方法的都会觉得特别简单，直接使用indexOf方法就可以实现，因为他可以查找数组中某一项在数组中第一次出现的位置的位置function indexOf(arr, item) { return arr.indexOf(item);}indexOf([1,2,3,4...
2020-02-22 21:30:02
785
原创 快排、冒泡排序、选择排序
1:选择排序（从小到达）从第一个数开始一次与后面的数比较，如果后面的数字比前面的数字小，就交换位置，如果不，就继续与下一个数字比较；第一个数字比较完了之后，则开始第二个数字与下面的数字比较，此时第一个位置放的数字是所有数字中最小的数组排序 var arr=[2,1,3,5,6,4,7,8,9,0]; function xuanze(array){ i...
2020-02-21 22:18:18
167
原创 js实现继承的方法
最近在学习继承的时候，参考了一篇很好的文章，将其保存下来，方便自己以后查找学习https://blog.csdn.net/weixin_43606158/article/details/91489176
2020-02-21 13:03:37
64
原创 JS数组去重
方法一：先使用数组中的sort方法，将数组进行重排，按照从小到大的顺序；然后再使用for循环遍历，判断某一项和它相邻的项是否相等，若相等，则使用splice删除方法删除其中一个，已达到去重的目的，但是当我们删除掉一个元素的时候，后面的项就会自动补位到，所以要i–一下。var arr = [1, 4, 5, 6, 3, 1, 5, 4, 10, 9, 10];function quchong(...
2020-02-19 23:32:42
189
原创 如何将本地项目上传到githug上面
自己对于git的操作一直不是很熟悉，今天上传项目，参考了几篇博客，将项目成功上传上去，现放上地址，方便自己以后查阅这一篇呢，是上传的整体流程https://blog.csdn.net/leek5533/article/details/81974662接下来是自己踩过的坑处理方式（这三篇呢分别是自己在处理过程中出现的错误，以及处理方式，亲测有效）https://blog.csdn.net/d...
2020-02-19 14:33:14
73
原创 CSS动画:transition以及animation
在CSS中动画有三种方式1：transition补间动画2：@keyframe关键帧动画3：逐帧动画说这三种方式之前先了解一下一些名词补间动画：补间动画指的是做FLASH动画时，在起始帧和结束帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。关键帧动画：就是给需要动画效果的属性，准备一组与时间相关的值，这些值都是在动画...
2020-02-10 22:35:10
189
原创 CSS三栏布局中间自适应、flex布局、盒模型
CSS中间自适应，左右两栏定宽实现方法有很多种1：浮动布局（左右浮动，中间不浮动） .container .left { float: left; width: 200px; background-color: orange; } .contai...
2020-02-10 17:21:00
2231
原创 图片底部留白怎么处理
行高指的是上下文本行高之间的基线距离行高是指上下文本行的基线间的垂直距离，即图中两条红线间垂直距离。行距是指一行底线到下一行顶线的垂直距离，即第一行粉线和第二行绿线间的垂直距离。从上到下四条线分别是顶线、中线、基线、底线。我们知道display=inline的元素的vertical-align属性中有top、middle、baseline、bottom，就是和这四条线相关。vertica...
2020-02-09 22:05:23
1464
原创 CSS选择器以及如何区分伪类选择器和伪元素选择器
CSS全称Cascading Style Sheet 层叠样式表。CSS选择器 什么是选择器：使用css对HTML页面中的元素实现一对一， 一对多或者多对一的控制选择器的分类样式1：通用选择器*{}2：元素选择器a{}3: class类选择器.lei{}4: 属性选择器[type=redio]{}5: id选择器#id{} //一个i...
2020-02-09 21:46:38
937
原创 Vue基础知识（下）（未更完）
Vue实例使用new Vueelapp上面的属性app.$dataapp.$propsapp.$elapp.$options (app.$options.data.text)(app.$options.render)app.$root===app 返回trueapp.$childrenapp.$slotsapp.$sopeSlotsapp.$refsapp.$is...
2020-02-05 21:24:26
55
原创 Vue基础（上）
Vue基本语法1：Vue生命周期以及钩子函数Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载DOM、渲染更新渲染、销毁等一系列过程，我们称为是Vue的生命周期，也就是说从Vue实例创建到销毁这一过程，称为是生命周期我们先来看一张非常经典的图片每一个组件或者是实例都会经过一个完整的生命周期，总共分为三个部分：初始化，运行中，销毁。实例和组件通过new Vue（...
2019-11-25 20:02:05
259
1
原创 Node.js基础语法
什么是 Node.js?node.js是一个可以让JavaScript可以运行在服务端的平台，是为了实时web开发应用的平台，可以作为服务器向用户提供服务。Node.js是用单线程，异步式I/O和事件驱动，依赖于Chrome的V8引擎进行代码解释的javascript运行环境，V8引擎执行Javascript的速度非常快，性能非常好。；并且Node.js 不运行在浏览器中，所以也就不存在 Ja...
2019-11-22 23:20:32
547
原创 Vue介绍+node安装以及环境配置+Vue-cli脚手架脚手架中webpack配置基础文件
Vue介绍Vue是一套用于构建用户界面的渐进式框架，其核心库只关注视图层。Vue是MVVM的最佳实践，MVVM是Model-View-ViewModel的简写 ，其中model是数据模型，可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来。View通过View-Model的DOM Listeners将事件绑定到Model上，而Model...
2019-11-21 23:26:32
288
原创 HTTP部分相关知识点
以下是网上找的面试经常会问到的地方1：http报文结构（重点：请求行，请求头，请求数据）http报文分为两种情况：请求报文和响应报文请求报文是用户向服务器发出请求而响应报文则是服务器向用户作出相应http的这两种报文都有三个部分：开始行 首部行 实体主体（数据）请求报文主要由请求行，请求头部，请求数据组成开始行开始行是区分请求报文还是响应报文的关键在请求报文中：开始行是由 方法...
2019-11-12 22:53:59
243
原创 个人博客
为了自己方便一些以后就要开始用CSDN 写博客在这里附上自己之前在51上面写的几篇博客，个人总结，仅供参考网址：https://blog.51cto.com/14419253/2414024点击这里即可跳转...
2019-09-08 23:36:01
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人