自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 CSS中的cursor属性

css中的cursor这个属性是用来设置光标形状的。这个属性定义了鼠标指针放在一个元素边界范围内时所用的光标的形状。默认值:auto继承性:yes出现版本:css2JavaScript语法:object.style.cursor = 'pointer'可以设置的值:值描述url需使用的自定义光标的 URL。注释:请在此列表的末端始终...

2019-09-10 16:07:00 1217

转载 手写一个MVVM

最近看了珠峰的架构课——实现一个MVVM。首先,我们来了解一下什么是MVVM。MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了,它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的...

2019-07-29 14:31:00 264

转载 react组件中返回并列元素的方法

我们在写react组件的时候,经常会遇到这种问题,在render中return元素只能有一个顶级元素,比如div,假如写成这样就会报错:render(){ return( <div>123</div> <div>456</div> )}因为return中只能有一个顶...

2019-06-14 09:49:00 1047

转载 关于Flutter启动项目白屏,报错[ERROR:flutter/shell/gpu/gpu_surface_gl.cc(58)] Failed to setup Skia Gr context.问题...

首先,环境如下:1、系统:windows10 64位  Android SDK version: 28.0.3  Flutter SDK:v1.5.4-hotfix.2  模拟器: 网易MuMu(android-x86)2、问题复现步骤:  VS Code打开已经新建好的flutter项目,Git bash到当前项目根目录下  输入flutte...

2019-05-29 10:50:00 1303

转载 iframe窗口嵌套,子窗口跳转重叠在父窗口的问题

window.top //最顶层窗口window.self //当前窗口window.parent //父级窗口"window.location.href"、"location.href"是本页面跳转"parent.location.href"是上一层页面跳转"top.location.href"是最外层的页面跳转举例说明:如果A,B,C,D都是jsp,D是C的i...

2019-05-17 09:45:00 710

转载 关于最新create-react-app使用react-app-rewired2.x添加webpack配置

使用过create-react-app(以下简称cra)的朋友都知道,这是react官方的一款脚手架工具,内部集成了babel,webpack,webpack-dev-server等等。以前我们要在cra中做webpack的配置,有三种方式:1、运行npm run eject得到原始的webpack配置文件config,然后可以看到里面有prod和dev两个环境的相关配置;但是新...

2019-04-09 15:03:00 955

转载 在命令行启动vscode

1.windows使用 code . 命令打开vscode1、打开vscode安装位置,进入bin文件夹,复制路径 eg:E:\Microsoft VS Code\bin;2、回到桌面,右键我的电脑,高级系统设置 ,环境变量,编辑path值,在原来的path后面加上eg ;E:\Microsoft VS Code\bin(英文的分号+vscode的bin路径)原文:https://b...

2019-04-02 15:02:00 5064

转载 一道面试题引发对javascript事件循环机制(Event Loop)的 思考(这里讨论针对浏览器)...

????????废话不多说,先上题://请写出输出内容async function async1() { console.log('async1 start'); await async2(); console.log('async1 end');}async function async2() { console.log('async2'...

2019-02-22 10:36:00 180

转载 ES5 对象的扩展(Object.preventExtensions)、密封(Object.seal)和冻结(Object.freeze)

文章链接:https://www.cnblogs.com/snandy/p/5278474.html转载于:https://www.cnblogs.com/zyl-Tara/p/10402089.html

2019-02-19 16:38:00 132

转载 css3选择器和伪类

元素选择子:*任何元素E与E标签结合的任何元素E FE的所有派生标签中,有F标签的元素E > F或者E/FE的所有直接的拥有F标签的子类E + F所有具有F标签的元素,紧靠的前一个元素有E标签E ~ F所有具有F标签的元素,前一个兄弟元素有E标签属性选择子:@和引号是可选项。例如,div[@foo='bar']也是一个合法的属...

2019-02-19 14:52:00 113

转载 前端面试题-3

一、基础1.var a = "2015",请对变量a进行操作生成倒序排序的字符串“5,2,1,0”。var a = "2015";var arr = Array.from(a).map(el => Number(el))arr.sort((a,b) => b-a)var res = arr.join(",")console.log(res) //5, ...

