自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

当白的技术小窝 ( git : https://github.com/canwhite )

大人不华,君子务实,之前EverNote,现在CSDN,欢迎交流

  • 博客(416)
  • 资源 (1)
  • 收藏
  • 关注

原创 【js】单页面应用router的实现原理和简单实现

单页面应用路由的实现原理和简单实现原理========================首先第一个问题,在同一个页面上如何实现路径的变化,而不去自动刷新页面呢?hashpushState和replaceState以上两种可以只更改路径,不刷新界面========================然后第二个问题,不自动刷新页面,我们如何随着路径变化手动刷新页面呢?这里我们写一个routes去初始化添加path和path对应的callback注意,这个callback是我们手动刷新

2021-04-02 14:32:11 259

原创 【applet】小程序微服务框架

要解决的问题因为app比较重,所以这两年很多创业公司喜欢用小程序但是如果公司产品多,就会出现很多交集,比如这个里边包含另外一个的内容这时候就需要用到聚合管理了一些前置知识1.基座微服务里边有个基座概念,他是给子项目加载的容器,里边可以预置一些路由逻辑,方便子程序的跳转,我准备了一个示例 qc-wx-main2.子项目子项目单独可以运行,也可以加载到基座上运行准备了示例qc-wx-sub3.微信原生的subpackages小程序在app.json文件中通过配置subpackage

2021-03-18 12:40:13 443 2

原创 【applet】原生小程序 VS uni-app小程序

1.----------属性插值-------------小程序:属性插值是双括号之内有乾坤prop = “{{name}}”uni-app:更贴近vue的写法,双引号之间有乾坤,直接字符串给了prop = “name”2.----------事件触发-------------小程序:一般实bind+事件类型拼接出事件,估计是通过bind监听做的事件调度bindtap=“clickMe”uni-app:vue的写法,v-on:click或者语法糖@click获取@click=“cli

2021-03-06 17:28:31 548 3

原创 【react】fiber简明教程

1.requestIdleCallbackrequestIdleCallback(workLoop);这是浏览器给出的一个新APIrequestIdleCallback接收一个回调,这个回调会在浏览器空闲时调用,每次调用会传入一个 deadline,可以拿到当前还空余多久可以左自己的事情然后我们就可以在这个空余时间去遍历自己的fiber tree2.fiber tree整体是个链表我们假设有这样一个元素树链表生成的过程是:root的child设置为div然后在div的找它的child(

2021-01-31 14:39:43 293

原创 【react】useMemo和useEffect的相同点和不同点

1.相同点两者在写法上有很大的相同之处useMemo第一个参数需要返回一个函数,useEffect也可以返回一个函数两者第二参数都可以放一个数组,里边的元素有着浅比较触发函数的作用不同点useMemo是dom更新前触发的,useuseEffect是dom更新后触发的useMemo主要能和useCallback联合使用,利用其浅比较的能力和useCallback缓存函数的作用一起封装函数,见另一篇文章useEffect主要用来模拟生命周期post【react】useCallback

2021-01-25 21:43:41 1782

原创 【react】useCallback和useMemo的真正区别和配合使用实例

今天认真看了useCallback和useMemo并且在网上找了很多相关资料,发现传抄严重而且理解的真不咋地so有问题自己写一下~pre:引入import {useCallback,useMemo} from 'react';1.子组件里测试useMemofunction Example6(props){ //当props.count发生改变的时候,会触发事件, //自动触发,不需调用 useMemo(() => doSomething(props.count), [pr

2021-01-25 17:49:09 1210

原创 【vue】生命钩子免费视频课

生命钩子webpack中的tapable核心库是在学习vue、react和angular的生命钩子的时候发现的,所以做了这么一套课,自己学的时候也旨在分享给大家,如果对你有帮助,请在相关的视频下素质三连,爱你么么哒~相关视频资源webpack-tapable-1-目标和基础概念webpack-tapable-2-同步钩子的使用webpack-tapable-3-异步并行钩子的使用webpack-tapable-4-异步串行钩子的使用webpack-tapable-5-钩子的封装webpack

2020-12-23 16:02:43 81

原创 【webpack】webpack/tapable轻松上手

webpack tapable这是自己做的一套视频课,用来学习钩子函数、响应式编程,了解webpack写插件的方法,并走了webpack的打包流程,如果对你有帮助,请在相关视频下素质三联,爱你么么哒~相关视频资源webpack-tapable-1-目标和基础概念webpack-tapable-2-同步钩子的使用webpack-tapable-3-异步并行钩子的使用webpack-tapable-4-异步串行钩子的使用webpack-tapable-5-钩子的封装webpack-tapable

2020-12-23 15:57:21 97

原创 【vue】cell样式

Pre:看下效果一.templatecells是一个容器,cell是为了提供高度和下划线,content是一个栅栏<!--显示列表的部分--><divclass="cells"v-for="(item,num)inmapList":key="num"@click="details(item)"><divclass="cell">...

2020-09-29 14:58:19 1875

原创 【css】border-shadow

box-shadow: h-shadow v-shadow blur spread color inset;h-shadow :从左上角原点横线移动举例,正值向右,负值向左 v-shadow:从左上角原点纵向移动距离,正值向下,负值向上 blur :呈现模糊效果,如果不给这个阴影完全是实心的,巨丑 spread:阴影尺寸 color : 阴影显示颜色 inset :展示为内部阴影,也可以展示为outset,直接写inset/outset就可以talk is cheap!一个实例:往..

2020-09-18 09:54:30 5646

原创 【python】windows上不同python版本的切换使用

将python3和python2都装上后选中:我的电脑(右键)=>属性=>高级系统设置(左侧)=>环境变量 => 系统变量 =>PATH将path里边你要用的python版本上移到其他版本的前边;重新打开终端,输入python,默认的python就会变成你需要的版本...

2020-08-28 11:43:42 203

原创 【js】ES6中let和const异同

相同点:它们都是在当前生命的逻辑块有效不同点:const 在初始的时候确定好值之后是不可以修改的

2020-08-19 16:10:19 129

原创 诸葛亮舌战群儒的技术分析总结

原文出自同人于野,是得到上我比较喜欢的一位作家万维钢这是他早期的一篇文章,这里作下总结:过程:- 张昭一上来用的就是第一个技术,而且是先把诸葛亮抬上去(自比管乐、如鱼得水)再揭短:怎么刘备得了你反而地盘还变小了呢?- 这个是事实俱在,诸葛亮只能拔高境界:道德上不忍夺同宗之基业,战略上别有良图。- 但张昭不买账,继续揭短,仍然先捧后摔,列举诸葛亮种种败绩。- 于是诸葛亮用非常长的篇幅列举种种有利于自己的事实,包括起点低、客观条件差、照顾百姓等等,以及自己就是在这样的条件下也取得了种种

2020-08-12 14:20:08 999

原创 7.C语言中一维数组和二维数组的指针区别

Pre:在c语言中a和a[0]和a[0][0]地址是一致的1.二维数组a =[ [0,1,2,3,4], [4,5,6,7,8], [8,9,10,11,12], [12,13,14,15]]二维数组取第一层,取得是里边元素的地址;再取一层取到的才是内容eg:*a取到的是a[0]的地址,也就是a[0][0]的地址*(a+1)取到的是a[1][0]的地址**a取到的是a[0][0]的值2.一维数组b = [1,...

2020-08-05 11:57:26 208

原创 品设和人设以及向下思考

无论是商品的铺天盖地的广告建立的“品设”,还是演员所建立的“人设”,说白了就是将某个商品或人和某种文化挂钩,再往下解构,是和每个家庭挂钩,再往下是和人挂钩,然后姜太公钓鱼愿者上钩;愿者上钩本身也意味着,人要通过买商品和粉某个人实现某种价值,或者说是往身上贴标签,那么通过贴标签或者实现价值这个突破口,往下解构人的底层,会得到什么呢?七宗罪?...

2020-06-30 10:35:43 157

转载 【python3】自定义包管理

文章目录@[toc]1.自定义包1.1. parent 目录中的文件__init__.py1.2. pack 目录中的文件__init__.pymod.py1.3. pack2 目录中的文件__init__.pymod2_1.pymod2_2.py2.导入(自定义)包的3种方法3.扩展Python自定义包及3种包导入方式1.自定义包包就是一个至少包含__init__.py文件的文件夹,这个文件是必须存在的...

2020-06-23 11:33:41 513

原创 【python3】asyncio:异步的同步写法

基本概念: Asynchronous I/O(异步 I/O)。当代码需要执行一个耗时的 I/O 操作的时候, 它只发出 I/O 的指令, 并不等待 I/O 的结果, 然后去执行其它的代码, 以提高效率。 event loop(事件循环)。把基本的 I/O 操作转换为需要处理的事件, 通过事件循环做事件的监测和事件触发等处理工作。 coroutines(协程)。线程是由操作系统控制切换的, 使用协程可以收回控制权, 并且将异步编程同步化, 注册到事件循环中的事件处理器就是协程..

2020-06-23 09:29:16 4043

原创 WSL + windows terminal :还装啥虚拟机和双系统

windows和ubuntu通过windows terminal共用所有资源,两个系统可以并行,互不影响,然后我们思考如何安装ubuntu大致分成四个部分:1.让windows可以安装ubuntu(1)windows10 更到最新(2)设置——>更新和安全——>针对开发人员——>开发人员模式(3)控制面板——>程序——>程序和功能——>启用或关闭Windows功能——>适用于Linux的Windows子系统——>确定 (然后重启)..

2020-06-11 10:53:42 1491 1

原创 【nginx】vue + nginx + koa2

一、安装nginx和配置文件(cenos)安装:sudo yum -y install nginx操作:$ sudo systemctl enable nginx # 设置开机启动$ sudo service nginx start # 启动 nginx 服务$ sudo service nginx stop # 停止 nginx 服务$ sudo service nginx restart # 重启 nginx 服务$ sudo service...

2020-05-25 10:36:48 749

原创 【css】vue中的scoped

这里主要写一个注意事项:如果要对外部组件进行修改,需要把scoped去掉这样才能实现回溯源头否则,对外部组件修改的一些效果很有可能出不来去掉之后,只是当前页面的样式修改了,并不会污染全部...

2020-05-06 18:39:35 203

原创 【vue】uni-app快速上手

环境搭建 项目脚手架搭建或者初始化 | 项目结构 页面编写、逻辑层和生命周期 路由配置 网络库使用 组件和api使用 调试和打包 一、环境搭建安装npm install -g @vue/cli二、项目脚手架搭建或者初始化 | 项目结构初始化一个uni-app项目vue...

2020-03-20 11:46:06 525

原创 【js】parseFloat和Number

parseFloat()并不能进行数据类型转换,所以对字符串进行parseFloat()是不起作用的,需要使用Number()进行强制类型转换;Number()可以强制转换数据类型;但是,如果涉及到精度计算,建议用decimal.js毕竟,js的计算能力在那放着呢~~...

2020-03-16 18:25:22 373

原创 【vue】ramda.js在vue中的使用

1.package.json"ramda": "^0.26.1”,2.在vue中局部使用:import * as R from ‘ramda'console.log('=======Ramda',R.map(x=>x*2)([1,2,3]));3.在vue2.0中全局使用:index.js中import * as R from 'ramda'...

2020-03-16 18:10:45 1656

转载 【vuex】从使用到原理

一、Vuex是什么Vuex是专门为Vuejs应用程序设计的状态管理工具。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。1、Vuex的构成由上图,我们可以看出Vuex有以下几个部分构成:1)statestate是存储的单一状态,是存储的基本数据。2)Gettersgetters是store的计算属性,对stat...

2020-03-13 14:20:43 215

原创 【css】两个很有用的css属性:overflow、box-sizing

(1)overflow 常用两种:hidden:内容会被修剪,并且其余内容是不可见的 auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。(2)box-sizing常用一种:border-box:边框和内边距向内求...

2020-03-13 09:49:14 332

原创 【js】作用域和switch

作用域是一套规则:控制着一组堆栈集合的约束关系外在表现形式一般是{ 逻辑块}规则上,引用计数:在赋值、set、点语法、new对象这些涉及堆栈操作的时候,引用计数会+1在出大括号的时候会-1一个例子:switch(表达式): case a: 代码块1 break; case b:...

2020-03-12 09:36:05 778

原创 【js】写if表达式遇到的一个问题

//这种情况并不会得到自己想要的结果if(a>b){}//这种情况才能得到自己想要的结果if(a-b>0){}因为下边的这个是表达式,上边的不是...

2020-03-11 15:55:08 155

原创 mac上使用Cornerstone的时候的not authorized问题

如果你保证自己的账号密码是正确的,那么,解决办法是,找到mac上的钥匙链:右上角搜Cornerstone然后把有Cornerstone的内容全部删除,退出CornerStone,然后重新打开,就会提示你再输入账号密码。然后你就可以快乐的更新了~...

2020-03-11 10:33:43 756

转载 【js】数组总结

无意间发现的,挺好用的,记录一下POST:https://blog.csdn.net/museions/article/details/78491040

2020-03-10 10:19:34 109

原创 人生如何最快的找到全局最优解?

局部最优解我们很容易找到,因为人都是趋利避害的,但是对人生这个长久的时间线来说,怎么去找到全局最优解呢?那就是:“捅最大的马蜂窝,打最野的狗”;找到你这个行业最重要的事,为之付出大多数时间,而不是把时间放在简单的重复陷阱上。...

2020-03-08 21:48:17 1609

原创 【linux】如何查看你的某个进程是否在运行?

举一个简单点的例子:查看你的redis是否开启了?ps -ef | grep redis(1) ps -efps:查看瞬时进程-e :select all progress-f :全部列出,通常和其他选项联用(2)管道符| :管道符,将前边命令的结果传到后边(3)grepgrep: 查询文件中的内容 是否包含某个字段...

2020-03-06 18:01:44 2254

原创 【flutter】v1.12新版本的通信方法

我的flutter版本更新到了v1.12.13.所以之前的通信方法不能用了,现在公布一下新的通信方法。一、原生注册,在MainActivity.java中:/*Flutter定义了三种不同的PlatformChannel,大致分为:method、event和message通道,以下详解:(1)MethodChannel:用于传递方法调用,是比较常用的PlatformChan...

2020-02-21 10:16:00 745

原创 【flutter】v1.12版本之后如何设置使用Objective-C和Java开发

flutter create -i objc -a java flutter_android_new对Objective-C的设置,从 之前的全称呼,变为现在的objc简称了

2020-02-21 09:43:09 568

原创 锚点

在我来看这个应该是一个常识。如果想要让人接受一件比较差的事物,那么一定是用一个更差的东西做锚点。比如一些手机厂商竞价,都是拿自己的价格和其他的更高的价格做对比。可能是竞品或者海外商品。现实中也有很多这样的例子,包括谈恋爱也有,可以自己去发现...

2020-02-12 10:39:45 121

原创 【flutter】padding和margin

child: Container(//如果你使用了decoration属性,就不能再使用color属性。这个color参数只是“decoration: new BoxDecoration(color:color)”的简写。 //因此,以下代码运行会提示错误,二者不能同时出现 //color: Colors.green, padding: Edge...

2020-02-11 10:50:10 5893

原创 【fluttter】StatelessWidget和StatefulWidget的区别

如果用户交互或数据改变导致widget改变,那么它就是有状态的。如果一个widget是最终的或不可变的,那么它就是无状态。

2020-02-11 10:47:38 206

原创 【flutter】分包和引入

在pubspec.yaml中写下包名:name: material然后在lib下就可以添加新的文件了:SecondPage.dart引入的时候:import 'package:material/SecondPage.dart';

2020-02-11 10:42:56 1034

原创 【flutter】真机调试

将手机插到电脑上之后:flutter run然后显示以下内容:More than one device connected; please specify a device with the '-d <deviceId>' flag,or use '-d all' to act on all devices.BLA AL00...

2020-02-11 10:41:04 348

原创 【flutter】mac上android studio的配置

我的studio版本是3.3android studio 找到偏好设置,plugins,查找添加Flutter添加之后创建项目就简单了: 择File>New Flutter Project,主页面上就有New Flutter Project 选择Flutter application作为 project 类型, 然后点击 Next 输入项目名称 ...

2020-02-11 10:20:11 270

原创 【flutter】mac上vscode开发环境的配置以及遇到的问题

装上vscodevscode插件里边搜索Flutter,添加点击 :查看=> 命令面板=>输入Flutter,然后选择New Project出现让你加入SDK,选择本地的flutter,然后报错删除了flutter包bin里边的cache然后运行flutter doctor重新操作,成功...

2020-02-11 10:10:45 262

ios弹出列表

ios的列表弹出框,可以上下滑动,封装了方法,demo里边代码注释清晰

2018-07-06

空空如也

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

TA关注的人

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