lefex / fe Goto Github PK

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

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 People

Contributors

Stargazers

Watchers

Forkers

renshu16 goingmyway1 huiha6 digitalrules sxdxzkq sketcher-x githubcodesong whiteknight0x208 a245a johnvonlzf q315099997 laiyuncong8404 leo23 wizdocument monitor14 huanwei gitbxq lpfpengfei zzmacoolboy aaecus makebetterme explife0011 stoneleon kmwin octopuslian kakalouter aculeatus liaokongvfx cacao1987 tchigher cyp1314 haiwei-lee xpuliapushi soon-tw jyhud sealthelady totoyy leo007lee sdpku miahwk y-ze ztz12 satanzs tinnnny startteng mrzhaohe green315 doukingstudy gwq96 richardz2004 shannonmyang 522059212 taowuhua steven834826959 chenjianagain miraclehifi hpdx twototwoto sz21 xzycr7 krissatie ashishkharcheiuforks lanjiaoli applekwork michaelynwa past-code thanksdanny jianghongbing webupward uu1022 maydayfive tangbing 15506166686 sincheung wuditangyuan kuangrenge renzekuan ssstq1314 chengjunjian2020 zhg1992 abadbeginning carlosxu-s haidi5476381 ivnabo jxiaof tarzanshen hxy936 qyqx ultramanace ajxvud stefanfyy projects-html jiliyuan xskh2007 dafeigy liangmd lee18cat is27236 malachiten a1154043439

fe's Issues

学框架先了解作者

博客 https://evanyou.me/
medium：https://medium.com/@youyuxi
老博客（不更新）：https://blog.evanyou.me/
知乎 https://www.zhihu.com/people/evanyou/posts
微博 https://www.weibo.com/arttechdesign?is_hot=1

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 做了什么事情才能够达到我们这样的效果呢？

英语词汇

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

NSString -initWithData: encoding: 这个返回空的情况

facebook/react-native@3ac3749#diff-0b161cb06747782c515275d84ec94b14

1-Vue3.0源码阅读项目配置、代码架构、打包编译相关分析

packages

core
observer
runtime-dom
scheduler

第一期

lodash 库介绍

JavaScript

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

移动端滚动穿透的问题

https://github.com/pod4g/tool/wiki/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E6%BB%9A%E5%8A%A8%E7%A9%BF%E9%80%8F%E9%97%AE%E9%A2%98

源码解析：

https://github.com/xtx1130/blog

【bug】发现文档中的小错误

1、首页的图片与字重叠了。
2、第一章第六节 webserver 的链接的字 “前端小课” 写成 “前端下课”了。

VSCode 插件

1、显示代码负责人，谁写的代码
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
2、代码规范检查
https://marketplace.visualstudio.com/items?itemName=l5oo00.vscode-fecs-plugin
3.直接在浏览器中打开
https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser
4.HTML代码提示
https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets

设计师

插画：
https://iradesign.io/
头像
https://getavataaars.com/?accessoriesType=Kurt

本人介绍

本人从事十年年大数据相关工作，做过用户增长，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