jaywcjlove / fed Goto Github PK

View Code? Open in Web Editor NEW

458.0 14.0 158.0 3.05 MB

✪ 这是一个很酷炫的前端网站搜集器，导航网 http://jaywcjlove.github.io/FED

Home Page: http://jaywcjlove.github.io/FED

HTML 13.23% JavaScript 46.16% Stylus 40.61%

fed

fed's Introduction

前端导航网

弄个纯静态，便于维护的前端导航站。顺便放一些前端资源。提交网址

npm i @wcj/fed

import data from '@wcj/fed';

[
  {
    "name":"Mozilla 开发者网络",
    "url":"https://developer.mozilla.org/zh-CN/",
    "icon":"https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png",
    "des":"Mozilla 开发者网络（MDN）提供有关开放网络技术（Open Web）的信息，包括 HTML、CSS 和万维网及 HTML5 应用的 API。它还记录了  Mozilla 产品的文档，例如 Firefox OS。",
    "tags":["社区"]
  },
  // ....
]

分类搜索

关键字搜索

关键字点击

添加网站

方法一

Fork到自己仓库
修改根目录的data.json文件
Pull requests 给我哈！哈！哈！

{
    // 必填－名字
    "name":"JSLint", 
    // 必填－网址
    "url":"http://jslint.com/", 
    // 选填－图标 
    // => 默认在根目录下的 favicon.ico 可以不填这项
    "ico":"http://easings.net/favicon.png",
    // 必填－可以留空 － 描述说明
    "des":"在线JS校验工具" ,
    // 选填－标签，便于归类
    "tags":["工具"]
}

如果你已经fork了你得先更新上游代码，方法如下：

# 列出远程仓库 URL
$ git remote -v
# List the current remotes （列出当前远程仓库）
# origin  https://github.com/user/repo.git (fetch)
# origin  https://github.com/user/repo.git (push)

# 添加上游仓库URL
$ git remote add upstream https://github.com/otheruser/repo.git
# Set a new remote (设置一个新的远程仓库)

# 再次列出远程仓库 URL
$ git remote -v
# Verify new remote (验证新的原唱仓库)
# origin    https://github.com/user/repo.git (fetch)
# origin    https://github.com/user/repo.git (push)
# upstream  https://github.com/otheruser/repo.git (fetch)
# upstream  https://github.com/otheruser/repo.git (push)

# 获取上游代码
$ git fetch upstream

# 检查你的 fork’s 本地 master 分支，如果不在master 分支就切换到该分支
$ git checkout master
# Switched to branch 'master'

# 合并来自 upstream/master 的更改到本地 master 分支上。
$ git merge upstream/master

方法二

给我来个 issue 告诉我，数据填写参考方法一。

开发

$ npm install
$ npm run build
$ npm run watch:css
$ npm run watch:js
$ npm run server

fed's People

Contributors

Stargazers

Watchers

Forkers

lkel rawbin- thewindkee sonic0002 liaohui1080 xurui3762791 laila06 glowin xuexb jack0624 xiewenlong yincode singod rccoder xiaxueme codemima forkrepo xieqin javascript-scott jayin lakeui yaob421123 shidaifufen 931743010 moecao yaochuxia freedomlang joykuang woshiwjw11 hangzhouwan uglyghost07 13524809670 i-find monork postdep indigojh vincent697 papajia crerich wooodhead ibclee linyongping athanzhang jeasonstudio zyj1022 zanqianqvxifu namistudio wilon teng2015 kafka0102 liangyuzhe meqn lucoo01 allynyonge cced3000 dddreee bubble1229 pybyongbo xrogzu lamour1314 sharpdeep fore2016 gongzhibin jameslinus ncylm elllusion haiyangzhijia cuihongsen hiyangguo yong-lee huzjit2017 likunpeng06 shuaizend wsb260 lyz440682 wangchengguo cuitymiko gqzydh yuanhuawei huyashuais codedreamfy deepoceanone flyinkk miaoxu1com kukuzhang yuzhitu lizhil wasdokij truexin1292 guoyu07 shook2012 forksx linexjlin hhhcommon finderl superlong1210 showzonezhu gethac hudawei996 numgao

fed's Issues

假设内容量非常大，加载时间比较长，是否有解决方法

我测试了一个3w条的数据，利用你提供的代码，不过似乎刚开始加载起来时间非常长，是否有好的办法压缩这个时间，谢谢！

个人博客

{
    // 必填－名字
    "name":"喵呜网", 
    // 必填－网址
    "url":"http://meowv.com/", 
    // 选填－图标
    "ico":"http://meowv.com/favicon.ico",
    // 必填－可以留空 － 描述说明
    "des":"生命不息，奋斗不止" ,
    // 选填－标签，便于归类
    "tags":["博客"]
}

