这个公司真是整人,忙得一批,害得我没时间写博客,axiba
1.今天来讲讲html自定义元素
注意shadow的使用
2.使用生命周期回调函数
3.继续看
adoptedCallback()这个自己去网上查吧,暂时没有文档
4.最后一个例子
该元素有p的特性
其实是上述的就是所谓的webcomponent,跟vue react的组件其实很像。
后续会带来rn的更多分享。。。
胆小认生,不易相处
1.今天来讲讲html自定义元素
注意shadow的使用
2.使用生命周期回调函数
3.继续看
adoptedCallback()这个自己去网上查吧,暂时没有文档
4.最后一个例子
该元素有p的特性
其实是上述的就是所谓的webcomponent,跟vue react的组件其实很像。
后续会带来rn的更多分享。。。
1.今天来讲讲react native里面的动画
上述是最简单的一个例子, 改变透明度
2.配合组件使用
通过touchable来控制scale, 注意Animated.spring的用法
3.进阶使用
上述是一个拖拽的动画, 结束后还有惯性运动
4.序列动画
上面这个例子应该看出来是干嘛的了吧, 没错就是个序列动画
5.同时进行动画
将上述的stagger的参数300去掉就可以同步进行。
6.下面来一波福利
上述只一个城市选择的通用组件, 父组件的value把城市地址传过来, 在vue中用起来很方便
###年后第一篇文章,纪念新的的一年,庆祝抽奖成功
1.晒一晒代码, 过完年是不是东西都忘关了
上述是一个典型的resolver, 这是存放在客户端的, 下面来看服务端的
插播一段函数
2.服务端resolver,需要认真看
此刻是不是觉得很烧脑, 别急我也是, 慢慢消化
3.休息一下看一下简单的schema吧
4.接下来是什么呢, 既然数据都有了, 那么该把数据放进页面了
如何, 上面的操作懂了吗, 点击加载更多调用fetchMore, 用对象结构操作合并数组。
5.最后来看一下服务端的index.js
这里应该看出来了数据的来源, 客户端的参数传递
6.Launch数据来源 默默看一遍
好了, 今天就到这里, 下次继续。。。
###年前最后一篇文章,纪念过去不曾察觉的一年,后天就过年了,新年快乐
1.apollo与graphql, gql支持很多语言,包括与前端的express和koa框架已集成。
2.创建数据模型
上述定义了试题类型和查询类型,不明白的可以去看graphql官网。
3.定义resolver实现查询接口
上述就是简单的crud操作,相信大家比较了解了。
4.提供前端数据来源,启动程序。
用node运行之后就可以开始使用graphql查询,作者现在大概也只掌握了一半多点的查询。。。
5.将apollo引入到已有的react项目中。
是的大家会感到奇怪,熟悉的redux的provider不见了,其实这里就是用Apollo来取代redux来做数据传递的。。。
6.在react页面中使用gql查询的数据
到这里我们刚才创建的books就可以显示到页面上了。
7.另一种方式呈现
这种方式大家会更熟悉吧,这也是redux像组件传递数据的一种形式。
8.每一期结尾送一波福利
1.今天来讲讲h5里面audio的知识
好了,有了以上对audio的理解,我们就能diy一个播放器。
2.下面就是展现实力的时刻
上面的代码生成我们的控制区域,接下来就是行为控制。
3.手动控制的逻辑
这些其实都不难,有人问在线播放的音乐链接如何获取,可以参考网易云音乐api
这篇关于虾米的也可以
4.最后来一波福利(纯css实现手风琴效果)
5.css部分
上述就是利用a的锚点和target的特性 max-height控制高度实现的效果,唯一不足的就是地址栏了。。。
1.获取canvas画布像素点信息
很多人很好奇这个imageData是什么,其实就是canvas画布里面每个像素点信息,4个为一组[r,g,b,a],代表该像素点的颜色和opacity.
2.收集像素点信息并重新赋值
上述pixels是对每个像素点的描述,x,y是对应的在画布中的坐标值,fillStyle是填充改点的色值。
3.利用requestAnimationFrame实现粒子效果
4.利用这个属性我们可以做一个简单的颜色选择器
是不是超级简单, 原来所谓的取色器不过如此。。。
5.利用色值平均将图片置灰
原来置灰的操作就是将rgb求平均值。
6.下面看一个稍微进阶的点的
上述就实现了一个文字打印的效果,其实不难,思路就是收集相同x坐标的像素点,不断增加x的值去重绘。
7.最后一个例子,利用该特性求面积
最后在这个 递归回溯算法我看了20分钟才算完全理清头绪,希望大家好好看看这里,其他并无难度。
1.本文讲一下react和java后台的socket通信。
上述是客户端代码
java后台的socket连接地址:ws://127.0.0.1:8080/websocketDemo/66
2.java socket连接代码
对于java陌生的可以自行学习,后台的服务端口是8080.
3.建立连接后的操作
看到这里奇怪了,ServerEncoder和MessagePojo2个类是干嘛的
4.socket信息传递的pojo
看到了这里大家大概也明白了, 这个是服务端和客户端信息通信的实体类。
5.转换信息载体的ServerEncoder类
实际上向客户端发送的pojo会经过ServerEncoder的encode方法,利用fastjson转化为json字符串。
6.看下服务端socket的其他代码
上述就是所有服务端的业务代码,比较复杂,可以慢慢消化。
7.看下客户端是如何接收
客户端代码其实很简单 只是需要JSON.parse一下把服务端的信息转化为对象来处理。
|
|
一个线程只能隶属于一个进程,但是一个进程是可以拥有多个线程的。
|
|
利用fork开启了一个子进程
|
|
nodejs虽然是单线程模型,但是其基于事件驱动,异步非阻塞的模式,可用于高并发场景,避免了线程创建和线程上下文切换所消耗的资源。
|
|
根据cpus的个数创建子进程
|
|
nodejs进程的就到这里
|
|
1.故事起因,且看以下代码
看了上面的代码很多都说5秒钟列表渲染有变化, 其实不然。。。3s后dom无变化。
2.来瞧一下proxy的用法
可以看到proxy其实和defineProperty很相似, 如果将上述的obj.name = ‘kkkkk’,那么p会怎样。。。
3.基本运用trap1 之set
3.基本运用trap2 之has
4.基本运用trap3 之set 修改行为
注意这个api.getUsers最后被修改为了一个function, 相当于一个装饰器作用。
5.最后再来看一个例子
用到了apply, 注意如果被代理的对象如果不是函数, 那么返回的proxy实例没有apply属性。
1.如何在react中使用immutable
2.在redux中使用immutale转化js数据
immutable对象是不可变的,每一个都是全新的对象
3.如何在reducer中编写代码
4.看到这里你需要对immutable的数据结构需要一点了解
5.react后续操作 页面数据获取
6.使用immutable的优点
猜猜上述 filter会执行多少次 答案是3次, 为什么不是7次。。。
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录(注意不是yilia根目录)执行以下命令:
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置:
jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true