夏天夏 夏天夏
首页
  • 技术分享

    • 小白都能看懂的闭包
    • 关于后台管理应用
    • 关于技术的取舍
    • 前端工程化
    • 切换node版本
    • 如何优雅的写事件代理
    • 我所不了解的技术
    • 我喜欢的parcel
    • angular1使用
    • npm script打造前端工作流
  • 发布一个node插件

    • 发布一个npm包
    • 如何打包一个插件工具库
    • 打包工具的选择
  • 年终总结

    • 2019年总结
    • 2020年总结
    • 2021年总结
  • JavaScript
  • CSS
  • 框架
  • Node
  • 服务
  • web3
  • 其他
我的作品
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

夏天夏

我也不饶岁月
首页
  • 技术分享

    • 小白都能看懂的闭包
    • 关于后台管理应用
    • 关于技术的取舍
    • 前端工程化
    • 切换node版本
    • 如何优雅的写事件代理
    • 我所不了解的技术
    • 我喜欢的parcel
    • angular1使用
    • npm script打造前端工作流
  • 发布一个node插件

    • 发布一个npm包
    • 如何打包一个插件工具库
    • 打包工具的选择
  • 年终总结

    • 2019年总结
    • 2020年总结
    • 2021年总结
  • JavaScript
  • CSS
  • 框架
  • Node
  • 服务
  • web3
  • 其他
我的作品
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • JavaScript

  • CSS

  • 框架

  • Node

  • 服务

  • 其他

    • 编程概念
    • 打包工具
    • 关于前端接口管理的一些思考
    • 开发环境
    • 浏览器兼容问题
    • 前端单元测试
    • 前端资源
      • 其他
      • 我喜欢的ui风格
      • 教程
      • Web组件类库
      • Vue
    • 实用代码段
    • 书籍
    • 造轮子思路
    • 造轮子思路二
    • 自定义组件
    • ajax
    • git笔记
    • iview踩坑记
    • sass
    • webpack原理跟配置
    • Canvas
    • OpenGraph
    • SEO
  • 设计模式

  • web3

  • react

  • 学习笔记
  • 其他
夏天夏
2022-05-15
目录

前端资源

# 其他

  • js练习 (opens new window)
  • codewars (opens new window) 编程语言练习
  • leancloud (opens new window) 后端云服务
  • codepen (opens new window) 用CSS来画画
  • codrops (opens new window) 日常网站特效
  • 创意设计稿 (opens new window)只有静态和动态图
  • 前端学习指南-知乎专栏 (opens new window)
  • 用jQuery开发插件 (opens new window)
  • navFixed (opens new window) 滚动下一页顺便吧导航栏滚动固定到顶部的jq插件
  • 前端资源大汇总 (opens new window)
  • 优雅的使用sublime (opens new window)
  • sublime20个插件 (opens new window)
  • InterviewMap (opens new window)
  • 2018热门动画库 (opens new window)
  • HTML源头W3.org文档
  • 兼容查看caniuse
  • 图床sm.ms
  • csssprites.com
  • css-sprite (opens new window)
  • 全屏滚动插件fullpage (opens new window)
  • code标签语法高亮 (opens new window)
  • 申请JetBrains IDE编辑器正版使用权 (opens new window)

# 我喜欢的ui风格

  • 手绘风格 wiredjs (opens new window)
  • 涂鸦风格 roughjs (opens new window)
  • 白色线条风格papercss (opens new window)

# 教程

  • 前端组件设计--位运算的妙用 (opens new window)
  • Node 调试工具入门教程 (opens new window)

# Web组件类库

  • Polymer: Google推出的web组件库,支持数据的单向和双向绑定,兼容性较好,跨浏览器性能也较好;
  • X-Tag: 微软推出的开源库,支持Web Components规范,兼容Web ComponentsAPI;
  • Hybrids (opens new window) 是一个用于使用简单和功能API创建Web组件的UI库。
  • LitElement (opens new window):使用lit-html (opens new window)渲染到元素的Shadow DOM中,并添加API以帮助管理元素属性和属性。
  • Polymer (opens new window):提供了一组用于创建自定义元素的功能。
  • Slim.js (opens new window) 轻量级的web组件库,专注于帮助开发者更好的编写原生web组件,而不依赖于其他框架,但是也提供了良好的拓展性,开发者可以自由拓展。
  • Stencil (opens new window)是一个开源编译器,可生成符合标准的Web组件。

# Vue

VUE实用组件 (opens new window)

编辑 (opens new window)
#前端资源
上次更新: 2022/05/30, 17:42:07
前端单元测试
实用代码段

← 前端单元测试 实用代码段→

最近更新
01
远程办公的个人思考
02-21
02
SEO
01-02
03
NFT的价值
12-27
更多文章>
Theme by Vdoing | Copyright © 2019-2025 夏天夏 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式