BranchesTags

Repository files navigation

任务说明

初级班 & 中级班

初级班和中级班的任务内容基本一致，但是在细节要求和时间要求上会不一样。

  • 任务一：HTML、CSS基础
    • 初级班：11天左右
    • 中级班：4天左右
  • 任务二：JavaScript基础
    • 初级班：13天左右
    • 中级班：7天左右
  • 任务三：深入学习JavaScript语言的一些特性、以及相关的一些设计模式等知识。实践一个小型的to-do项目实践，巩固学习知识
    • 初级班：10天左右
    • 中级班：10天左右
  • 任务四：关于移动、node.js、ES6、CSS预处理、CSS后处理、JavaScript模块化、前端工程化，掌握目前前端主流技术。并通过to-do大型项目实践，做一个移动+PC的大型项目，学习如何做技术选项，如何做大型项目设计架构
    • 初级班：30天左右
    • 中级班：30天左右

具体天数为根据课程内容的调整而有适当微调。以最后公布为主

高级班

高级班假设学员已经有非常好的前端基础，主要需要进行的是偏研究性质或者大型实践性质的项目实践。题目包括：

1. MVVM表单框架任务

1.1 任务描述

  1. 实现一个表单管理框架，要求实现表单验证、错误信息显示、表单提交处理、基于AJAX的表单提交。

  2. 框架的使用者应当使用MVVM模式进行开发，不需要使用DOM操作。

一个可行的使用代码的方式如下：