导航网站提交

{
    "name":"F10.导航网 - 优秀资源的聚合平台", 
    "url":"https://f10.org/", 
    "icon":"https://f10.org/usr/themes/default/img/favicon.ico",
    "des":"F10.导航网是一个资源聚合平台，博客导航、金融网站资源、学习教程等内容" ,
    "tags":["资源,导航"]
}

新网站，新网站，谢谢，给你加个星

{
    "name":"前端冷知识",
    "url":"http://www.aikefang.com/",
    "des":"前端冷知识为广大前端工程师提供更优质的开发途径，我们更关注细节，提升品质。",
    "tags":["前端技术","博客","前端冷知识"]
}

添加css-tricks.com

{
    "name":"css-tricks",
    "url":"https://css-tricks.com/",
    "icon":"http://static.bootcss.com/www/assets/ico/favicon.png",
    "des":"Tips, Tricks, and Techniques on using Cascading Style Sheets.",
    "tags":["工具"]
}

{
// 必填－名字
"name":"朱英达的个人博客",
// 必填－网址
"url":"https://www.zhuyingda.com/",
// 选填－图标
"ico":"https://www.zhuyingda.com/favicon.ico",
// 必填－可以留空－描述说明
"des":"技术博客，有关web的安全问题和性能问题" ,
// 选填－标签，便于归类
"tags":["技术","博客","安全"]
}

个人博客

{
    // 必填－名字
    "name":"cllgeek", 
    // 必填－网址
    "url":"http://www.cllgeek.com/", 
    // 选填－图标
    "icon":"http://www.cllgeek.com/favicon.ico",
    // 必填－可以留空 － 描述说明
    "des":"专注web开发" ,
    // 选填－标签，便于归类
    "tags":["博客"]
}

添加一个iReact

网站ireact.cn，用来采集react组件的网站。

准备用你的网站模板来重新组织一下前段界面。

新网站提交

{
"name":"Hugo",
"url":"https://gohugo.io/",
"icon":"https://gohugo.io/apple-touch-icon.png",
"des":"Hugo,世界上速度最快的搭建博客的框架" ,
"tags":["博客搭建", "框架", "go", "hugo"]
}

优化建议

你好，我刚刚推荐了个 ag-grid 。这玩意儿特别强，建议你用这个写个重置版。它自带搜索功能，功能多到。。。你去看它的介绍视频就知道了。不知道你有没有空写，我有空了倒是很想写一个。

卡片和列表排版切换

创意很不错呀

感觉 list 形式的,有点占空间呀, 改成卡片式的比较省空间有点,
json 文件分类可不可以在写的时候,每个分类一个文件夹, 然后在biuld的时候,在合并一下,
如果能做成 hexo 那样的本地添加好了以后生成静态文件的那就比较完美了,
什么时候考虑出 chrome 插件,可以在浏览器上直接收藏

网站有重复

Codepen网站有重复项，建议剔除！

网站指向问题

访问 http://jaywcjlove.github.io/FED 会默认跳转到 https://wangchujiang.com/ 然后将这个地址保存为书签不能正确导航到网站

请问首页 js 引用上的时间戳是怎么加上的呢？

后面的时间戳是工具生成的吗？为什么不会变化～求解答。

je原创插件库-前端框架

{
// 必填－名字
"name":"je原创插件库-前端框架",
// 必填－网址
"url":"http://www.jayui.com/",
// 选填－图标
"ico":"",
// 必填－可以留空－描述说明
"des":"本站致力于原创插件和提供各种JS（jQuery）" ,
// 选填－标签，便于归类
"tags":["je库,jeDate日期控件,弹层组件,日期控件,工具"]
}

JSLite的链接地址不对

JSLite的链接地址还是jquery API中文在线手册的地址，是不是应该改为这个地址？（http://jslite.io/API/）

一个占位图网站

{
    "name":"推妹子", 
    "url":"https://tuimeizi.cn/", 
    "icon":"https://tuimeizi.cn/favicon.ico",
    "des":"一个全是美女的占位图网站" ,
    "tags":["工具"]
}

检查网站是否有效连接

新工具

{
"name":"Photoshop投影转换为CSS3",
"url":"https://psd2css.mezw.com",
"des":"快速将Photoshop中的投影效果转换为css3中的box-shadow & text-shadow代码。",
"tags":["工具"]
}

网址提交

{
// 必填－名字
"name":"路人甲",
// 必填－网址
"url":"http://passer-by.com/",
// 选填－图标
"ico":"http://passer-by.com/public/image/favicon.png",
// 必填－可以留空－描述说明
"des":"jQuery插件库，js算法等" ,
// 选填－标签，便于归类
"tags":["插件","算法"]
}

