学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等工具，即可直接生成“开箱即用”的项目，从而可以更好地专注于代码的编写。

云邊有個小賣部

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

云邊有個小賣部

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

simonzhd

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

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

云邊有個小賣部

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

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

flutter也就在android系统称王

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

云邊有個小賣部

作者是大牛

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

云邊有個小賣部

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




CSS世界 提取码: fcjp

云邊有個小賣部

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

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

复制代码

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

1. <template>
   
2.         <div class="container">
   
3.                 <el-row class="h-60">               
   
4.                 </el-row>
   
5.                 <el-row>
   
6.                         <el-col :span="8">       
   
7.                         </el-col>
   
8.                         <el-col :span="8" class="bg-primary-subtle p-10">
   
9.                                 <el-form :model="loginForm"
   
10.                                   class="login-container" label-position="left"
    
11.                                  label-width="80px" v-loading="loading"  status-icon>
    
12.                                         <h4 class="text-center">系统登录</h4>
    
13.                                        
    
14.                                         <el-form-item label="用户编号">
    
15.                                             <el-input v-model="loginForm.adminCode" placeholder="用户编号"></el-input>
    
16.                                         </el-form-item>
    
17.                                         <el-form-item label="密码">
    
18.                                             <el-input  type="password" v-model="loginForm.password" placeholder="密码"></el-input>
    
19.                                         </el-form-item>
    
20.                                         <el-form-item class="text-center">
    
21.                                             <el-button type="primary" class="m-l-20" @click.native.prevent="toLogin()">Login</el-button>
    
22.                                                 <el-button type="Reset" class="m-l-20" @click.native.prevent="toReset()">Reset</el-button>
    
23.                                         </el-form-item>
    
24.                                 </el-form>       
    
25.                         </el-col>
    
26.                 </el-row>
    
27.         </div>
    
28. </template>
    
29. <script setup>
    
30.   import { ref  } from 'vue'
    
31.   import axios from 'axios'
    
32.   import {useRouter} from 'vue-router'
    
33.   //-路由对象
    
34.   const router = useRouter()
    
35.   //data
    
36.   let loginForm=ref({
    
37.     adminCode:"",
    
38.     password:""
    
39.   });
    
40.   function toLogin(){
    
41.         let url="http://localhost:8080/nep/admins/getAdminsByCode";
    
42.                 //post()请求部分       
    
43.         axios.post(url,{
    
44.                 adminCode:loginForm.value.adminCode,
    
45.                 password:loginForm.value.password       
    
46.         })//服务响应后，调用的函数  response 响应对象
    
47.           .then(function (response) {
    
48.                   //response.data 响应正文
    
49.             console.log(response.data);
    
50.                 //判断服务器响应状态 200成功  422失败
    
51.                 if(response.status==200){
    
52.                         //1、记录登录状态  sessionStorage
    
53.                         //存储在浏览器的缓存中，超时或浏览器关闭 数据丢失
    
54.                         //存：sessionStorage.setItem("自定义键",值)
    
55.                         //取： sessionStorage.getItem("自定义键")
    
56.                         //sessionStorage.setItem("user_token",response.data.access_token)
    
57.                         sessionStorage.setItem("isAuthenticated",true)       
    
58.                         //登录成功到首页
    
59.                         router.push("/home")
    
60.                 }
    
61.           })//请求异常处理
    
62.           .catch(function (error) {
    
63.             console.log(error);
    
64.           });
    
65.   }
    
66.   function toReset(){
    
67.         loginForm.value.adminCode = ""
    
68.         loginForm.value.password = ""
    
69.   }
    
70. </script>
    
71. <style>
    
72. .h-60{
    
73.         height: 60px;
    
74. }
    
75. .p-10{
    
76.         padding: 10px;
    
77. }
    
78. </style>

复制代码

特写了一段VUE代码纪念

云邊有個小賣部

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


...
语言这东西，只要微软牵了头，一般都很健壮，但是带来的你也知道...就是复杂。