漫思 - 博客园

react中使用prop-types检测props数据类型

摘要：一、为什么使用prop-types 在多人开发时，当被人使用自己定义的组件时，有可能出现类型传错的情况，而在自己的组件上加上prop-types，他可以对父组件传来的props进行检查，加入父组件中想传递的是字符串类型‘3’，而传递了一个数字类型3，如果没有类型检查系统不会给与提示，但是有了类型检查阅读全文

posted @ 2019-12-17 14:27 漫思阅读(1938) 评论(0) 推荐(0) 编辑

canves做的时钟目前已经开源

摘要： canves做的时钟目前已经开源 git地址: https://github.com/jidanji/canves-clock/tree/1.0.1 项目截图时流过的时间变得有颜色，其他的没有颜色。阅读全文

posted @ 2019-12-17 12:25 漫思阅读(641) 评论(0) 推荐(0) 编辑

cookies、sessionStorage和localStorage解释及区别

摘要：在浏览器查看 HTML4的本地存储 cookie 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。区别： 1、保持状态：coo 阅读全文

posted @ 2019-12-16 17:45 漫思阅读(344) 评论(0) 推荐(0) 编辑

开源类库需求整理

摘要： 1、获取一周的时间 2、获取全国的地区信息。 3、根据一组点的信息找到圈选矩形。 4、判断一组时间是否联系几天没有上课没有上班。 5、obj的序列化和反序列化 6、obj删除一个属性。 obj增加某些属性 7、由存储到children的树形结构。 8、获取浏览器的参数 9、验证的公共类库 10、mi 阅读全文

posted @ 2019-12-13 16:14 漫思阅读(132) 评论(0) 推荐(0) 编辑

js-ES6学习笔记-Set和Map数据结构

摘要： 1、ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。 2、Set 函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。 3、Set.prototype.size：返回Set实例的成员总数。四阅读全文

posted @ 2019-12-13 13:56 漫思阅读(644) 评论(0) 推荐(0) 编辑

js-ES6学习笔记-Reflect

摘要： 1、Reflect对象与Proxy对象一样，也是 ES6 为了操作对象而提供的新 API。Reflect对象的设计目的有这样几个。将Object对象的一些明显属于语言内部的方法（比如Object.defineProperty），放到Reflect对象上。修改某些Object方法的返回结果，让其变阅读全文

posted @ 2019-12-13 13:53 漫思阅读(262) 评论(0) 推荐(0) 编辑

JS Proxy(代理)

摘要：前言 Proxy 也就是代理，可以帮助我们完成很多事情，例如对数据的处理，对构造函数的处理，对数据的验证，说白了，就是在我们访问对象前添加了一层拦截，可以过滤很多操作，而这些过滤，由你来定义。想了解更多请参考官方文档语法 let p = new Proxy(target, handler); 阅读全文

posted @ 2019-12-13 13:51 漫思阅读(4093) 评论(1) 推荐(1) 编辑

JavaScript Array filter() 方法

