云邊有個小賣部 发表于 2024-9-7 17:19:56

学javascript:

目前,流行的两个框架,一个是尤雨溪,个人产品。一个是Facebook的拳头产品;

当然,还有一个框架,太重,我就不介绍了,大家自行搜索,脑补



小火柴的蓝色理想 - 博客园 (cnblogs.com)

上面这个小火柴的blog,我感觉做的不错,而且following,很适合入门
他也有自己的个人blog站点


VueCLI:Vue.js开发的标准工具,对Bable,TypeScript,ESLint,ESLint,PostCSS,PWA,单元测试和End-to-end测试提供了“开箱即用”的支持。它具有强大的可扩展性,可以灵活组合,从而提供更复杂的解决方案。

Create React App:一款官方支持的,用于创建React单页应用程序的工具。它为开发人员提供了“零配置”的使用体验。开发人员无需安装或配置Webpack,Babel等工具,即可直接生成“开箱即用”的项目,从而可以更好地专注于代码的编写。

云邊有個小賣部 发表于 2024-9-7 17:21:52

记住复旦附中,很厉害的一所中学,跟人大附中,北京四中一个级别的。

云邊有個小賣部 发表于 2024-9-7 17:50:08

总体来说react更好一点,生态更好

simonzhd 发表于 2024-9-7 17:55:27

云邊有個小賣部 发表于 2024-9-7 17:50
总体来说react更好一点,生态更好

准备学学react native的expo框架,折腾一下app开发

云邊有個小賣部 发表于 2024-9-7 19:21:29

simonzhd 发表于 2024-9-7 17:55
准备学学react native的expo框架,折腾一下app开发

我感觉你没必要学它,为什么flutter好像说跨平台,但是人家apple不认,人家有自己的swiftUI

flutter也就在android系统称王

鸿蒙系统目前还不知晓,没研究(开始是java,后来是javascript...你知道的)

云邊有個小賣部 发表于 2024-9-7 20:09:27

本帖最后由 云邊有個小賣部 于 2024-9-8 10:03 编辑




作者是大牛

《CSS世界》官方网站-首页 (cssworld.cn)








云邊有個小賣部 发表于 2024-9-9 09:34:45

我也不藏着掖着直接把PDF奉上:




CSS世界 提取码: fcjp

云邊有個小賣部 发表于 2024-9-21 20:00:32

这几天闲来无事,在学习typescript,TS也是微软的作品,是c#的作者。




安德斯·海尔斯伯格(Anders Hejlsberg,1960年12月—),丹麦人,Borland Turbo Pascal编译器的主要作者。进入微软公司后,先后主持了Visual J++、.Net, C# 和 TypeScript。

牛逼呀,不是一般程序员能期冀

<template>
        <div class="container">
                <el-row class="h-60">               
                </el-row>
                <el-row>
                        <el-col :span="8">       
                        </el-col>
                        <el-col :span="8" class="bg-primary-subtle p-10">
                                <el-form :model="loginForm"
                                  class="login-container" label-position="left"
                               label-width="80px" v-loading="loading"status-icon>
                                        <h4 class="text-center">系统登录</h4>
                                       
                                        <el-form-item label="用户编号">
                                          <el-input v-model="loginForm.adminCode" placeholder="用户编号"></el-input>
                                        </el-form-item>
                                        <el-form-item label="密码">
                                          <el-inputtype="password" v-model="loginForm.password" placeholder="密码"></el-input>
                                        </el-form-item>
                                        <el-form-item class="text-center">
                                          <el-button type="primary" class="m-l-20" @click.native.prevent="toLogin()">Login</el-button>
                                                <el-button type="Reset" class="m-l-20" @click.native.prevent="toReset()">Reset</el-button>
                                        </el-form-item>
                                </el-form>       
                        </el-col>
                </el-row>
        </div>
</template>
<script setup>
import { ref} from 'vue'
import axios from 'axios'
import {useRouter} from 'vue-router'
//-路由对象
const router = useRouter()
//data
let loginForm=ref({
    adminCode:"",
    password:""
});
function toLogin(){
        let url="http://localhost:8080/nep/admins/getAdminsByCode";
                //post()请求部分       
        axios.post(url,{
                adminCode:loginForm.value.adminCode,
                password:loginForm.value.password       
        })//服务响应后,调用的函数response 响应对象
          .then(function (response) {
                  //response.data 响应正文
          console.log(response.data);
                //判断服务器响应状态 200成功422失败
                if(response.status==200){
                        //1、记录登录状态sessionStorage
                        //存储在浏览器的缓存中,超时或浏览器关闭 数据丢失
                        //存:sessionStorage.setItem("自定义键",值)
                        //取: sessionStorage.getItem("自定义键")
                        //sessionStorage.setItem("user_token",response.data.access_token)
                        sessionStorage.setItem("isAuthenticated",true)       
                        //登录成功到首页
                        router.push("/home")
                }
          })//请求异常处理
          .catch(function (error) {
          console.log(error);
          });
}
function toReset(){
        loginForm.value.adminCode = ""
        loginForm.value.password = ""
}
</script>
<style>
.h-60{
        height: 60px;
}
.p-10{
        padding: 10px;
}
</style>

特写了一段VUE代码纪念

云邊有個小賣部 发表于 2024-9-21 20:04:15

本帖最后由 云邊有個小賣部 于 2024-9-21 20:05 编辑

我谈谈我最近学TS的感受,看的懂的,早看懂了,看不懂的可能永远都看不懂,但不知道时间这把杀猪刀,能不能像庖丁解牛一样分解掉它。


...
语言这东西,只要微软牵了头,一般都很健壮,但是带来的你也知道...就是复杂。
页: [1]
查看完整版本: 学javascript: