GithubHelp home page GithubHelp logo

lefex / fe Goto Github PK

View Code? Open in Web Editor NEW
2.0K 37.0 259.0 41.13 MB

前端 100 天,帮助 10W 人入门并进阶前端。

Home Page: https://lefex.github.io

HTML 6.91% CSS 0.55% JavaScript 74.53% C 2.73% Objective-C 9.21% Vue 0.72% Less 0.04% SCSS 0.02% TypeScript 5.28% Pug 0.01%
fontend vue webpack javascript css flexbox react html

fe's Introduction

《前端小课》前端从 0 到 1,免费电子书

《前端小课》是通过图片、文字、代码、视频等多种方式写成的一本多媒体电子书。全书分为不同的小书,每本小书旨在讲透一个知识点。比如 CSS布局、JavaScript基础、动画。以最基础的编程知识为起点,即使不懂编程的小白也能够通过本书学会编程,顺利进入互联网行业。

本书最大的特色是通过公众号+图书+网站形成一个闭环。读者可通过公众号实时获得最新的前端知识,并与作者实时互动;通过图书可以系统地学习前端知识,对前端知识形成一个整体的认识;通过网站可看到代码的实现运行效果。

网站入口,电子书入口(国内):https://lefex.gitee.io/

网站入口,电子书入口(国外): https://lefex.github.io/

大厂前端面试真题解析: https://lefex.github.io/bat

官网

前端小课,一本帮助你学习前端的多媒体电子书。每天一小课,分阶段、系统地学习前端知识。如果你有编程基础,这个课程非常适合你。

前端专题

汇集了前端各种解决方案,比如编辑器、在线编辑、工程化、性能优化、浏览器插件、Javascript、DOM、Canvas宝贝、SVG等等,持续更新!!!

🐶前往查看

微信公众号,内容同步

关注公众号:素燕

公众号:素燕

强烈推荐

Vue 核心原理

项目经验

感悟

第 1 阶段:HTML + CSS

第 2 阶段:死磕 CSS 布局

第 3 阶段:搞懂网络,掌握网页请求流程

第 4 阶段:系统深入学习 JavaScript

第 5 阶段:深入学习 DOM

第 6 阶段:深入学习 Vue (内容还会补充)

第 7 阶段:云与环境部署

第 8 阶段:小程序与前端动画特效

第 9 阶段:搞懂搞透前端构建

🌹网站

你也可以通过网站学习,前端小课

fe's People

Contributors

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

fe's Issues

英语词汇

semantics [sɪˈmæntɪks]
Interpreter [ɪnˈtɜːrprətər]

【开源自荐】SolidUI 一句话生成任何图形

本人介绍

本人从事十年年大数据相关工作,做过用户增长,BI,大数据中台,知识图谱,AI中台,擅长大数据AI相关技术栈。在CSDN输出很多专栏,是CSDN博客专家,CSDN大数据领域优质创作者,2018年参与共建WeDataSphere开源社区,社区属性是数据相关综合社区,共建过DataSphereStudio(开发管理集成框架),Exchangis(数据交换工具),Streamis(流式应用开发管理系统),Apache Linkis (计算中间件) 。个人发起SolidUI数据可视化社区。Apache Asia 2022 讲师 ,Hadoop Meetup 2022 讲师,WeDataSphere Meetup 2022讲师。Apache Linkis Committer , EXIN DPO (数据保护官)。

2023年2月开始创业,全职运营SolidUI。

SolidUI介绍

一句话生成任何图形。

随着文本生成图像的语言模型兴起,SolidUI想帮人们快速构建可视化工具,可视化内容包括2D,3D,3D场景,从而快速构三维数据演示场景。SolidUI 是一个创新的项目,旨在将自然语言处理(NLP)与计算机图形学相结合,实现文生图功能。通过构建自研的文生图语言模型,SolidUI 利用 RLHF (Reinforcement Learning Human Feedback) 流程实现从文本描述到图形生成的过程。

SolidUI Gitee https://gitee.com/CloudOrc/SolidUI
SolidUI GitHub https://github.com/CloudOrc/SolidUI
SolidUI 官网地址 https://cloudorc.github.io/SolidUI-Website/
Discord https://discord.gg/NGRNu2mGeQ
SolidUI v0.3.0 发版文章 https://mp.weixin.qq.com/s/KEFseiQJgK87zvpslhAAXw
SolidUI v0.3.0 概念视频 https://www.bilibili.com/video/BV1GV411A7Wn/
SolidUI v0.3.0 教程视频 https://www.bilibili.com/video/BV1xh4y1e7j6/
SolidUI 演示环境 http://www.solidui.top/ admin/admin

2-Vue3.0源码分析,从 createApp 起步

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一次使用自编译的 Vue</title>
    <script src="../../../fe/vue-next/packages/vue/dist/vue.global.js"></script>
    <style>
        .text {
            font-size: 40px;
            text-align: center;
            color: #add;
        }

        .content {
            margin-top: 30px;
            font-size: 30px;
            text-align: center;
        }
    </style>
</head>

<body>
    <div id="app">
        <p class="text">{{ message }}</p>
        <p class="content">{{ content }}</p>
    </div>
    <script>
        const CONTENTS = [
            'HTML + CSS',
            '搞透 webpack',
            '死磕 CSS 布局',
            '动画提升用户体验'
        ];
        const Welcome = {
            data() {
                return {
                    message: '和素燕一起学习 Vue3 源码',
                    content: 'HTML + CSS'
                };
            },
            mounted() {
                setInterval(() => {
                    let index = Math.floor(Math.random() * (CONTENTS.length - 1));
                    this.content = CONTENTS[index];
                }, 1000)
            }
        };
        Vue.createApp(Welcome).mount('#app');
    </script>
</body>

</html>

这段代码使用的 Vue 是我自己打包的 Vue 文件,在这个 Demo 中 Vue 做了什么事情才能够达到我们这样的效果呢?

JavaScript

let x = 'outer value';
(function() {
  // start TDZ for x
  console.log(x);
  let x = 'inner value'; // declaration ends TDZ for x
}());

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.