nzbin's recent timeline updates
nzbin's repos on GitHub
SCSS · 1343 watchers
three-dots
🔮 CSS loading animations made with single element.
JavaScript · 366 watchers
photoviewer
🖼️ A JS plugin to view images just like in Windows.
JavaScript · 196 watchers
magnify
🖼 A jQuery plugin to view images just like in Windows. Browser support IE7+!
HTML · 102 watchers
resume-boilerplate
📄 简历模板
JavaScript · 88 watchers
domq
🛠️ A modular DOM manipulation library.
HTML · 13 watchers
Framework7-CityPicker
🗺 CityPicker 移动端城市级联选择器
JavaScript · 11 watchers
CardShow
🃏 A jQuery plugin of drawing cards.
TypeScript · 11 watchers
memory-stake
🌳🔢 锻炼双位数打桩的小程序
JavaScript · 9 watchers
langton-ant-redux
🐜 Langton's ant built with React and Redux.
JavaScript · 8 watchers
movie-gallery-react
🎞️ ScatteredPolaroidsGallery made by React.
JavaScript · 8 watchers
unsliderjs
A very simple JS slider.
JavaScript · 7 watchers
movie-gallery
🎞️ Movie Gallery inspired by ScatteredPolaroidsGallery.
JavaScript · 3 watchers
notes-app-vuejs2-vuex2
📝 A notes-app made by vuejs2 and vuex2
JavaScript · 2 watchers
Framework7-Indexed-List-plugin
This plugin is for Indexed-List scroll like iOS have (and Android). Now I forked the plugin and make it can be called dynamic.
TypeScript · 2 watchers
InDiv
:octocat:An angular like web mvvm library.一个类 angular Web mvvm库。https://dimalilongji.github.io/InDiv
1 watchers
angular-challenges
TypeScript · 1 watchers
angular-cli
CLI tool for Angular
TypeScript · 1 watchers
angular-skyhook
An implementation of react-dnd for Angular.
1 watchers
board
✏️ Minimal rich text editor.
1 watchers
gitbook-lang-test
GitBook 多语言测试
1 watchers
gitbook-test
测试 GitBook 的功能
1 watchers
github-test
测试 GitHub 的功能
1 watchers
guard
💂‍♂️ Login Verification
1 watchers
ngx-unslider
1 watchers
nzbin
Hi there 👋
1 watchers
photoviewer-chrome-plugin
PhotoViewer plugin for Chrome.
JavaScript · 1 watchers
react-history-route-test
Test react history route
1 watchers
scrollbart
1 watchers
web-design-notes
前端写给设计的设计注意事项
1 watchers
website
HTML · 1 watchers
zepto
Zepto.js is a minimalist JavaScript library for modern browsers, with a jQuery-compatible API
HTML · 0 watchers
3dtransforms
:package: Introduction to CSS 3D transforms
HTML · 0 watchers
blog-hexo
⛔️ The repository has already abandoned!
JavaScript · 0 watchers
Cellular-Automaton
👾 Cellular-Automaton,A Simple Cell Game with Vue.js and koa2
0 watchers
component-party.dev
🎉 Web component JS frameworks overview by their syntax and features
0 watchers
gator
Event delegation in Javascript
CSS · 0 watchers
mvvm
剖析vue实现原理,自己动手实现mvvm
HTML · 0 watchers
nzbin.github.io
My Simple Website.
0 watchers
orientation-game
🤹 An orientation game with deviceorientation API.
JavaScript · 0 watchers
rate-my-life
Java · 0 watchers
springboot-webapp
JavaScript · 0 watchers
unslider
A very simple jQuery slider.
nzbin

nzbin