vareform=require('eform');varform=eform.define({username: {required: false,validate: function(value,async){varnext=async();$.post({username: value},function(){next(true);},function(){next(false);});}},password: {validate: function(value){returnthis.passwordConfirm.value===value;}},usertype: {validate: function(value){// 这需要触发username表单的验证，而不需要用户的操作this.username.required=true;}},});// 需要识别HTML中的部分验证规则加到模型中去form.scan($('#form')[0]);// 这需要触发username的验证form.fields.username='another username';// 如果有一个程序员很淘气，它写了这样的代码document.getElementById('username').value='a bad username';// 我们也需要帮他验证一下对不对// 另一个小淘气喜欢用各种表单控件uploader.on('change',function(value){form.fields.username.value=value;});// 我们也不可以抛弃他，也需要帮他验证一下// 具体的详细细节请联系导师

1.2 建议的MVVM实现方式

模型到视图：使用ES5的新特性Object.defineProperties。

视图到默认：使用Mutation Observer。

1.3 进阶任务

  1. Object.defineProperties如何在IE下实现呢？

  2. Mutation Observer可是新玩意，其它的浏览器可怎么办呢？

  3. 尝试将框架向非表单扩展。

  4. 尝试配置JQuery写一个真正的MVVM框架。

  5. 你是否在MVVM方面有自己新的想法呢？

1.4 学习目的

  1. 理解表单操作的基本模式和处理方法

  2. 理解MVVM是什么，和怎么实现

  3. 理解框架可用性和可扩展性以及两者之间的取舍

2. 移动端Web IM

2.1 任务描述

  • 实现一个基于手机Web端的IM工具
  • 可以实现文字、表情的交流

2.2 任务要求

  • 从UI设计、前端、后端均由自己完成

2.3 任务目的

  • 从无到有完整实现一个轻量级产品
  • 体会全栈工程师
  • 踩一踩移动端的各种大坑

3. 迷宫游戏

3.1 任务描述

  • 基于WebGL，实现3D迷宫世界的自动生成
  • 实现Avatar在迷宫里的运动
  • 实现使用手机端作为Avatar的操作遥控器

3.2 任务要求

  • 不要基于已有框架
  • 足够炫

3.3 任务目的

  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情

4. 3D HTML World 游戏

4.1 任务描述

  • 在PC浏览器上，针对一个普通的HTML页面，基于WebGL可以生成他的3D世界版本，由页面自身的DOM嵌套关系生产层峦叠嶂的DOM阶梯
  • 可以操作一个3D小球在这个世界中前进、转向、加速、减速、跳跃
  • 实现使用手机端的重力感应和触屏作为小球运动的操作遥控器
  • 实现在同一个3D页面世界玩耍的小伙伴们能看见其他人的球
  • 实现球与球之间的互动，如碰撞扣血之类的

4.2 任务要求

  • 视觉效果好，画面流畅
  • 游戏易上手、但富有乐趣

4.3 任务目的

  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情

5. Low Poly 生成器

5.1 任务描述

  • 通过上传的图片，自动生成Low Poly（低多边形）图像
  • 提供手动指定边缘和特征点，来提高生成图片的效果

5.2 任务要求

  • 产品体验流畅

5.3 任务目的

  • 基于前端技术做图像领域的深入研究

About

No description, website, or topics provided.

Resources

Readme
Activity

Stars

0 stars

Watchers

1 watching

Forks

1 fork
Report repository

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
BranchesTags
Repository files navigation
任务说明
初级班 & 中级班
初级班和中级班的任务内容基本一致，但是在细节要求和时间要求上会不一样。
  • 任务一：HTML、CSS基础

    • 初级班：11天左右
    • 中级班：4天左右
  • 任务二：JavaScript基础

    • 初级班：13天左右
    • 中级班：7天左右
  • 任务三：深入学习JavaScript语言的一些特性、以及相关的一些设计模式等知识。实践一个小型的to-do项目实践，巩固学习知识

    • 初级班：10天左右
    • 中级班：10天左右
  • 任务四：关于移动、node.js、ES6、CSS预处理、CSS后处理、JavaScript模块化、前端工程化，掌握目前前端主流技术。并通过to-do大型项目实践，做一个移动+PC的大型项目，学习如何做技术选项，如何做大型项目设计架构

    • 初级班：30天左右
    • 中级班：30天左右
具体天数为根据课程内容的调整而有适当微调。以最后公布为主
高级班
高级班假设学员已经有非常好的前端基础，主要需要进行的是偏研究性质或者大型实践性质的项目实践。题目包括：
1. MVVM表单框架任务
1.1 任务描述
  1. 实现一个表单管理框架，要求实现表单验证、错误信息显示、表单提交处理、基于AJAX的表单提交。
  2. 框架的使用者应当使用MVVM模式进行开发，不需要使用DOM操作。
一个可行的使用代码的方式如下：
vareform=require('eform');varform=eform.define({username: {required: false,validate: function(value,async){varnext=async();$.post({username: value},function(){next(true);},function(){next(false);});}},password: {validate: function(value){returnthis.passwordConfirm.value===value;}},usertype: {validate: function(value){// 这需要触发username表单的验证，而不需要用户的操作this.username.required=true;}},});// 需要识别HTML中的部分验证规则加到模型中去form.scan($('#form')[0]);// 这需要触发username的验证form.fields.username='another username';// 如果有一个程序员很淘气，它写了这样的代码document.getElementById('username').value='a bad username';// 我们也需要帮他验证一下对不对// 另一个小淘气喜欢用各种表单控件uploader.on('change',function(value){form.fields.username.value=value;});// 我们也不可以抛弃他，也需要帮他验证一下// 具体的详细细节请联系导师
1.2 建议的MVVM实现方式
模型到视图：使用ES5的新特性Object.defineProperties。
视图到默认：使用Mutation Observer。
1.3 进阶任务
  1. Object.defineProperties如何在IE下实现呢？
  2. Mutation Observer可是新玩意，其它的浏览器可怎么办呢？
  3. 尝试将框架向非表单扩展。
  4. 尝试配置JQuery写一个真正的MVVM框架。
  5. 你是否在MVVM方面有自己新的想法呢？
1.4 学习目的
  1. 理解表单操作的基本模式和处理方法
  2. 理解MVVM是什么，和怎么实现
  3. 理解框架可用性和可扩展性以及两者之间的取舍
2. 移动端Web IM
2.1 任务描述
  • 实现一个基于手机Web端的IM工具
  • 可以实现文字、表情的交流
2.2 任务要求
  • 从UI设计、前端、后端均由自己完成
2.3 任务目的
  • 从无到有完整实现一个轻量级产品
  • 体会全栈工程师
  • 踩一踩移动端的各种大坑
3. 迷宫游戏
3.1 任务描述
  • 基于WebGL，实现3D迷宫世界的自动生成
  • 实现Avatar在迷宫里的运动
  • 实现使用手机端作为Avatar的操作遥控器
3.2 任务要求
  • 不要基于已有框架
  • 足够炫
3.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
4. 3D HTML World 游戏
4.1 任务描述
  • 在PC浏览器上，针对一个普通的HTML页面，基于WebGL可以生成他的3D世界版本，由页面自身的DOM嵌套关系生产层峦叠嶂的DOM阶梯
  • 可以操作一个3D小球在这个世界中前进、转向、加速、减速、跳跃
  • 实现使用手机端的重力感应和触屏作为小球运动的操作遥控器
  • 实现在同一个3D页面世界玩耍的小伙伴们能看见其他人的球
  • 实现球与球之间的互动，如碰撞扣血之类的
4.2 任务要求
  • 视觉效果好，画面流畅
  • 游戏易上手、但富有乐趣
4.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
5. Low Poly 生成器
5.1 任务描述
  • 通过上传的图片，自动生成Low Poly（低多边形）图像
  • 提供手动指定边缘和特征点，来提高生成图片的效果
5.2 任务要求
  • 产品体验流畅
5.3 任务目的
  • 基于前端技术做图像领域的深入研究
About
No description, website, or topics provided.
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
任务说明
初级班 & 中级班
初级班和中级班的任务内容基本一致，但是在细节要求和时间要求上会不一样。
  • 任务一：HTML、CSS基础

    • 初级班：11天左右
    • 中级班：4天左右
  • 任务二：JavaScript基础

    • 初级班：13天左右
    • 中级班：7天左右
  • 任务三：深入学习JavaScript语言的一些特性、以及相关的一些设计模式等知识。实践一个小型的to-do项目实践，巩固学习知识

    • 初级班：10天左右
    • 中级班：10天左右
  • 任务四：关于移动、node.js、ES6、CSS预处理、CSS后处理、JavaScript模块化、前端工程化，掌握目前前端主流技术。并通过to-do大型项目实践，做一个移动+PC的大型项目，学习如何做技术选项，如何做大型项目设计架构

    • 初级班：30天左右
    • 中级班：30天左右
具体天数为根据课程内容的调整而有适当微调。以最后公布为主
高级班
高级班假设学员已经有非常好的前端基础，主要需要进行的是偏研究性质或者大型实践性质的项目实践。题目包括：
1. MVVM表单框架任务
1.1 任务描述
  1. 实现一个表单管理框架，要求实现表单验证、错误信息显示、表单提交处理、基于AJAX的表单提交。
  2. 框架的使用者应当使用MVVM模式进行开发，不需要使用DOM操作。
一个可行的使用代码的方式如下：
vareform=require('eform');varform=eform.define({username: {required: false,validate: function(value,async){varnext=async();$.post({username: value},function(){next(true);},function(){next(false);});}},password: {validate: function(value){returnthis.passwordConfirm.value===value;}},usertype: {validate: function(value){// 这需要触发username表单的验证，而不需要用户的操作this.username.required=true;}},});// 需要识别HTML中的部分验证规则加到模型中去form.scan($('#form')[0]);// 这需要触发username的验证form.fields.username='another username';// 如果有一个程序员很淘气，它写了这样的代码document.getElementById('username').value='a bad username';// 我们也需要帮他验证一下对不对// 另一个小淘气喜欢用各种表单控件uploader.on('change',function(value){form.fields.username.value=value;});// 我们也不可以抛弃他，也需要帮他验证一下// 具体的详细细节请联系导师
1.2 建议的MVVM实现方式
模型到视图：使用ES5的新特性Object.defineProperties。
视图到默认：使用Mutation Observer。
1.3 进阶任务
  1. Object.defineProperties如何在IE下实现呢？
  2. Mutation Observer可是新玩意，其它的浏览器可怎么办呢？
  3. 尝试将框架向非表单扩展。
  4. 尝试配置JQuery写一个真正的MVVM框架。
  5. 你是否在MVVM方面有自己新的想法呢？
1.4 学习目的
  1. 理解表单操作的基本模式和处理方法
  2. 理解MVVM是什么，和怎么实现
  3. 理解框架可用性和可扩展性以及两者之间的取舍
2. 移动端Web IM
2.1 任务描述
  • 实现一个基于手机Web端的IM工具
  • 可以实现文字、表情的交流
2.2 任务要求
  • 从UI设计、前端、后端均由自己完成
2.3 任务目的
  • 从无到有完整实现一个轻量级产品
  • 体会全栈工程师
  • 踩一踩移动端的各种大坑
3. 迷宫游戏
3.1 任务描述
  • 基于WebGL，实现3D迷宫世界的自动生成
  • 实现Avatar在迷宫里的运动
  • 实现使用手机端作为Avatar的操作遥控器
3.2 任务要求
  • 不要基于已有框架
  • 足够炫
3.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
4. 3D HTML World 游戏
4.1 任务描述
  • 在PC浏览器上，针对一个普通的HTML页面，基于WebGL可以生成他的3D世界版本，由页面自身的DOM嵌套关系生产层峦叠嶂的DOM阶梯
  • 可以操作一个3D小球在这个世界中前进、转向、加速、减速、跳跃
  • 实现使用手机端的重力感应和触屏作为小球运动的操作遥控器
  • 实现在同一个3D页面世界玩耍的小伙伴们能看见其他人的球
  • 实现球与球之间的互动，如碰撞扣血之类的
4.2 任务要求
  • 视觉效果好，画面流畅
  • 游戏易上手、但富有乐趣
4.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
5. Low Poly 生成器
5.1 任务描述
  • 通过上传的图片，自动生成Low Poly（低多边形）图像
  • 提供手动指定边缘和特征点，来提高生成图片的效果
5.2 任务要求
  • 产品体验流畅
5.3 任务目的
  • 基于前端技术做图像领域的深入研究
About
No description, website, or topics provided.
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
任务说明
初级班 & 中级班
初级班和中级班的任务内容基本一致，但是在细节要求和时间要求上会不一样。
  • 任务一：HTML、CSS基础

    • 初级班：11天左右
    • 中级班：4天左右
  • 任务二：JavaScript基础

    • 初级班：13天左右
    • 中级班：7天左右
  • 任务三：深入学习JavaScript语言的一些特性、以及相关的一些设计模式等知识。实践一个小型的to-do项目实践，巩固学习知识

    • 初级班：10天左右
    • 中级班：10天左右
  • 任务四：关于移动、node.js、ES6、CSS预处理、CSS后处理、JavaScript模块化、前端工程化，掌握目前前端主流技术。并通过to-do大型项目实践，做一个移动+PC的大型项目，学习如何做技术选项，如何做大型项目设计架构

    • 初级班：30天左右
    • 中级班：30天左右
具体天数为根据课程内容的调整而有适当微调。以最后公布为主
高级班
高级班假设学员已经有非常好的前端基础，主要需要进行的是偏研究性质或者大型实践性质的项目实践。题目包括：
1. MVVM表单框架任务
1.1 任务描述
  1. 实现一个表单管理框架，要求实现表单验证、错误信息显示、表单提交处理、基于AJAX的表单提交。
  2. 框架的使用者应当使用MVVM模式进行开发，不需要使用DOM操作。
一个可行的使用代码的方式如下：
vareform=require('eform');varform=eform.define({username: {required: false,validate: function(value,async){varnext=async();$.post({username: value},function(){next(true);},function(){next(false);});}},password: {validate: function(value){returnthis.passwordConfirm.value===value;}},usertype: {validate: function(value){// 这需要触发username表单的验证，而不需要用户的操作this.username.required=true;}},});// 需要识别HTML中的部分验证规则加到模型中去form.scan($('#form')[0]);// 这需要触发username的验证form.fields.username='another username';// 如果有一个程序员很淘气，它写了这样的代码document.getElementById('username').value='a bad username';// 我们也需要帮他验证一下对不对// 另一个小淘气喜欢用各种表单控件uploader.on('change',function(value){form.fields.username.value=value;});// 我们也不可以抛弃他，也需要帮他验证一下// 具体的详细细节请联系导师
1.2 建议的MVVM实现方式
模型到视图：使用ES5的新特性Object.defineProperties。
视图到默认：使用Mutation Observer。
1.3 进阶任务
  1. Object.defineProperties如何在IE下实现呢？
  2. Mutation Observer可是新玩意，其它的浏览器可怎么办呢？
  3. 尝试将框架向非表单扩展。
  4. 尝试配置JQuery写一个真正的MVVM框架。
  5. 你是否在MVVM方面有自己新的想法呢？
1.4 学习目的
  1. 理解表单操作的基本模式和处理方法
  2. 理解MVVM是什么，和怎么实现
  3. 理解框架可用性和可扩展性以及两者之间的取舍
2. 移动端Web IM
2.1 任务描述
  • 实现一个基于手机Web端的IM工具
  • 可以实现文字、表情的交流
2.2 任务要求
  • 从UI设计、前端、后端均由自己完成
2.3 任务目的
  • 从无到有完整实现一个轻量级产品
  • 体会全栈工程师
  • 踩一踩移动端的各种大坑
3. 迷宫游戏
3.1 任务描述
  • 基于WebGL，实现3D迷宫世界的自动生成
  • 实现Avatar在迷宫里的运动
  • 实现使用手机端作为Avatar的操作遥控器
3.2 任务要求
  • 不要基于已有框架
  • 足够炫
3.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
4. 3D HTML World 游戏
4.1 任务描述
  • 在PC浏览器上，针对一个普通的HTML页面，基于WebGL可以生成他的3D世界版本，由页面自身的DOM嵌套关系生产层峦叠嶂的DOM阶梯
  • 可以操作一个3D小球在这个世界中前进、转向、加速、减速、跳跃
  • 实现使用手机端的重力感应和触屏作为小球运动的操作遥控器
  • 实现在同一个3D页面世界玩耍的小伙伴们能看见其他人的球
  • 实现球与球之间的互动，如碰撞扣血之类的
4.2 任务要求
  • 视觉效果好，画面流畅
  • 游戏易上手、但富有乐趣
4.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
5. Low Poly 生成器
5.1 任务描述
  • 通过上传的图片，自动生成Low Poly（低多边形）图像
  • 提供手动指定边缘和特征点，来提高生成图片的效果
5.2 任务要求
  • 产品体验流畅
5.3 任务目的
  • 基于前端技术做图像领域的深入研究
About
No description, website, or topics provided.
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
BranchesTags
Repository files navigation
任务说明
初级班 & 中级班
初级班和中级班的任务内容基本一致，但是在细节要求和时间要求上会不一样。
  • 任务一：HTML、CSS基础

    • 初级班：11天左右
    • 中级班：4天左右
  • 任务二：JavaScript基础

    • 初级班：13天左右
    • 中级班：7天左右
  • 任务三：深入学习JavaScript语言的一些特性、以及相关的一些设计模式等知识。实践一个小型的to-do项目实践，巩固学习知识

    • 初级班：10天左右
    • 中级班：10天左右
  • 任务四：关于移动、node.js、ES6、CSS预处理、CSS后处理、JavaScript模块化、前端工程化，掌握目前前端主流技术。并通过to-do大型项目实践，做一个移动+PC的大型项目，学习如何做技术选项，如何做大型项目设计架构

    • 初级班：30天左右
    • 中级班：30天左右
具体天数为根据课程内容的调整而有适当微调。以最后公布为主
高级班
高级班假设学员已经有非常好的前端基础，主要需要进行的是偏研究性质或者大型实践性质的项目实践。题目包括：
1. MVVM表单框架任务
1.1 任务描述
  1. 实现一个表单管理框架，要求实现表单验证、错误信息显示、表单提交处理、基于AJAX的表单提交。
  2. 框架的使用者应当使用MVVM模式进行开发，不需要使用DOM操作。
一个可行的使用代码的方式如下：
vareform=require('eform');varform=eform.define({username: {required: false,validate: function(value,async){varnext=async();$.post({username: value},function(){next(true);},function(){next(false);});}},password: {validate: function(value){returnthis.passwordConfirm.value===value;}},usertype: {validate: function(value){// 这需要触发username表单的验证，而不需要用户的操作this.username.required=true;}},});// 需要识别HTML中的部分验证规则加到模型中去form.scan($('#form')[0]);// 这需要触发username的验证form.fields.username='another username';// 如果有一个程序员很淘气，它写了这样的代码document.getElementById('username').value='a bad username';// 我们也需要帮他验证一下对不对// 另一个小淘气喜欢用各种表单控件uploader.on('change',function(value){form.fields.username.value=value;});// 我们也不可以抛弃他，也需要帮他验证一下// 具体的详细细节请联系导师
1.2 建议的MVVM实现方式
模型到视图：使用ES5的新特性Object.defineProperties。
视图到默认：使用Mutation Observer。
1.3 进阶任务
  1. Object.defineProperties如何在IE下实现呢？
  2. Mutation Observer可是新玩意，其它的浏览器可怎么办呢？
  3. 尝试将框架向非表单扩展。
  4. 尝试配置JQuery写一个真正的MVVM框架。
  5. 你是否在MVVM方面有自己新的想法呢？
1.4 学习目的
  1. 理解表单操作的基本模式和处理方法
  2. 理解MVVM是什么，和怎么实现
  3. 理解框架可用性和可扩展性以及两者之间的取舍
2. 移动端Web IM
2.1 任务描述
  • 实现一个基于手机Web端的IM工具
  • 可以实现文字、表情的交流
2.2 任务要求
  • 从UI设计、前端、后端均由自己完成
2.3 任务目的
  • 从无到有完整实现一个轻量级产品
  • 体会全栈工程师
  • 踩一踩移动端的各种大坑
3. 迷宫游戏
3.1 任务描述
  • 基于WebGL，实现3D迷宫世界的自动生成
  • 实现Avatar在迷宫里的运动
  • 实现使用手机端作为Avatar的操作遥控器
3.2 任务要求
  • 不要基于已有框架
  • 足够炫
3.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
4. 3D HTML World 游戏
4.1 任务描述
  • 在PC浏览器上，针对一个普通的HTML页面，基于WebGL可以生成他的3D世界版本，由页面自身的DOM嵌套关系生产层峦叠嶂的DOM阶梯
  • 可以操作一个3D小球在这个世界中前进、转向、加速、减速、跳跃
  • 实现使用手机端的重力感应和触屏作为小球运动的操作遥控器
  • 实现在同一个3D页面世界玩耍的小伙伴们能看见其他人的球
  • 实现球与球之间的互动，如碰撞扣血之类的
4.2 任务要求
  • 视觉效果好，画面流畅
  • 游戏易上手、但富有乐趣
4.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
5. Low Poly 生成器
5.1 任务描述
  • 通过上传的图片，自动生成Low Poly（低多边形）图像
  • 提供手动指定边缘和特征点，来提高生成图片的效果
5.2 任务要求
  • 产品体验流畅
5.3 任务目的
  • 基于前端技术做图像领域的深入研究
About
No description, website, or topics provided.
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
任务说明
初级班 & 中级班
初级班和中级班的任务内容基本一致，但是在细节要求和时间要求上会不一样。
  • 任务一：HTML、CSS基础

    • 初级班：11天左右
    • 中级班：4天左右
  • 任务二：JavaScript基础

    • 初级班：13天左右
    • 中级班：7天左右
  • 任务三：深入学习JavaScript语言的一些特性、以及相关的一些设计模式等知识。实践一个小型的to-do项目实践，巩固学习知识

    • 初级班：10天左右
    • 中级班：10天左右
  • 任务四：关于移动、node.js、ES6、CSS预处理、CSS后处理、JavaScript模块化、前端工程化，掌握目前前端主流技术。并通过to-do大型项目实践，做一个移动+PC的大型项目，学习如何做技术选项，如何做大型项目设计架构

    • 初级班：30天左右
    • 中级班：30天左右
具体天数为根据课程内容的调整而有适当微调。以最后公布为主
高级班
高级班假设学员已经有非常好的前端基础，主要需要进行的是偏研究性质或者大型实践性质的项目实践。题目包括：
1. MVVM表单框架任务
1.1 任务描述
  1. 实现一个表单管理框架，要求实现表单验证、错误信息显示、表单提交处理、基于AJAX的表单提交。
  2. 框架的使用者应当使用MVVM模式进行开发，不需要使用DOM操作。
一个可行的使用代码的方式如下：
vareform=require('eform');varform=eform.define({username: {required: false,validate: function(value,async){varnext=async();$.post({username: value},function(){next(true);},function(){next(false);});}},password: {validate: function(value){returnthis.passwordConfirm.value===value;}},usertype: {validate: function(value){// 这需要触发username表单的验证，而不需要用户的操作this.username.required=true;}},});// 需要识别HTML中的部分验证规则加到模型中去form.scan($('#form')[0]);// 这需要触发username的验证form.fields.username='another username';// 如果有一个程序员很淘气，它写了这样的代码document.getElementById('username').value='a bad username';// 我们也需要帮他验证一下对不对// 另一个小淘气喜欢用各种表单控件uploader.on('change',function(value){form.fields.username.value=value;});// 我们也不可以抛弃他，也需要帮他验证一下// 具体的详细细节请联系导师
1.2 建议的MVVM实现方式
模型到视图：使用ES5的新特性Object.defineProperties。
视图到默认：使用Mutation Observer。
1.3 进阶任务
  1. Object.defineProperties如何在IE下实现呢？
  2. Mutation Observer可是新玩意，其它的浏览器可怎么办呢？
  3. 尝试将框架向非表单扩展。
  4. 尝试配置JQuery写一个真正的MVVM框架。
  5. 你是否在MVVM方面有自己新的想法呢？
1.4 学习目的
  1. 理解表单操作的基本模式和处理方法
  2. 理解MVVM是什么，和怎么实现
  3. 理解框架可用性和可扩展性以及两者之间的取舍
2. 移动端Web IM
2.1 任务描述
  • 实现一个基于手机Web端的IM工具
  • 可以实现文字、表情的交流
2.2 任务要求
  • 从UI设计、前端、后端均由自己完成
2.3 任务目的
  • 从无到有完整实现一个轻量级产品
  • 体会全栈工程师
  • 踩一踩移动端的各种大坑
3. 迷宫游戏
3.1 任务描述
  • 基于WebGL，实现3D迷宫世界的自动生成
  • 实现Avatar在迷宫里的运动
  • 实现使用手机端作为Avatar的操作遥控器
3.2 任务要求
  • 不要基于已有框架
  • 足够炫
3.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
4. 3D HTML World 游戏
4.1 任务描述
  • 在PC浏览器上，针对一个普通的HTML页面，基于WebGL可以生成他的3D世界版本，由页面自身的DOM嵌套关系生产层峦叠嶂的DOM阶梯
  • 可以操作一个3D小球在这个世界中前进、转向、加速、减速、跳跃
  • 实现使用手机端的重力感应和触屏作为小球运动的操作遥控器
  • 实现在同一个3D页面世界玩耍的小伙伴们能看见其他人的球
  • 实现球与球之间的互动，如碰撞扣血之类的
4.2 任务要求
  • 视觉效果好，画面流畅
  • 游戏易上手、但富有乐趣
4.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
5. Low Poly 生成器
5.1 任务描述
  • 通过上传的图片，自动生成Low Poly（低多边形）图像
  • 提供手动指定边缘和特征点，来提高生成图片的效果
5.2 任务要求
  • 产品体验流畅
5.3 任务目的
  • 基于前端技术做图像领域的深入研究
About
No description, website, or topics provided.
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
任务说明
初级班 & 中级班
初级班和中级班的任务内容基本一致，但是在细节要求和时间要求上会不一样。
  • 任务一：HTML、CSS基础

    • 初级班：11天左右
    • 中级班：4天左右
  • 任务二：JavaScript基础

    • 初级班：13天左右
    • 中级班：7天左右
  • 任务三：深入学习JavaScript语言的一些特性、以及相关的一些设计模式等知识。实践一个小型的to-do项目实践，巩固学习知识

    • 初级班：10天左右
    • 中级班：10天左右
  • 任务四：关于移动、node.js、ES6、CSS预处理、CSS后处理、JavaScript模块化、前端工程化，掌握目前前端主流技术。并通过to-do大型项目实践，做一个移动+PC的大型项目，学习如何做技术选项，如何做大型项目设计架构

    • 初级班：30天左右
    • 中级班：30天左右
具体天数为根据课程内容的调整而有适当微调。以最后公布为主
高级班
高级班假设学员已经有非常好的前端基础，主要需要进行的是偏研究性质或者大型实践性质的项目实践。题目包括：
1. MVVM表单框架任务
1.1 任务描述
  1. 实现一个表单管理框架，要求实现表单验证、错误信息显示、表单提交处理、基于AJAX的表单提交。
  2. 框架的使用者应当使用MVVM模式进行开发，不需要使用DOM操作。
一个可行的使用代码的方式如下：
vareform=require('eform');varform=eform.define({username: {required: false,validate: function(value,async){varnext=async();$.post({username: value},function(){next(true);},function(){next(false);});}},password: {validate: function(value){returnthis.passwordConfirm.value===value;}},usertype: {validate: function(value){// 这需要触发username表单的验证，而不需要用户的操作this.username.required=true;}},});// 需要识别HTML中的部分验证规则加到模型中去form.scan($('#form')[0]);// 这需要触发username的验证form.fields.username='another username';// 如果有一个程序员很淘气，它写了这样的代码document.getElementById('username').value='a bad username';// 我们也需要帮他验证一下对不对// 另一个小淘气喜欢用各种表单控件uploader.on('change',function(value){form.fields.username.value=value;});// 我们也不可以抛弃他，也需要帮他验证一下// 具体的详细细节请联系导师
1.2 建议的MVVM实现方式
模型到视图：使用ES5的新特性Object.defineProperties。
视图到默认：使用Mutation Observer。
1.3 进阶任务
  1. Object.defineProperties如何在IE下实现呢？
  2. Mutation Observer可是新玩意，其它的浏览器可怎么办呢？
  3. 尝试将框架向非表单扩展。
  4. 尝试配置JQuery写一个真正的MVVM框架。
  5. 你是否在MVVM方面有自己新的想法呢？
1.4 学习目的
  1. 理解表单操作的基本模式和处理方法
  2. 理解MVVM是什么，和怎么实现
  3. 理解框架可用性和可扩展性以及两者之间的取舍
2. 移动端Web IM
2.1 任务描述
  • 实现一个基于手机Web端的IM工具
  • 可以实现文字、表情的交流
2.2 任务要求
  • 从UI设计、前端、后端均由自己完成
2.3 任务目的
  • 从无到有完整实现一个轻量级产品
  • 体会全栈工程师
  • 踩一踩移动端的各种大坑
3. 迷宫游戏
3.1 任务描述
  • 基于WebGL，实现3D迷宫世界的自动生成
  • 实现Avatar在迷宫里的运动
  • 实现使用手机端作为Avatar的操作遥控器
3.2 任务要求
  • 不要基于已有框架
  • 足够炫
3.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
4. 3D HTML World 游戏
4.1 任务描述
  • 在PC浏览器上，针对一个普通的HTML页面，基于WebGL可以生成他的3D世界版本，由页面自身的DOM嵌套关系生产层峦叠嶂的DOM阶梯
  • 可以操作一个3D小球在这个世界中前进、转向、加速、减速、跳跃
  • 实现使用手机端的重力感应和触屏作为小球运动的操作遥控器
  • 实现在同一个3D页面世界玩耍的小伙伴们能看见其他人的球
  • 实现球与球之间的互动，如碰撞扣血之类的
4.2 任务要求
  • 视觉效果好，画面流畅
  • 游戏易上手、但富有乐趣
4.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
5. Low Poly 生成器
5.1 任务描述
  • 通过上传的图片，自动生成Low Poly（低多边形）图像
  • 提供手动指定边缘和特征点，来提高生成图片的效果
5.2 任务要求
  • 产品体验流畅
5.3 任务目的
  • 基于前端技术做图像领域的深入研究
About
No description, website, or topics provided.
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
BranchesTags
Repository files navigation
任务说明
初级班 & 中级班
初级班和中级班的任务内容基本一致，但是在细节要求和时间要求上会不一样。
  • 任务一：HTML、CSS基础

    • 初级班：11天左右
    • 中级班：4天左右
  • 任务二：JavaScript基础

    • 初级班：13天左右
    • 中级班：7天左右
  • 任务三：深入学习JavaScript语言的一些特性、以及相关的一些设计模式等知识。实践一个小型的to-do项目实践，巩固学习知识

    • 初级班：10天左右
    • 中级班：10天左右
  • 任务四：关于移动、node.js、ES6、CSS预处理、CSS后处理、JavaScript模块化、前端工程化，掌握目前前端主流技术。并通过to-do大型项目实践，做一个移动+PC的大型项目，学习如何做技术选项，如何做大型项目设计架构

    • 初级班：30天左右
    • 中级班：30天左右
具体天数为根据课程内容的调整而有适当微调。以最后公布为主
高级班
高级班假设学员已经有非常好的前端基础，主要需要进行的是偏研究性质或者大型实践性质的项目实践。题目包括：
1. MVVM表单框架任务
1.1 任务描述
  1. 实现一个表单管理框架，要求实现表单验证、错误信息显示、表单提交处理、基于AJAX的表单提交。
  2. 框架的使用者应当使用MVVM模式进行开发，不需要使用DOM操作。
一个可行的使用代码的方式如下：
vareform=require('eform');varform=eform.define({username: {required: false,validate: function(value,async){varnext=async();$.post({username: value},function(){next(true);},function(){next(false);});}},password: {validate: function(value){returnthis.passwordConfirm.value===value;}},usertype: {validate: function(value){// 这需要触发username表单的验证，而不需要用户的操作this.username.required=true;}},});// 需要识别HTML中的部分验证规则加到模型中去form.scan($('#form')[0]);// 这需要触发username的验证form.fields.username='another username';// 如果有一个程序员很淘气，它写了这样的代码document.getElementById('username').value='a bad username';// 我们也需要帮他验证一下对不对// 另一个小淘气喜欢用各种表单控件uploader.on('change',function(value){form.fields.username.value=value;});// 我们也不可以抛弃他，也需要帮他验证一下// 具体的详细细节请联系导师
1.2 建议的MVVM实现方式
模型到视图：使用ES5的新特性Object.defineProperties。
视图到默认：使用Mutation Observer。
1.3 进阶任务
  1. Object.defineProperties如何在IE下实现呢？
  2. Mutation Observer可是新玩意，其它的浏览器可怎么办呢？
  3. 尝试将框架向非表单扩展。
  4. 尝试配置JQuery写一个真正的MVVM框架。
  5. 你是否在MVVM方面有自己新的想法呢？
1.4 学习目的
  1. 理解表单操作的基本模式和处理方法
  2. 理解MVVM是什么，和怎么实现
  3. 理解框架可用性和可扩展性以及两者之间的取舍
2. 移动端Web IM
2.1 任务描述
  • 实现一个基于手机Web端的IM工具
  • 可以实现文字、表情的交流
2.2 任务要求
  • 从UI设计、前端、后端均由自己完成
2.3 任务目的
  • 从无到有完整实现一个轻量级产品
  • 体会全栈工程师
  • 踩一踩移动端的各种大坑
3. 迷宫游戏
3.1 任务描述
  • 基于WebGL，实现3D迷宫世界的自动生成
  • 实现Avatar在迷宫里的运动
  • 实现使用手机端作为Avatar的操作遥控器
3.2 任务要求
  • 不要基于已有框架
  • 足够炫
3.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
4. 3D HTML World 游戏
4.1 任务描述
  • 在PC浏览器上，针对一个普通的HTML页面，基于WebGL可以生成他的3D世界版本，由页面自身的DOM嵌套关系生产层峦叠嶂的DOM阶梯
  • 可以操作一个3D小球在这个世界中前进、转向、加速、减速、跳跃
  • 实现使用手机端的重力感应和触屏作为小球运动的操作遥控器
  • 实现在同一个3D页面世界玩耍的小伙伴们能看见其他人的球
  • 实现球与球之间的互动，如碰撞扣血之类的
4.2 任务要求
  • 视觉效果好，画面流畅
  • 游戏易上手、但富有乐趣
4.3 任务目的
  • 深入学习并实践WebGL
  • 学习跨端交互
  • 尝试做一些炫酷的事情
5. Low Poly 生成器
5.1 任务描述
  • 通过上传的图片，自动生成Low Poly（低多边形）图像
  • 提供手动指定边缘和特征点，来提高生成图片的效果
5.2 任务要求
  • 产品体验流畅
5.3 任务目的
  • 基于前端技术做图像领域的深入研究
About
No description, website, or topics provided.
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages