Dart学习笔记(一)
Dart 介绍官网Dart 是由谷歌开发的计算机编程语言。被用于 Web、服务器、移动应用和物联网等领域的开发。它使用宽松开源许可证(BSD 证书)。Dart 被设计为面向对象的、类定义的、单继承的语言。它的语法有点类似 C 语言,并且可以转译为 JavaScript,支持混入(mixins)、接口(interfaces)、抽象类(abstract classes)、具体化泛型(reified generics)、可选类型(optional typing)与 sound type system。 Dart数据类型 数值 Number int double 字符串 String 布尔值 bool 数组 List 字典 Map Set Set 是一个元素唯一且无序的集合 Runes Symbol Null Dart 支持类型推断,所以大多数情况下,并不需要显式的指定类型。 1234567main() { var name = "this is a name"; // 字符串 var year = 2020; // 整型 var money = 15. ...
微前端项目总结
前言又来记笔记了… qiankun 官网地址:https://qiankun.umijs.org/zh/guide 踩过的坑大部分问题,官网上都是有解决方案,乾坤常用问题解决方案地址: https://qiankun.umijs.org/zh/faq 主要记录一下部署的时候遇到的问题; 主应用和子应用部署在不同服务器的情况,需要主应用配置代理,或者子应用的 ningx 配置设置一下 add_header,前端访问地址和api请求都需要设置一下 12345678910111213141516localhost /{ ... add_header Access-Control-Allow-Origin 'https://XXXXXX'; # Credentials 网站访问地址不需要,api请求需要 add_header Access-Control-Allow-Credentials 'true'; add_header Access-Control-Allow-Methods 'GET, POST, OPT ...
create-react-app配置记录
09-15补充PC config-overrides.js 配置123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132const path = require('path')// node_modules/react-scripts/config/webpack.config.jsconst { override, addDecoratorsLegacy, addWebpackAlias, addPostcssPlugins, add ...
2021年末——光怪陆离
前言风吹花树,成长正酣。 随便一些感想光阴如白驹过隙,眨眼间一年的时间又过去了,自古有感于时间,无一不叹其短暂易逝。孩童时期盼望着快快长大去闯荡世界,如今毕业几年才知读书的时候才是人生最美好的一段时间啊!新冠疫情爆发至今都快3年了,不敢相信都已经3年过去了,每天都在盼望疫情早点结束,每天都会被新增的确诊人数拉回现实。以前出门只需要带个钥匙、手机就行,现在口罩都成为出门必备物品之一了。每每想到如此就非常厌恶那些草菅人命的美国政客、资本家,在他们的如意算盘里全人类的命运都能成为其追名逐利的棋子,一条条鲜活的生命就这样葬送在阴谋之中!可恶可憎! 不知道什么title2021年收获颇丰,主要在:心态、性格、工作技能这几个方面;感觉今年最最重要的就是自己对于人性的思考和心态的调整。2021一整年,不愉快的地方是遇到了一个比较年长的同事的冷暴力,排挤,真的是非常难过的一段时间。 也正是因为这位同事的折磨,使我在2021年一直在寻求精神、心态上的解脱,期间拜读了柏拉图的《理想国》、希阿荣博堪布的《次第花开》、陈忠实的《白鹿原》、稻盛和夫的《心》、莫言《晚熟的人》,还听了很多罗翔老师对于人生智慧的思考 ...
npm发包小记
前言记录一次犯蠢经历😅,主要是npm私服发包和npm官网发包有一点小区别。 npm官网包写好后,先登录,登录之后直接publish就ok了。注意: 确定在执行登录命令的时候处于npm源下,不能是淘宝源等其他源,否则会401报错; 包发布24小时内可以使用unpublish撤销。 npm文档传送门 123456789101112131415161718// 登录 会提示输入账号,密码,邮箱npm login// 退出登录npm logout// 发包npm publish// 删除 npm unpublish [<@scope>/]<pkg>@<version>npm unpublish npm unpublish [<@scope>/]<pkg>@<version>npm unpublish [<@scope>/]<pkg> --force// deprecate命令 弃用一个包 会给使用这个包的人 推送弃用警示npm deprecate <pkg>[@<versio ...
node小记
前言偶尔会写一些 node 小工具,由于不是经常写忘的很快,特此记录一下一些常用的依赖包之类的; 支持esmodule修改type属性; 1234567891011121314151617181920{ "name": "server", "version": "1.0.0", "description": "", "main": "index.js", "type": "module", "scripts": { "serve":"node bin/index.js", "test": "echo \"Error: no test specified\" && exit 1" }, "k ...
dva小记
dvadva把redux和redux-saga组合起来,避免了store中需要写watcher saga、worker saga、reducer、action等一堆的东西,增加state的时候减少多个文件反复横跳的情况;dva提出了model的概念,通过reducers, effects 和 subscriptions 组织 model,大大提高开发便利度!其还集成了react-router, router的api也可从dva中直接引入。 传送门文档地址:dva.js 结语dva作为一个纯数据流方案,简化redux相关技术栈的开发流程。目前dva库已经停止维护,更多的是使用umi.js去做react项目的开发,umi里面dva作为插件默认注册,单单用dva开发项目的情况很少。
简易版react-redux
前言学习 react-redux 源码并自己实现其主要功能;学习使我快乐~ 敲代码使我快乐~ 手写一个简单的 react-reduxreact-redux 库将 react 和 redux 结合起来,使 react 项目中可以更加方便的使用 redux~ react-redux 主要 API 有: Provider、connect、bindActionCreators、useSelector、useDispatch、 ProviderProvider组件通过包裹应用根组件通过 ReactContext 将 store 数据传给子孙组件; 使用 12345678import { Provider } from './myRedux'ReactDOM.render( <Provider store={store}> <App /> </Provider>, document.getElementById('root')) 实现 1234567import ...
react-redux使用
前言上两月忙其他的事情,由此学习的步伐暂停了近两个月的时间,现在终于有时间继续啦!之前在学习 redux 的过程中没有整理笔记,继续开始的时候发现知识点居然忘记了好多,还是老话说的好:“好记性不如烂笔头!”;写成一篇文章一是对自己学习过程的记录,也是对知识点的总结,最终目的是为了让知识点掌握的更加牢固~ 安装依赖提供了两个 api Provider 为后代组件提供 store connect 为组件提供数据和变更方法 1yarn add react-redux APIProvider<Provider store> 使组件层级中的 connect() 方法能够获得 Redux store。正常情况下,根组件应该嵌套在 <Provider> 中才能使用 connect() 方法。 123456789101112131415import React from 'react'import ReactDOM from 'react-dom'import { Provider } from 're ...
pdfjs在移动端预览pdf
前言pdfjs传送门pdfjs + vue 移动端 踩坑记录,这个问题遇到过很多次,特此记录。 成功解决方案 去pdfjs的GitHub地址把代码拉下来; 没有glup的环境需要安装一下gulp: 1npm install -g gulp-cli 安装项目依赖 1npm install 运行服务,运行之后打开地址http://localhost:8888/web/viewer.html; 1gulp server 可以看到pdfjs库本身examples文件夹下提供了很多的例子,都可以预览看看,自己想要使用哪个版本; 打包 1gulp generic-legacy 打包之后build/generic-legacy下面就是打包后的内容; 将generic-legacy文件夹拷贝到vue项目里面,放到public目录下,这里需要注意一点,没必要放到src下,不用打包到app.js中徒增项目大小、降低了性能;上线之前可以把generic-legacy下的代码都压缩一下~ 新建一个vue文件,用来预览pdf,url需要填写为具体项目的的具体文件地址,pdf的地址可以通过query传到 ...