🏢  人人网 / 前端开发工程师
V2EX member #277218, joined on 2017-12-27 10:58:00 +08:00
Today's activity rank 7002
闲暇之余,简单模拟了一个 web 版的 macOS 桌面
程序员  •  nzbin  •  Mar 20, 2025  •  Lastly replied by kasusa
16
ng-matero v18 来了!发布五年以来首次 UI 大改版!
分享创造  •  nzbin  •  Jun 24, 2024  •  Lastly replied by nzbin
4
ng-dnd 3.0 发布了!🎉
Angular  •  nzbin  •  Apr 26, 2024  •  Lastly replied by nzbin
3
低代码之光!轻量级 GUI 的设计与实现
程序员  •  nzbin  •  Dec 30, 2023  •  Lastly replied by nzbin
10
一款专为低代码平台打造的轻量级 GUI 库,欢迎围观!
  •  2   
    分享创造  •  nzbin  •  Nov 17, 2023  •  Lastly replied by nzbin
    17
    维护了四年的开源项目终于收获 1000 star
    程序员  •  nzbin  •  Aug 30, 2023  •  Lastly replied by touchmii
    9
    Ng-Matero v14 已发布
    分享创造  •  nzbin  •  Jul 22, 2022  •  Lastly replied by string2020
    3
    Ng-Matero v13 已发布!
    分享创造  •  nzbin  •  Dec 27, 2021  •  Lastly replied by lait123
    2
    一个 CSS 小项目的千星之路
    程序员  •  nzbin  •  Dec 14, 2021  •  Lastly replied by nzbin
    7
    nzbin's recent replies
    @1244943563

    必须解释一下,国内对 Angular 的误解还是太大,随着 Angular 最近几年的发展已经不重了,说它重难道是因为“大而全”。目前 Angular 已经有了 signal 响应式原语,这也是 tc39 signal 提案的关键参考依据。
    暂时用不到,但也希望支持 Angular
    @elboble 也可以选择 Angular
    @helee9199 #16
    其实用 java 思维写 Angular 是完全没问题的,比如你定义一个 class 来处理 model 肯定可以,但是要转换 class 才能传给 this.fb.group ,有 OOP 的编码经验上手 Angular 会更容易
    先不用考虑 signal form ,对于小白来说,你的需求首选就是 Reactive Form

    第一:50 个字段不算多,一般就是初始化定义一次,用的就是 this.form = this.fb.group
    第二:提交的时候直接用 this.form.value (或者 this.form.rawValue ,禁用的字段也能取出) 获得表单值就可以,不需要额外处理了(特殊情况可能会对某几个字段处理)
    第三:想要做到第二点可能需要自定义表单控件,不过大部分组件库的大部分组件应该都满足,考虑到业务的多样性,很多情况是满足不了的,比如有一个布尔类型的字段,前端组件库处理都是 true 或者 false ,但是后端要求传值是 1 和 0 ,那直接绑定就不行了,提交的时候肯定要后处理,但是你可以定义一个 <app-checkbox /> 的组件,内部做转换,form.value 的值不用后处理了
    第四:patchValue(object) 就行啊,也不用一个一个字段写出来,后端的返回数据和提交数据应该都一样吧,特殊不一样的字段单独处理就行

    当然,对于新手来说,不用考虑第三点,先用 form.value 取值,最后需要处理的字段单独处理就行了
    Oct 30, 2025
    Replied to a topic by lizy0329 程序员 你们觉得 Ramda 这个库咋样?
    @zaneliu #7
    看完之后,我反倒觉得 rxjs 更能体现“流水线”这种思想

    https://rxjs.tech/guide/overview

    fromEvent(document, 'click')
    .pipe(
    throttleTime(1000),
    map((event) => event.clientX),
    scan((count, clientX) => count + clientX, 0)
    )
    .subscribe((count) => console.log(count));
    @summerwar 好主意,这就安排上
    Jul 14, 2025
    Replied to a topic by insanny Angular 关于外部 js 修改 dx-select-box 的值的可行性
    换个思路,<dx-select-box #dxSelectBoxInstance>,可以在组件里面获取实例,然后把实例赋值到 window 上面,比如 window.dxSelectBoxInstance = dxSelectBoxInstance ,这样就能用 js 操作了
    Jul 14, 2025
    Replied to a topic by insanny Angular 关于外部 js 修改 dx-select-box 的值的可行性
    用框架是不建议直接操作 dom 的,好奇是什么场景必须用这种方式。<dx-select-box> 实例和 dom 元素没有关系,除非组件库给出 api ,否则肯定拿不到
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3071 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 15:08 · PVG 23:08 · LAX 08:08 · JFK 11:08
    ♥ Do have faith in what you're doing.