0%

工作中遇到的H5 需要4个块级元素在一个窗口内横向滚动 如图image.png
刚开始直接使用css代码对窗口元素书写width: 690px;overflow-x: scroll;之后对其中的每个块级元素进行书写,因为块级元素内需要使用flex布局所以写了display:flex,写完调试发现并没有与想象中的横向滑动符合几个块级元素纵向的排列没有在一行内,如图image.png

阅读全文 »

起因:同样的css区域滚动代码,js加载数百条数据在一个区块滚动。安卓下没问题,ios下呈现这样的效果image.png,也就是数据粘在了一起。

解决思路: 一开始很懵逼,在mac的Chrome 模拟的iPhone下页面没有任何的问题,但是真机上就是出现了。

阅读全文 »

const PromiseAll = (array)=>{
let tempValue = [];
let i = 0;

return new Promise((resolve,reject)=>{
const next = () => {
array[i].then((res)=>{
i++;
tempValue.push(res)

return i === array.length ? resolve(tempValue):next()
}).catch((res)=>{
reject(`reject ${res}`)
})
}
next();
})
}

let p1 = Promise.resolve(1);
let p2 = Promise.resolve(2);
let p3 = Promise.resolve(3);

PromiseAll([p1,p2,p3]).then(res=>{
console.log(res) // [1,2,3]
})

let p4 = Promise.resolve(2);
let p5 = Promise.resolve(2);
let p6 = Promise.reject(1);

PromiseAll([p4,p5,p6]).then(res=>{
console.log(res) // reject 1
})

Hackintosh-K670D-G4E6

Hackintosh for Hasse

EFI下载地址为 Hackintosh-K670D-G4E6

最新提示 wtf====>HD Graphic 610 核显

Intel Pentium Gold G5420 使用的核显是Intel HD Graphic 610
现在基本没有办法驱动这个hd 610 核显,导致电脑特别的卡以及一些观感问题
加上这台电脑又是NVIDIA的独显,在macOS 10.13之后的版本已经没有NVIDIA的独显驱动适配了
所以我打算将macOS版本降级到10.13.6版本

我安装的是macOS 版本为10.14.4

配置
CPU Intel Pentium Gold G5420 @ 3.80GHz 双核
GPU NVIDIA GeForce GTX 1050 4GB GDDR5
网卡 瑞昱RTL8168/8111/8112 Gigabit Ethernet Controller
硬盘 镁光256GB/固态硬盘
内存 8G DDR4 英睿达 2666MHZ

使用方法

将下载好的EFI文件夹替换U盘掉原来的EFI文件夹

如果没有制作过u盘可以通过下面提供的工具来制作

u盘制作工具链接: https://pan.baidu.com/s/18r3plI7BTnYCG6OTY2S5KQ 提取码: b9ij

阅读全文 »

在我的许多实际工程中,我并没有使用什么所谓前端代理去解决跨域问题,都是让运维大佬给我在配置里增加一下我的本机 ip。

今天乘着结束一个小项目的时候把玩下前端代理

  1. 首先我是用的技术栈是 react+antd+dva+umi,其中 umi 已经使用了 webpack-dev-server 插件 所以可以直接进行配置。
    如果你用的也是 umijs 这个 react 应用框架 可以直接使用如下配置

    阅读全文 »

React componentDidMount 中尽量别使用 setState 方法

在 componentDidMount()中,你可以立即调用 setState()。它将会触发一次额外的渲染,但是它将在浏览器刷新屏幕之前发生。这保证了在此情况下即使 render()将会调用两次,用户也不会看到中间状态。谨慎使用这一模式,因为它常导致性能问题。在大多数情况下,你可以 在 constructor()中使用赋值初始状态来代替。然而,有些情况下必须这样,比如像模态框和工具提示框。这时,你需要先测量这些 DOM 节点,才能渲染依赖尺寸或者位置的某些东西。

componentDidMount 本身处于一次更新中,我们又调用了一次 setState,就会在未来再进行一次 render,造成不必要的性能浪费,大多数情况可以设置初始值来搞定。当然在componentDidMount我们可以调用接口,再回调中去修改state。

为了避免 js 运算出现如image.png 这种情况
推荐使用 decimal.js 这个库来帮助我们处理精度问题

1.首先引入
(1). 标签引入方式 <script src="https://cdn.bootcss.com/decimal.js/10.2.0/decimal.js">
(2). npm intall decimal.js or yarn add decimal.js

2.使用方式

阅读全文 »

  1. 区块链是信任的机器,也是一个价值互联网


    区块链用一套数学算法确保了两个陌生人不借助于第三方的情况下,把一笔交易,不管是金融的交易或者是商品的交易完成。这就是区块链最核心,最本质的东西。


  2. 从三个层次了解区块链


    1. 第一个层次,区块链最底层的一个层次,实际上是分布式网络,区块链是架构在分布式网络技术之上的一个应用。


    2. 第二个层次,在分布式网络基础上,如果我们给它加上一层东西,加一层密码学的账本体系,这个分布式网络就变成了分布式账本


    3. 第三个层次,公有区块链或者叫比特币区块链

      阅读全文 »

  1. 比特币区块链难以建设一个去中心,民主平等的社会。
    底层代码的核心团队与参与挖矿和运行的主要力量能够发挥更大的影响力。
    受计算机运算能力的影响,比特币的挖矿和获得,并不是想宣传额那样人人都有平等的机会,竞争的结果,使得挖矿获得比特币的机会越来越集中到少数算力强大的矿池或者节点上。


  2. 比特币区块链'去信任','去中介'的点对点交易是有严格条件的。
    即所有的人都参与到同一个比特币区块链网络平台,平台上运行的只能是比特币,而不能是比特币以外的其他资产或价值,比特币从其生产的源头就得到网络系统严密的验证和记录,难以造假或者篡改。因此,比特币需要在一个'干净',基于比特币区块链网络平台的环境


    阅读全文 »