倔强的二文鱼

倔强的二文鱼 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

倔强的二文鱼 提出了问题 · 9月10日

angular 在初始化lowdb用了await ,调用这个服务的时候,会提示db是undefine,怎么破

import { Injectable } from '@angular/core';

import * as lowdb from 'lowdb';

import { ElectronService } from '../core/services';

  

@Injectable({

 providedIn: 'root'

})

export class LowdbService {

 private db: lowdb.LowdbAsync<any>;

 constructor( private elec:ElectronService) {

 this.initDatabase();

 }

 set( field: string, value: any ) {

 this.db.set( field, value ).write();

 }

 private async initDatabase() {

 const adapter = new this.elec.Adapter( this.elec.lowdbPath );

 this.db = await lowdb( adapter );

 this.db.defaults({

 a:123

 }).write()

 }

}

关注 1 回答 0

倔强的二文鱼 关注了问题 · 8月20日

css3 animation动画的过程能监听到吗

css3 animation动画 在动画过程中的状态能监听到吗

关注 2 回答 1

倔强的二文鱼 关注了专栏 · 8月20日

ThinkJS

ThinkJS 官方博客

关注 2151

倔强的二文鱼 关注了问题 · 8月20日

下面链接中的这种动画的css代码是生成的还是手写的?手写的这也太强了吧!!

https://codepen.io/ricardoolivaalonso/pen/rNeeJWb

image.png

点开链接看看,有动画的

恐怖如斯??

关注 2 回答 1

倔强的二文鱼 提出了问题 · 8月20日

下面链接中的这种动画的css代码是生成的还是手写的?手写的这也太强了吧!!

https://codepen.io/ricardoolivaalonso/pen/rNeeJWb

image.png

点开链接看看,有动画的

恐怖如斯??

关注 2 回答 1

倔强的二文鱼 收藏了文章 · 7月20日

我写了一个新拟态的库 neumorphism ,名字叫fish-design

最近流行新拟态,很多设计师在创作中都用到了。我开发了一个新拟态的库,fish-des。
安装很简单

npm install fish-des --save

在react的index.js中导入,放在antd.css等等的下面

import 'fish-des/dist/index.css'

小团队写的,轻喷。~~

放一些组件的图片看看。强烈建议进入组件库文档看看。
fishdesign
讨论可以加我微信jiaxiaole_2008

Carousel

深度截图_选择区域_20200719172149.png

Button

深度截图_选择区域_20200719171924.png

Badge

深度截图_选择区域_20200719172002.png

Avatar

深度截图_选择区域_20200719172030.png

Autocomplete

深度截图_选择区域_20200719172115.png

Calendar

深度截图_选择区域_20200719172133.png

Dialog

深度截图_选择区域_20200719172211.png

Input

深度截图_选择区域_20200719172250.png

Pagenation

深度截图_选择区域_20200719172258.png

Paper

深度截图_选择区域_20200719172314.png

Progress

深度截图_选择区域_20200719172329.png

Checkbox

深度截图_选择区域_20200719172341.png

Steps

深度截图_选择区域_20200719172348.png

Timeline

深度截图_选择区域_20200719172400.png

Toggle

深度截图_选择区域_20200719172413.png

Upload (这个主要是支持框选)

深度截图_选择区域_20200719172427.png

Switch

深度截图_选择区域_20200719183456.png

最后再次强烈建议进入组件库文档看看。
fishdesign
讨论可以加我微信jiaxiaole_2008

查看原文

倔强的二文鱼 发布了文章 · 7月19日

我写了一个新拟态的库 neumorphism ,名字叫fish-design

最近流行新拟态,很多设计师在创作中都用到了。我开发了一个新拟态的库,fish-des。
安装很简单

npm install fish-des --save

在react的index.js中导入,放在antd.css等等的下面

import 'fish-des/dist/index.css'

小团队写的,轻喷。~~

放一些组件的图片看看。强烈建议进入组件库文档看看。
fishdesign
讨论可以加我微信jiaxiaole_2008

Carousel

深度截图_选择区域_20200719172149.png

Button

深度截图_选择区域_20200719171924.png

Badge

深度截图_选择区域_20200719172002.png

Avatar

深度截图_选择区域_20200719172030.png

Autocomplete

深度截图_选择区域_20200719172115.png

Calendar

深度截图_选择区域_20200719172133.png

Dialog

深度截图_选择区域_20200719172211.png

Input

深度截图_选择区域_20200719172250.png

Pagenation

深度截图_选择区域_20200719172258.png

Paper

深度截图_选择区域_20200719172314.png

Progress

深度截图_选择区域_20200719172329.png

Checkbox

深度截图_选择区域_20200719172341.png

Steps

深度截图_选择区域_20200719172348.png

Timeline

深度截图_选择区域_20200719172400.png

Toggle

深度截图_选择区域_20200719172413.png

Upload (这个主要是支持框选)

深度截图_选择区域_20200719172427.png

Switch

深度截图_选择区域_20200719183456.png

最后再次强烈建议进入组件库文档看看。
fishdesign
讨论可以加我微信jiaxiaole_2008

查看原文

赞 3 收藏 3 评论 0

倔强的二文鱼 提出了问题 · 7月19日

ts中的字符串字面量能不能和数组相互转化?

我在写一个react icon组件的文档,想列出所有iconname=字符串字面量的情况,想将iconprops转化为数组,然后在react中循环。

关注 1 回答 0

倔强的二文鱼 提出了问题 · 6月15日

解决js中这个60_000是什么类型

  changeHour = createEffect(() =>
    interval(60_000).pipe(
      mapTo(new Date().getHours()),
      distinctUntilChanged(),
      map(hour => actionSettingsChangeHour({ hour }))
    )
  );

这个60_000是什么意思?在控制台中会报错

image.png

关注 2 回答 2

倔强的二文鱼 关注了问题 · 4月23日

hooks更新数组永远是长度为1的数组,不会递增


export default function Dev() {
  const [reqList, setReqList] = useState([]);
  useEffect(() => {
    chrome.devtools.network.onRequestFinished.addListener(async (...args) => {
      log(args);
      try {
        const [
          {
            // 请求的类型,查询参数,以及url
            request: { method, queryString, url },

            // 该方法可用于获取响应体
            response,
            time,
            timing,
            startedDateTime,
            getContent,
          },
        ] = args;

        log(method, response, queryString, url);

        // 将callback转为await promise
        // warn: content在getContent回调函数中,而不是getContent的返回值
        const content = await new Promise((res, rej) => getContent(res));
        // log(content);
        log(reqList);
        setReqList([
          {
            method: method,
            start: new Date(startedDateTime).toLocaleTimeString(),
            url: url,
            receive: 999,
            wait: 999,
            all: time,
            code: response.status,
            words: 'someWords',
            user: '某某',
            mocker: '某某',
          },
          ...reqList,
        ]);
      } catch (err) {
        log(err.stack || err.toString());
      }
    });
  }, []);
  return (
    <>
      <AppBar />
      <div className="d-flex">
        <div className="left">
          <RequestTable rows={reqList} rowClick={() => {}} />
        </div>
        <div className="right"></div>
      </div>
    </>
  );
}

如上面代码所示,传给RequestTable组件的rows这个props永远是长度为的数组?怎么理解

关注 3 回答 2

认证与成就

  • 获得 2 次点赞
  • 获得 6 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 6 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2018-01-29
个人主页被 184 人浏览