Giter Club home page Giter Club logo

nicelinks-vue-client's Introduction

nicelinks-vue-client's People

Contributors

dependabot[bot] avatar nicejade avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

nicelinks-vue-client's Issues

为不同路由动态设置 title, meta, 以提升网站 SEO

故事: 应用目前采用 vue 框架构建;在 nginx 层有用 prerender 来预渲染针对浏览器的页面抓取;然而,在此基础之上,应用的 SEO 仍有很多需优化之处;比如,应用应针对不同的页面,动态设置其 title, meta 等信息,以告知浏览器此页的内容;因此开启此 issues 以记录 & 优化此问题。

为项目注入 Redis,提升网站性能

背景: 网站现有后台,采取以 Node.js 为后台,用 MongoDb 作数据存储;鉴于日后可能越来越多的访问量,所以要予以注入,利用 Redis 的特性,来提升网站性能 & 提升访问体验。

为站点信息添加新的信息项:点评

故事: 应用原本对站点信息,具有地址、标题、分类、标签、关键字、描述等信息;近期发现,这不足以给站点带来更多的讯息,思虑再三,决定在“评论”功能上线之前,为其加上 点评,使得站点信息可以更加丰富。

为应用生成站点地图并提交

故事:站点地图是一种文件,您可以通过该文件列出您网站上的网页,从而将您网站内容的组织架构告知 Google 和其他搜索引擎。Googlebot 等搜索引擎网页抓取工具会读取此文件,以便更加智能地抓取您的网站。

此外,站点地图能够提供与其中所列网页相关的宝贵元数据:元数据是网页的相关信息,例如此网页的上次更新时间、更改频率及其重要性(与相应网站中的其他网址相较而言)。

所以,需要手动为应用生成站点地图,以提升搜索引擎的抓取效率(此处主要针对 Google 搜索引擎)。

增加「站内搜索」功能

故事: 对于一个为用户提供搜索服务的作品,「站内搜索」是一个很重要的功能;它能让用户更容易的找到 Ta 想要的;因此需要给予支持。

定期自动抓取/更新网站首页截图

故事:对于目前来讲,所收录的网站,仅限于网站标题、链接、关键字和描述;对于网站的首页“长相”,对于用户、网站浏览体验来说,也是十分重要;这一块后期也要开始着手;目前的方案,是基于 Chrome Puppeteer 工具,在后台开启这项服务:定期自动抓取/更新网站首页截图;从而,使得用户可以在浏览时候(一图胜十言),可以对网站有更为清晰的认知。

更换网站的字体风格

故事:目前的字体风格、尤其是切换至英文,字体风格欠妥,有待调整,使得用户具有更佳的浏览体验。

完善网站对 Google Analytics 的设置

鉴于 Google Analytics 强大的功能,有必要对网站 Ga 分析做下改善,比如:添加事件埋点、完善配置,增加性能分析等,使得可以更明确的知道用户的操作;同时,使得像 Chrome SimilarWeb 这样的插件,可以对网站有更友好的统计。

完善系统监控方案

故事: 目前的监控系统尚不完善,只在前端使用了 sentry 来收集上报前端错误;后续需要借助工具,完善整个系统监控,包括错误收集、访问峰值超过阀值等等。

vendor.dll.js 运行报错

clone 你的项目之后 运行npm run build:dll 生成vendor.dll.js,然后再 run dev 报错了,

Uncaught TypeError: n(...) is not a function
at Object. (vendor.dll.js:1)
at e (vendor.dll.js:1)
at Object. (vendor.dll.js:1)
at e (vendor.dll.js:1)
at Object. (vendor.dll.js:6)
at e (vendor.dll.js:1)
at Object. (vendor.dll.js:6)
at e (vendor.dll.js:1)
at Object. (vendor.dll.js:1)
at e (vendor.dll.js:1)

接入 wechat 分享功能

背景: 为了便于网站在社交圈流传(emm,绕不过去的微信啊),需接入微信JS-SDK,以支持网站可以分享至朋友圈、微信群等等,并且有好的体验。

优化登录设计 & 体验

故事: 目前的登录,存在以下急需完善的问题:

  • 只支持邮箱登录;后续要补上用户名登录;
  • 后续要支持主流社交网站账号进行登录;
  • 完善登录 UI 设计、安全、以及登录态存在回话时长;

修改移动端侧边栏设计

现有的移动端设计风格,存在些问题,而且体验不佳;计划,模仿 apple 侧边栏的设计以及动画,使得侧边栏,可以拥有更佳的访问体验以及视觉效果。

切割、优化 Nginx 日志

背景: Nginx 的日志文件本身没有 rotate 功能。如果不加以处理,随着访问量的增加,日志文件将变得越来越大;尤其是 access.log 增长极快,服务器会很快消耗磁盘空间,影响服务器效率;其次,当需要对日志文件所记录的数据进行分析时,每次都将耗时很多,才能下载这个庞大的日志文件,造成不必要时间浪费,因此需提早优化切割处理。

完善邮件(通知)系统

故事: 目前的邮件(通知)系统,不够完善,急需优化完善;主要有以下工作:

  • 用户有提交新 nice site,则邮件通知管理员;
  • 用户提交的 nice site,如不符合收录初衷,则邮件提醒;
  • 注册用户,在 12 小时内,未有及时激活,则发邮件提醒;
  • 改善邮件版面设计,使得具有更加的视觉体验;

优化用户默认头像策略

故事:现有的用户默认头像,是统一为秦时明月人物之白凤;很显然这并不是很合理;目前可供选择的方案是,基于 adorable-avatars 所提供的方案,依据用户名为标识符,当用户注册之时,为用户生成独特专属头像;当然,依旧会支持用户可以自定义修改。

为应用增加 username 登录方式

此应用目前仅适用 email + password 的组合登录方式,很明显这不是很友好;因此需要增加一种更常用的组合方式,即:username + password,以最快速度的改善应用的登录体验。

may be a fix

in this file jade-blog/src/assets/icons/index.js ,really need this judgement if (key === './index.js') return? ,for the third parameter in const files = require.context('.', true, /\.svg$/) has filtered the result.

注入“箴言锦语”功能

故事: 出于为页面 SEO 考虑,有必要提升用户在页面停留时间;加上个人对美妙句子很是欢喜,结合这两点,就产生了一个想法 ——为项目在侧边栏注入箴言锦语功能:在页面加载后,随机拉取一则美妙句子,展示于侧边栏,以此增加用户对页面兴趣。

打造评论系统 & 讯息系统

故事:网站目前,对评论 & 消息系统,一直仍是空白;但,这确实很重要的一块,后续要开始着手逐步完善;现在的打算是,仿效 Github 的方案来开展这项工作。

完善首页展示图片

故事:首页图片过于单调,长时间不变,会导致审美疲劳,需要重新设计。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.