micropython ESP32 SOLO-1 firmware binary
E (469) cpu_start: Running on single core chip, but application is built with dual core support. E (478) cpu_start: Please enable CONFIG_FREERTOS_UNICORE option in menuconfig. microPython Enable dual core support by default. Single core is still supported, just by adding CONFIG_FREERTOS_UNICORE=y to a custom sdkconfig file. for ESP32 SOLO-1 you may do this. modify file […]
我的第一個STM32程式，使用Arduino IDE 介面
rduino已經用了很長的一段時間，有些與 Arduino 相容開發板的延伸應用，如 NodeMCU、ESP32 等，實作了一些相關的控制。當時覺得 STM32 可能與 Arduino 類似，就沒特別想買一個來練習。這次在看了 STM32 的規格後，覺得比 Arduino 強很多，也可以使用 Arduino IDE 來撰寫 STM32 程式，利用購買一批電子零件的機會，順便買了一片 STM32F103C8T6 開發板，來測試一下這片開發板的功能。 我整理一下 Arduino Uno 的 ATmega328 與 Mega 使用的 ATmega2560 以及 STM32 三個微控制器的比較，可以看到 STM32 的 32bit 處理器及其他規格都比 Arduino Uno 或 Mega 要強很多。一般如果是用在做玩具或啟蒙電子教育功能，Arduino 比較適合，如果是要做成工業或商用產品，那 STM32 會更好。 編號 規格 STM32F103C8 ATMEGA328 ATMEGA2560 1 CPU 32 Bit 8 Bit […]
2021 大前端技術回顧及未來展望
總結2021 年度趨勢 1、 TypeScript 穩健增長 回顧2021，官方的 Roadmap 闡明了TypeScript 的目標是繼續完善其類型系統、實現強大的工具提高生產力、提高使用體驗、提高社區參與程度、改進基礎設施和工程化系統。提出目標後，這一年TypeScript 團隊還是非常給力的發了4 個版本，目前最新版本4.5，其中許多新特性確實使用起來更香了，比如： 更好的元組類型支持，允許任意位置的剩餘類型以及可選類型。 更好的模板字符串字面量類型支持。 更智能的條件分支域的類型推斷。 索引類型支持Symbol 和模板字符串模式。 Awaited 類型和Promise 類型改進。 等等。 除了特性，它還完善了許多使用體驗，比如： 性能優化如更快的類型生成、增量編譯和Sourcemap 生成。 更智能的IDE 補全。 非Javascript 源文件定位。 等等。 另外， TypeScript 新官網在8 月上線了，全新的文檔查閱起來也更加方便。 目前TypeScript 已經是IMWeb 團隊的標配。無論是Web 前端、Node.js 項目還是公共模塊，從腳手架模板就默認支持TypeScript，其中公共模塊體係不僅僅使用TypeScript 編寫代碼和類型檢查，同時利用ESLint 實現TS 語言標準AST 的特定校驗來實現公共模塊規範，還結合TypeDoc 生成使用文檔等等。 展望 TypeScript 在未來將提供更多激動人心的特性，例如： 扁平化聲明文件（Flattening declarations），只輸出一份總的d.ts 文件，而不是一個模塊一個d.ts 文件。 環境裝飾器（Ambient decorators），用來聲明一些環境信息，例如API 是否是deprecated。不影響輸出的運行時代碼，只在d.ts 聲明文件中體現。 條件編譯（Conditional compilation），有點類似C++ 中的#if 宏定義，可以在編譯前預處理代碼並保留符合條件的代碼分支。 […]
Flutter Example Apps (Source Code + YouTube Link)
Clones/Apps Flutter WhatsApp Clone App Flutter Instagram Clone App Flutter Build a Beautiful Pokemon App – English Flutter Build a Beautiful Pokemon App – Hindi Flutter Responsive Game of Thrones Flutter App Flutter: Quiz App Flutter StackOverflow App Flutter Gender Prediction App Flutter Cocktail App Flutter Gif Search Engine App Flutter QuotesX App Flutter For […]
How to Use a Joystick with Serial Monitor
This project will show you how to use joystick with serial monitor. Operation and uses The joystick is similar to two potentiometers connected together, one for the vertical movement (Y-axis) and other for the horizontal movement (X-axis). ( Same operation as an analogic joystick used with arduino card ) The potentiometers are […]
总结100+前端优质库,让你成为前端百事通
js相关库 js 常用工具类 「lodash」 一个一致性、模块化、高性能的 JavaScript 实用工具库。 「xijs」 一款面向复杂业务场景的 javascript 工具库 「ramda」 一个很重要的库，提供了许多有用的方法，每个 JavaScript 程序员都应该掌握这个工具 「day.js」 一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样, 体积只有 2kb 「big.js」 一个小型，快速的 JavaScript 库，用于任意精度的十进制算术运算 「qs」 一个 url 参数转化 (parse 和 stringify)的轻量级 js 库 「decimal.js」 实现 JavaScript 的任意精度的十进制类型库 表单校验 「Validator.js」 一个强大的 js 表单校验库 「Validate.js」 致力于提供一种验证数据的跨框架和跨语言方式的 js 库, 已通过 100％代码覆盖率的单元测试 dom 库 「JQuery」 封装了各种 dom/事件操作, 设计思想值得研究借鉴 「zepto」 jquery 的轻量级版本, 适合移动端操作 「fastclick」 一个简单易用的库，它消除了移动端浏览器上的物理点击和触发一个 click 事件之间的 […]
Arduino Nano CNC Shield V4 with grbl PIN ERROR
The CNC Shield V4 came with some factory errors being a cloned version for china, the step puls and step direction pin numbers have been alternated, this article also show how to correct it. Just modify one file. modify cpu_map.h file at line 39 #define X_STEP_BIT 5 // Uno Digital Pin 2 #define Y_STEP_BIT 6 […]
都2021移動端適配你還用flexible.js嗎？vw+rem一行代碼搞定
了解一下rem rem（font size of the root element）是相對長度單位。相對於根元素（即html 元素）font-size 計算值的倍數。 適配原理：將px 替換成rem，動態修改html 的font-size 適配。它可以很好的根據根元素的字體大小來進行變化，從而達到各種屏幕基本一致的效果體驗 u 同學給的設計稿 常見的設計圖寬度，當然也可以是其他的寬度，比如720 像素的 375 iPhone7 750 二倍圖 320 iPhone5 640 二倍圖 為什麼給的是375？因為這個是iPhone7 的寬度， 也就是說最低兼容到375 像素的屏幕。（低於375 佈局可能會亂） 其他的同理 1. vw + rem 方案 如果效果圖是375px 的， html 的style 屬性的font-size 設置為26.666666vw css 中20px 改寫為0.2rem 即可 <!DOCTYPE html> <html lang=”en” style=”font-size: 26.666666vw”> <head> <meta charset=”UTF-8″ […]
圖片上傳在ios中click事件無效
addImage方法中的this.input.click()在ios中無法生效。 網上提供的幾種解決方法，供大家參考： 1、將click 事件直接綁定到目標元素（即.target）上； 2、將目標元素換成a 或者button 等可點擊的元素； 3、將click 事件委託到非document 或body 的父級元素上； 4、給目標元素加一條樣式規則cursor: pointer。 我最後採用了直接調用dom的原生方法觸發input的點擊事件 addImage = () => { const event = document.createEvent(‘MouseEvents’); event.initMouseEvent(‘click’,false,false); this.input.dispatchEvent(event) };
Create Login Signup UI Screens in Vue with Bootstrap 4
In this tutorial, we are going to create responsive Login & Signup UI screens using the Bootstrap 4 CSS framework in the Vue.js application. We will create a Login screen, Sign up screen, and Forgot Password screen from scratch. Bootstrap is a free and open-source CSS based UI framework, and It is used for rapid front-end […]