2019-02-19 13:52:00 281

转载 数据结构简述

数据结构分类一、数组数组是可以在内存中连续存储多个元素的结构,在内存中的分配也是连续的,数组中的元素通过数组下标进行访问,下标从0开始。优点:1.按照索引查询元素速度快2.按照索引遍历数组方便缺点:1.数组的大小固定后就无法扩容了2.数组只能存储一种类型的数据3.添加,删除的操作太慢,因为要移动其他元素适用场景:频繁查询,对存储空间要求不...

2019-02-14 14:27:00 294

转载 antd按需加载,配置babel-plugin-import插件,编译后报错.bezierEasingMixin()解决方案

报错如下:./node_modules/antd/lib/button/style/index.less (./node_modules/css-loader??ref--6-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/less-loader/dist/cjs.js!./node_modu...

2019-02-12 16:35:00 1018

转载 docker 启动 nginx 服务

docker run -d -p 80:80 --restart=always nginx:latest参数说明: run 启动某个镜像 -d 让容器在后台运行 -p 指定端口映射,宿主机的80端口映射到容器的80端口 --restart 重启模式,设置 always,每次启动 docker 都会启动 nginx 容器。由于我本地没有 nginx:l...

2019-01-28 16:28:00 3656

转载 安装docker

环境:Mac OS: 10.14.2Docker:Docker version 18.09.1, build 4c52b90一、安装$ brew cask install docker安装成功后,启动docker。在启动台找到它,点击打开即启动了。然后打开item2,可查看版本然后我们来试试,执行一下hello-world$ docke...

2019-01-28 15:47:00 79

转载 稀疏数组

JavaScript 稀疏数组与孔(hole):https://www.jianshu.com/p/ce776c0067fb稀疏数组真心话大冒险:https://juejin.im/post/5b441b0ae51d45196f06d7cc转载于:https://www.cnblogs.com/zyl-Tara/p/10313118.html...

2019-01-24 10:40:00 82

转载 6 款最棒的 Go 语言 Web 框架简介

地址:https://studygolang.com/articles/11897?fr=sidebar转载于:https://www.cnblogs.com/zyl-Tara/p/10309306.html

2019-01-23 15:36:00 106

转载 Mac OS 下安装nvm

关于安装:curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh安装完成后关闭终端,重新打开终端输入 nvm 验证一下是否安装成功,当出现“Node Version Manager”时,说明已安装成功。关于使用:列出所有安装的版本nvm ls查看当...

2019-01-23 10:40:00 138

转载 关于antd 日期组件只选择年份,设置mode=year无法获取value的解决办法

antd3.0后的某个版本后终于支持了只选择年份的设置。当时2.x版本的时候还不支持只选择年份,我们项目中有这个只选择年份的需求,为了ui风格的一致,只好自己撸了一个。如今真是普天同庆!????????然而,事情并没有这么简单。import React, { Component } from 'react';import { DatePicker } from 'antd';...

2018-12-29 17:28:00 3731

转载 关于var time = +new Date;

文章地址:https://www.cnblogs.com/Raoh/p/4212075.html转载于:https://www.cnblogs.com/zyl-Tara/p/10185864.html

2018-12-27 16:42:00 667

转载 centos7.4安装nginx

参考地址:https://blog.csdn.net/weixin_41048363/article/details/80236663我这里没有使用阿帕奇之类的服务器,只搭建了node环境。所以并没有修改nginx的默认80端口。但是我这里遇到一个问题,所有的一切都准备好了。然后访问公网IP居然无法访问,防火墙也是关了的,其他配置没有问题,nginx启动正常,百思不得其解.....

2018-11-12 17:37:00 115

转载 linux搭建node环境

这篇完全够了!地址:https://www.cnblogs.com/lovefc/p/8847343.html附上一张图:转载于:https://www.cnblogs.com/zyl-Tara/p/9945310.html

2018-11-12 11:04:00 103

转载 阿里云服务器重置后远程链接失败的解决办法

如题,最近双11买了阿里云服务器,然后倒腾。由于一系列我自己的无法理解的操作之后,恐将服务器搞坏,打算重置服务器。于是,进行了如下操作:选中自己要重置的阿里云服务实例-》停止实例-》更多=》磁盘和镜像-》重新初始化磁盘一波操作之后,重新启动服务器,然后准备右键新建远程连接。开开心心准备通过ssh远程链接服务器。结果发现报错如下:@@@@@@@@@@@@@@@@@@@@...

2018-11-12 10:27:00 1684

转载 Electron入门之ipcMain,ipcRenderer

ipcMain模块是类EventEmitter的实例.当在主进程中使用它的时候,它控制着由渲染进程(web page)发送过来的异步或同步消息.从渲染进程发送过来的消息将触发事件.【发消息】发送消息,事件名为channel.回应同步消息, 你可以设置event.returnValue.回应异步消息, 你可以使用event.sender.send...

2018-10-25 15:22:00 5561

转载 node模块之events模块

events 模块只提供了一个对象: events.EventEmitter。【EventEmitter 的核心就是事件触发与事件监听器功能的封装。】EventEmitter 的每个事件由一个事件名和若干个参 数组成,事件名是一个字符串,通常表达一定的语义。对于每个事件,EventEmitter 支持 若干个事件监听器。当事件触发时,注册到这个事件的事件监听器被依次调...

2018-10-22 10:31:00 187

转载 Mac OS下安装和配置MongoDB

安装和配置教程:参考地址:https://blog.csdn.net/yibowanbo/article/details/80233030可视化管理工具:地址:https://blog.csdn.net/ligh_sqh/article/details/81112428转载于:https://www.cnblogs.com/zyl-Tara/p/9805038.ht...

2018-10-17 16:35:00 81

转载 node模块之net模块——socket

当我们去面试的时候,常常会遇到这样一个问题:当用户在浏览器地址栏输入一段url发出资源请求后,到服务端返回数据呈现给用户的这个过程都发生了什么?我们把进行通信的这两个端(这里指的是,浏览器和资源获取的地方)称之为客户端和服务端。我们连通两个端进行通信,靠的就是socket这个东西。他将特定格式的内容进行传递,以达到客户端和服务端通信的目的。最近刚好在学习node的net模块,接触...

2018-10-11 12:45:00 540

转载 react中使用antd Table组件滚动加载数据的实现

废话不多说,直接上代码。一目了然。import React, { Component } from "react";import { Table } from "antd";import PropTypes from "prop-types";class TableBar extends Component { constructor(props) { ...

2018-10-10 16:30:00 5233

转载 node模块之path——path.join和path.resolve的区别

1.path.join([...paths])path.join() 方法使用平台特定的分隔符把全部给定的 path 片段连接到一起,并规范化生成的路径。长度为零的 path 片段会被忽略。 如果连接后的路径字符串是一个长度为零的字符串,则返回 '.',表示当前工作目录。以上是nodejs官方文档上的描述。我们可以抓取几个关键字,“平台特定的分隔符”、“path片...

2018-10-10 12:18:00 262

转载 关于react16.4——高阶组件(HOC)

高阶组件是react中用于重用组件逻辑的高级技术。可以说是一种模式。具体来说呢,高阶组件是一个函数,它接收一个组件并返回一个新的组件。就像这样,const EnhancedComponent = higherOrderComponent(WrappedComponent);我们知道,组件将props转为UI,而高阶组件是将一个组件转为另一个组件。组件是React中代码...

2018-09-28 16:37:00 160

转载 关于react16.4——转发refs和片段Fragment

1.转发refsRef 转发是一种自动将ref通过组件传递给子组件的技术。一些组件倾向于以与常规 DOMbutton和input类似的方式在整个应用程序中使用, 并且访问他们的 DOM 节点可能不可避免地用于管理 焦点(focus),选择(selection)或动画(animations)。这就需要使用React.forwardRef来获取传递给它的ref,然后转...

2018-09-28 16:20:00 81

转载 关于react16.4——错误边界

  过去,组件内的 JavaScript 错误常常会破坏 React 内部状态,并导致它在下一次渲染时产生神秘的错误。这些错误总会在应用代码中较早的错误引发的,但 React 并没有提供一种方式能够在组件内部优雅地来处理,也不能从错误中恢复。  部分 UI 中的 JavaScript 错误不应该破坏整个应用程序。为了解决 React 用户的这个问题,React 16引入了一个 “错误...

2018-09-28 15:54:00 133

转载 关于react16.4——上下文Context

首先我们来聊一聊(上下文)Context。上下文(Context) 提供了一种通过组件树传递数据的方法,无需在每个级别手动传递 props 属性。在典型的 React 应用程序中,数据通过 props 自上而下(父到子)传递,但对于应用程序中许多组件所需的某些类型的 props(例如环境偏好,UI主题),这可能很麻烦。 上下文(Context) 提供了在组件之间共享这些值的方法,...

2018-09-28 15:38:00 198

转载 关于js原型链

关于原型链,我们先贴上一张图(来自某知乎大佬专栏),然后听我娓娓道来。先来说说什么是原型?JavaScript 中的对象有一个特殊的 [[Prototype]] 内置属性,其实就是对于其他对象的引用。几乎所有的对象在创建时 [[Prototype]] 属性都会被赋予一个非空的值。但对象的[[Prototype]] 链接可以为空,虽然很少见。所有普通的 [[P...

2018-09-27 12:19:00 69

转载 笔记react router 4(五)

  或许,你觉得我麻烦,明明一篇文章可以搞定的内容,非要写几篇。是不是正在吐槽我?没关系,我的目的达到了。手动傲娇( ̄∇ ̄)然后,我们就要来聊一聊withRouter了。我们都知道,当我在访问路由配置文件中的组件,通常我们称之为路由组件时,可以从他的props中访问到路由对象。如,location。但是,没有声明在路由中的组件,通常我们称之为非路由组件,比如路由组件中我们使用到的...

2018-09-21 13:09:00 75

转载 笔记react router 4(四)

  看完Router的变化,接着来说<Switch>组件。在3.X中,你可以指定很多子路由,但是只有第一个匹配的路径才会被渲染。就像这样,<Route path='/' component={App}> <IndexRoute component={Home} /> <Route path='about' compon...

2018-09-21 12:29:00 91

转载 笔记react router 4(三)

  上一篇我们说到了路由组件的嵌套。想必你已经运用自如了。那么,这一次我们来聊一聊4.X中Router的变更。在3.X中我们若使用路由的模式,可通过在Router上配置history的值即可。例如,import { Router, Route, hashHistory} from "react-router"import routes from "./routes"...

2018-09-21 12:15:00 75

转载 笔记react router 4(二)

  上一篇我们提到react router 4的dom特性。那么这一次,我们来说一说4.X中的路由组件嵌套。用过3.X的同学应该知道,路由组件的嵌套(即,路由的配置)方式是通过给<Route>添加子<Route>例如,<Route path='parent' component={Parent}> <Route path='...

2018-09-21 11:19:00 67

转载 笔记react router 4(一)

  用过react router4.X的小伙伴一定知道,比起3.X的版本,router的使用上有了很大的改变。  首先,我们只需要安装 react-router-dom 即可使用。看到“dom”想必你就该知道,4.X中Route作为一个真正的组件供我们去使用,而3.X中的Route并非一个组件,而是作为路由的配置对象。因此,3.X中你看到形如这样的代码,<Route...

2018-09-21 10:53:00 65

转载 react中直接调用子组件的方法(非props方式)

我们都知道在 react中,若要在父组件调用子组件的方法,通常我们会采用在父组件定义一个方法,作为props转给子组件,然后执行该方法,可以获取到子组件传回的参数以得到我们的目的。显而易见,这个执行是需要去主动触发的。那有没有一种方式,方法在子组件定义好,可以直接在父组件去调用呢?答案是必然的。上代码^ - ^import React, {Component} f...

2018-09-07 12:47:00 987

空空如也

空空如也

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

TA关注的人

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