Code Monkey home page Code Monkey logo

flqin's Introduction

UPDATES

flqin.com was moved to korey.cc and resume items were moved to korey.cc/resume.

GitHub last commit Downloads Actions Status NPM npm (scoped)

English | 中文

web前端工程师简历截图

MISC

Many friends email me to learn how to make such a resume. In fact, you only need to fork the project, just follow README and try to run the project!

This project contains the technology stack:

  • html
  • es6
  • less
  • eslint/stylelint/prettier
  • webpack/babel/postcss
  • husky/actions/lint-staged

Small but complete. It is an introductory FE project with a complete functional structure that is worth learning for beginners.

In order to 'SEO' and beginner learning, a pure static page and a Chinese-English page based on MVVM developed by ourselves.

Please click here if you have any questions or suggestions.Learn from each other and make progress together!

Please click star if you like, thank you! 💕💕

Start

  1. clone
git clone https://github.com/zhaoky/flqin.git
  1. change directory
cd flqin
  1. install dependencies
yarn
  1. serve with hot reload
yarn run dev:seo // seo page
yarn run dev // mvvm page

Debug address: http://0.0.0.0:8080/

  1. build for production with minification
yarn run build:seo // seo page
yarn run build // mvvm page
  1. build for production with analyze
yarn run analyze:seo // seo page
yarn run analyze // mvvm page
  1. check code and fix
yarn run lint // lint
yarn run fix // fix

Technical support

Because the MVVM framework is numerous and constantly updated, For the purpose of learning, and finally chose to implement an MVVM framework to serve this project, currently implements data-binding and view-refresh functionality, is constantly optimizing and updating.

A simple Fullpage framework, which currently implements full-screen page-turning with pull-up, scrolling, and anchor-pointing, is still being optimized and updated.

License

MIT

flqin's People

Contributors

dependabot[bot] avatar zhaoky 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  avatar  avatar  avatar  avatar

flqin's Issues

`能力`模块`class="des"`下是不是只能存在一个`v-for`

我在你的代码能力模块class="des"下的基础上加了点代码:

        <div class="des" v-class="isEng?'-des-en':''">
          <p v-for="item in skill.desList" v-text="item"></p>
          <p v-for="item in skill.links">
            <span v-text="item.title"></span> ➡️
            <a class="links" v-href="item.url" v-text="item.des" target="_blank"></a>
          </p>
        </div>

初始化显示的时候没有问题,但是切换语言后
只会显示下面的v-for 上面的v-for不显示
这是js配置

      desList: [
        'Familiar with the whole process of software development, with strong logical thinking ability',
        'Good documentation and code writing skills, able to solve problems independently, persistent and detail-oriented'
      ],
      links: [{
        title: '● Github',
        des: 'https://github.com/JoeyBling',
        url: 'https://github.com/JoeyBling'
      }, {
        title: '● Technical Notes',
        des: 'https://zhousiwei.gitee.io/ibooks/',
        url: 'https://zhousiwei.gitee.io/ibooks/'
      }]

调试过 skill.desListskill.links 都是有数据的

CentOS 6.1 64位执行到gulp dd报错

在远程CentOS 6.1 64位执行到gulp dd报错,报错信息为:

Your [shelljs] version is too High,
For Stable,Please Install V0.7.6!

Potentially unhandled rejection [2] '../_rdefault/cmpt.less' wasn't found. Tried - /home/centos/src/components/_rdefault/cmpt.less,../_rdefault/cmpt.less in file /home/centos/src/components/rMain/cmpt.less line no. 2
webpack 热执行完成!
[11:54:46] webpack is watching for changes
[11:54:46] gulp-imagemin: Minified 22 images (saved 17.7 kB - 27.5%)

node版本为v6.11.5

但我在windows7本地主机上可以正常运行,运行结果:

Your [shelljs] version is too High,
For Stable,Please Install V0.7.6!

webpack 热执行完成!
[11:57:26] webpack is watching for changes
[11:57:29] gulp-imagemin: Minified 21 images (saved 16.5 kB - 35%)
----- V5! All DONE!!
[11:57:29] Finished 'dev' after 14 s
[11:57:29] Starting 'dd'...
[11:57:29] Finished 'dd' after 390 ms
[11:57:29] Server started http://localhost:8888

可以访问到http://localhost:8888/
node版本也为v6.11.5

网站不兼容firefox quantum 67 for linux

网站不兼容firefox quantum 67 for linux

表现为鼠标或键盘上下左右按键 都不能使页面滚到下一个页面

只有右边的小圆圈点击了才看到

随便问问

我记得之前看这个项目的时候,还是react的那一套,对吧?今天看的时候,感觉变化好大,重构过了吗?

本地启动

请问一个本地启动报错问题,如下图:
image

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.