摘要： JavaScript Array filter() 方法 var ages = [32, 33, 16, 40]; function checkAdult(age,index,array) { return age >= 18; } function myFunction() { document. 阅读全文

posted @ 2019-12-13 13:50 漫思阅读(184) 评论(0) 推荐(0) 编辑

Object.assign方法的使用入门

摘要：最在做项目过程中，大量的使用了Object.assign方法，发现这个还是挺好使用的，现在总结下Object.assign的基本使用。一、基本语法 Object.assign(target, ...sources) 二、基本概念 Object.assign方法用来将源对象（source）的所有可枚阅读全文

posted @ 2019-12-13 09:34 漫思阅读(844) 评论(0) 推荐(0) 编辑

使用ES6新特性async await进行异步处理

摘要：我们往往在项目中会遇到这样的业务需求，就是首先先进行一个ajax请求，然后再进行下一个ajax请求，而下一个请求需要使用上一个请求得到的数据，请求少了还好说，如果多了，就要一层一层的嵌套，就好像有点callback的写法了，那是相当恶心的，下面我就来讲一下如何使用ES6的新特性async await 阅读全文

posted @ 2019-12-13 09:24 漫思阅读(1518) 评论(0) 推荐(0) 编辑

win10系统怎么设置软件开机启动

摘要： win10开机自动启动软件设置教程： 1：在windows10桌面，右键点击桌面左下角的开始按钮，在弹出的菜单中选择运行菜单项。 2：这时就会打开windows10的运行窗口，在窗口中输入命令shell:startup，然后点击确定按钮。 3：这时就可以打开windows10系统的启动文件夹#f# 阅读全文

posted @ 2019-12-11 16:46 漫思阅读(6552) 评论(0) 推荐(0) 编辑

【ES6学习笔记之】Object.assign()高级编程

摘要：基本用法 Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。 const target = { a: 1 }; const source1 = { b: 2 }; const source2 = { c: 3 }; Object. 阅读全文

posted @ 2019-12-10 13:35 漫思阅读(554) 评论(0) 推荐(0) 编辑

如何使用闭包形成计数器

摘要： //闭包，返回生成新id的函数。 //2013-12 function geAppendNewId(){ var counter=1; function appendNewId(arr1) { //入参 arr1 = arr1 || []; $.each(arr1, function (i, ite 阅读全文

posted @ 2019-12-09 17:38 漫思阅读(409) 评论(0) 推荐(0) 编辑

多次调用settimeout 如何使用单例模式

摘要： <script> function aaa() { window.counter = window.counter||1; console.log(window.counter); window.counter++; window.caonima= setTimeout('aaa()', 1000) 阅读全文

posted @ 2019-12-09 17:37 漫思阅读(1150) 评论(0) 推荐(1) 编辑

在线表单设计器现在已经开源

摘要：在线表单设计器现在已经开源 https://github.com/jidanji/formbulder/tree/1.0.0.1 使用jquery做的表单设计器现在已经开源。目前在已经在github上把代码上传。功能介绍 1、支持左侧可以自定义控件，代码片段化。 2、支持拖放形成表单。 3、支持数阅读全文

posted @ 2019-12-07 14:14 漫思阅读(9561) 评论(2) 推荐(1) 编辑

VisualStudio2017集成GitHub

摘要： 1 概述通过使用VisualStudio2017来编写C语言版本的helloworld程序，然后上传至GitHub2 VisualStudio2017安装GitHub插件前提条件:必须完成VisualStudio2017企业版的安装必须完成GitHub账号的申请2.1 启动VisualStudio并阅读全文

posted @ 2019-12-07 13:28 漫思阅读(186) 评论(0) 推荐(0) 编辑

export和export default

摘要： var getFlatData=1, jdTree2AntdTree=2,appendNewId=3 export { getFlatData, jdTree2AntdTree,appendNewId } var getFlatData=1 export default getFlatData im 阅读全文

posted @ 2019-12-07 11:41 漫思阅读(212) 评论(0) 推荐(0) 编辑

Http协议请求方法及body类型(思路比较清晰的)

posted @ 2019-12-07 11:32 漫思阅读(6179) 评论(0) 推荐(0) 编辑

react的this.setState中的坑

摘要： react的this.setState中的有两个。 1、this.setState异步的，不能用同步的思维讨论问题 2、在进行组件通讯的回调的时候，this指向子组件，没有指向父亲这，怎么办呢。在在这里面将that 还有一种方案。在回调函数中写 onSelectedItem=(item)=>{ 阅读全文

posted @ 2019-12-07 11:21 漫思阅读(1509) 评论(0) 推荐(0) 编辑

es6模板字符串使用使${} 来包裹一个变量或者一个表达式

posted @ 2019-12-06 15:16 漫思阅读(2112) 评论(0) 推荐(0) 编辑

HTTP协议详细介绍

摘要：当你在浏览器地址栏敲入“http://www.cnblogs.com/”，然后猛按回车，呈现在你面前的，将是博客园的首页了（这真是废话，你会认为这是理所当然的）。作为一个开发者，尤其是web开发人员，我想你有必要去了解这一系列的处理流程，在这期间，浏览器和服务器到底是如何打交道的？服务器又是如何处理阅读全文

posted @ 2019-12-05 16:02 漫思阅读(191) 评论(0) 推荐(0) 编辑

UmiJS 目录及约定

摘要：在文件和目录的组织上，umi 更倾向于选择约定的方式。一个复杂应用的目录结构如下： . ├── dist/ // 默认的 build 输出目录 ├── mock/ // mock 文件所在目录，基于 express ├── config/ ├── config.js // umi 配置，同 .um 阅读全文

posted @ 2019-12-04 17:14 漫思阅读(6079) 评论(0) 推荐(0) 编辑

修改本地的host文件

摘要：在C:\Windows\System32\drivers\etc下有一个host文件，在里面可以修改本地的域名，比如我文件里添加一行： 10.0.33.79 devsuite.easthope.com 这就便是我将本地的ip用devsuite.easthope.com代替了阅读全文

posted @ 2019-12-03 14:30 漫思阅读(2951) 评论(0) 推荐(0) 编辑

Vue+axios统一接口管理

摘要：通过axios请求接口已经很简单了，但最近在做一个vue项目，想着把axios请求再封装一下，这样api就可以只在一处配置成方法，在使用的时候直接调用这个方法。但咱们不用每个接口都定义成一个啰嗦的axios请求方法，既然是想简单点，就尽量只在一处完成简单的配置。 1、配置api接口将同一模块的接阅读全文

posted @ 2019-12-03 13:14 漫思阅读(773) 评论(0) 推荐(0) 编辑

DVA框架统一处理所有页面的loading状态

摘要： DVA框架统一处理所有页面的loading状态 dva 有一个管理 effects 执行的 hook，并基于此封装了 dva-loading 插件。通过这个插件，我们可以不必一遍遍地写 showLoading 和 hideLoading，当发起请求时，插件会自动设置数据里的 loading 状态为阅读全文

posted @ 2019-12-03 13:04 漫思阅读(2618) 评论(0) 推荐(0) 编辑

React中useEffect使用

摘要： 2019-08-24 07:00:00 文摘资讯阅读数 1364 收藏博文的原始地址 2019-08-24 07:00:00 文摘资讯阅读数 1364 收藏博文的原始地址 2019-08-24 07:00:00 文摘资讯阅读数 1364 收藏博文的原始地址 2019-08-24 07:0 阅读全文

posted @ 2019-12-02 19:35 漫思阅读(7946) 评论(0) 推荐(0) 编辑

一起学react (1) 10分钟让你dva从入门到精通

摘要：前言如果文章中有错误的地方的话可以直接加我QQ：469373256 自己针对一些问题做的优化版本目前刚启动还不是很成熟 https://github.com/fangkyi03/fastkit-dva.git 麻烦大家加星鼓励一下谢谢原有的项目从码云移植到了github 新的地址:htt 阅读全文

posted @ 2019-12-02 10:20 漫思阅读(674) 评论(0) 推荐(0) 编辑

git命令大全

摘要： git命令大全 willcoder关注 0.9562019.06.06 09:01:55字数 545阅读 7,077 willcoder关注 0.9562019.06.06 09:01:55字数 545阅读 7,077 willcoder关注 0.9562019.06.06 09:01:55字数 5 阅读全文

posted @ 2019-12-01 21:17 漫思阅读(317) 评论(0) 推荐(0) 编辑

jQuery中的100个技巧（译）

摘要： 1.当document文档就绪时执行JavaScript代码。我们为什么使用jQuery库呢？原因之一就在于我们可以使jQuery代码在各种不同的浏览器和存在bug的浏览器上完美运行。 <script src="http://code.jquery.com/jquery-1.10.2.min.js 阅读全文

posted @ 2019-11-30 21:00 漫思阅读(287) 评论(0) 推荐(0) 编辑

Flow入门初识

摘要： Flow是facebook出品的JavaScript静态类型检查工具。由于JavaScript是动态类型语言，它的灵活性也会造成一些代码隐患，使用Flow可以在编译期尽早发现由类型错误引起的bug，这种方式非常有利于大型项目源码的开发和维护， 1.Flow工作方式类型推断：通过变量的使用上下文来阅读全文

posted @ 2019-11-30 20:58 漫思阅读(733) 评论(0) 推荐(0) 编辑

深入理解typescript的Functions

摘要： Functions Introduction # Functions are the fundamental building block of any application in JavaScript. They’re how you build up layers of abstraction 阅读全文

posted @ 2019-11-30 00:29 漫思阅读(412) 评论(0) 推荐(0) 编辑

一文学会 TypeScript 的 82% 常用知识点（下）

摘要：一文学会 TypeScript 的 82% 常用知识点（下）前端专栏 2019-11-23 18:39:08 都已经 9021 年了，TypeScript（以下简称 TS）作为前端工程师不得不学的技能，我们必须掌握。在上篇「一文学会 TypeScript 的 82% 常用知识点（上）」中，主要介阅读全文

posted @ 2019-11-30 00:24 漫思阅读(582) 评论(0) 推荐(0) 编辑

一文学会 TypeScript 的 82% 常用知识点（上）

摘要：对于前端从业者来说，TypeScript（以下简称 TS）已经不算是新技术。 Vue3 的源码基于 TS 编写， Angular 项目默认支持 TS 等。它出现的频率越来越高，而学习难度并不大，大概一个周末可以熟悉。投入少，产出大，所以最好还是花点时间学习一下。本文根据 TS handbook 阅读全文

posted @ 2019-11-30 00:23 漫思阅读(1047) 评论(0) 推荐(0) 编辑

深入理解ES6之解构

摘要：变量赋值的痛对象 let o = {a:23,b:34}; let a = o.a; let b = o.b; 如上文代码，我们经常会遇到在各种场合需要获取对象中的值的场景，舒服一点的是获取单个属性，很多时候，要获取的是接口中的各个对象，在ES5中，我们不得不如上文一样，将同一行代码复制多遍数组阅读全文

posted @ 2019-11-29 10:51 漫思阅读(482) 评论(0) 推荐(0) 编辑

Redux 入门教程（一）：基本用法

摘要：下载一份我的代码一年半前，我写了《React 入门实例教程》，介绍了 React 的基本用法。 React 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案。有两个方面，它没涉及。代码结构组件之间的通信对于大型的复杂应用来说，这两方面恰恰是最关键的。因此，只用 React 没法阅读全文

posted @ 2019-11-28 17:47 漫思阅读(694) 评论(0) 推荐(0) 编辑

react组件通信方式汇总

摘要：父组件更新组件状态，通过props传递给子组件，子组件得到后进行更新。Timer 是倒计时子组件，集成在了OrderPay父组件里，父组件向子组件传订单数据参数order对象。如下代码：在子组件里直接通过props获取父组件传递过来的参数，如下：子组件向父组件通信子组件更新组件状态，通过回调函阅读全文

posted @ 2019-11-28 17:37 漫思阅读(296) 评论(0) 推荐(0) 编辑

umi+dva+antd新建项目(亲测可用)

摘要：首先全局安装dva+umi umi:npm install -g umi dva:npm install -g dva-cli 判断umi是否可以用。 umi -v 通过脚手架创建项目一: mkdir myapp && cd myapp 二: npm create umi 三: ? Select 阅读全文

posted @ 2019-11-26 14:51 漫思阅读(2545) 评论(0) 推荐(1) 编辑

dva+umi+antd项目从搭建到使用（没有剖验证，不知道在说i什么）

摘要：先创建一个新项目，具体步骤请参考https://www.cnblogs.com/darkbluelove/p/11338309.html 一.添加document.ejs文件（参考文档：https://umijs.org/zh/guide/app-structure.html#src-pages-d 阅读全文

posted @ 2019-11-26 14:51 漫思阅读(542) 评论(0) 推荐(0) 编辑

HTTP缓存机制

摘要： Web 缓存大致可以分为：数据库缓存、服务器端缓存（代理服务器缓存、CDN 缓存）、浏览器缓存。浏览器缓存也包含很多内容： HTTP 缓存、indexDB、cookie、localstorage 等等。这里我们只讨论 HTTP 缓存相关内容。在具体了解 HTTP 缓存之前先来明确几个术语：缓存阅读全文

posted @ 2019-11-23 23:34 漫思阅读(282) 评论(0) 推荐(0) 编辑

企业网站常见需求整理

摘要： 1、新闻公告类维护，支持模板化。各类新闻支持不同的模板。 2、网站基本信息。 3、人员，角色，功能设置。 4、业务信息维护，产品简介。 5、招聘信息。 6、公司领导。 7、网站统计信息，浏览量，客户浏览器。 8、日志分析。包括用户行为，错误告警信息，浏览器信息，地域，ip，国家信息。 9、网站文化管阅读全文

posted @ 2019-11-23 23:15 漫思阅读(418) 评论(0) 推荐(0) 编辑

导航

公告