search redux url 404

search redux, 访问链接404 http://rackt.github.io/redux

建议换成 redux中文文档： http://cn.redux.js.org/index.html
官方文档： http://redux.js.org/

网站挂了

http://jsdig.com/

404 了

一个前端资源整合网站

f2er.club

npm run build时有个报错

[email protected] min:js /home/wwwroot/www.yiijj.com/page/www.yiijj.com.index
uglifyjs js/index.js -o js/index.min.js

module.js:491
throw err;
^

Error: Cannot find module '../tools/node'
at Function.Module._resolveFilename (module.js:489:15)
at Function.Module._load (module.js:439:25)
at Module.require (module.js:517:17)
at require (internal/module.js:11:18)
at Object. (/home/wwwroot/www.yiijj.com/page/www.yiijj.com.index/node_modules/.bin/uglifyjs:6:16)
at Module._compile (module.js:573:30)
at Object.Module._extensions..js (module.js:584:10)
at Module.load (module.js:507:32)
at tryModuleLoad (module.js:470:12)
at Function.Module._load (module.js:462:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] min:js: uglifyjs js/index.js -o js/index.min.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] min:js script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

网站提交

{
"name":"vue.js",
"url":"http://vuefe.cn/",
"icon":"",
"des":"vue2.0中文网站" ,
"tags":["vue2","vue"]
}

Chrome插件

您好我把你的数据进行了分类并做了个小插件

https://chrome.google.com/webstore/detail/%E5%89%8D%E7%AB%AF%E5%AF%BC%E8%88%AA/kimhkkondjpjhnllknndckjppgbjnjai?hl=zh-CN

大佬，网站提交

站名：乐搜导航
描述：乐搜导航，让搜索更有乐趣！
网址：https://lerso.cn/
logo：https://cdn.zerbo.cn/cdn/lerso-200.png

点击网页右上角分类列表切换图标，会报className没定义

有时切换不了，

我用python写了一个脚本，填写数据。。。。

json的文件才1.3M，可能有几千条数据，不过一直loading.........数据读取很慢，有其他办法吗？

网站提交

{
// 必填－名字
"name":"菜鸟教程",
// 必填－网址
"url":"http://www.runoob.com/",
// 选填－图标
"ico":"http://www.runoob.com/favicon.ico",
// 必填－可以留空－描述说明
"des":"" ,
// 选填－标签，便于归类
"tags":["社区","工具"]
}

前端公共库 CDN

{
    "name":"前端公共库 CDN",
    "url":"http://www.codefarm.net/",
    "ico":"",
    "des":"CDNJS 国内镜像，致力于打造一个稳定而又全面的 JS/CSS 库，给前端开发者免费使用。" ,
    "tags":["工具"]
}

直接使用input事件触发history.pushState导致历史记录太多，建议修改为history.replaceState

如果json有几万条信息的话反应有些慢

求个解决思路

网站提交

{
    "name":"江小湖Laker", 
    "url":"http://laker.me/blog", 
    "icon":"http://laker.me/blog/favicon.ico",
    "des":"江小湖的主页—进击的程序媛" ,
    "tags":["前端","技术宅","程序媛"]
}

{
    "name": "Colorful", 
    "url": "http://xiaoa.name/", 
    "ico": "http://xiaoa.name/favicon.ico",
    "des": "有个*年路过这里" ,
    "tags": ["js", "node", "前端开发"]
}

网站提交

{
// 必填－名字
"name":"赵鹏博客-干货集中营",
// 必填－网址
"url":"http://zhaopeng.me/",
// 选填－图标
"ico":"http://zhaopengblog.u.qiniudn.com/wp-content/uploads/2016/03/cropped-logo1-32x32.png",
// 必填－可以留空－描述说明
"des":"干货聚集地.技术干货,软件干货,分享最实用的各种干货!" ,
// 选填－标签，便于归类
"tags":["技术","干货","干货"]
}

网站正在调试中..有一些模块正在调整.

在线工具网站提交

{
"name": "在线工具网站",
"url": "https://www.jsonformatting.com/",
"ico": "https://www.jsonformatting.com/assets/icon/json.png",
"des": "在线工具网站，希望帮助更多爱好者！",
"tags": [
"工具"
]
}

谢谢

jaywcjlove / fed Goto Github PK

fed's Introduction

前端导航网

分类搜索

关键字搜索

关键字点击

添加网站

方法一

方法二

开发

fed's People

Contributors

Stargazers

Watchers

Forkers

fed's Issues

Recommend Projects

Recommend Topics

Recommend Org