前端
拼了命的珍惜
力气大的搬砖男子汉。
展开
-
学习 阮一峰 ECMAScript 6 入门 代码小结-1
for (let codePoint of 'foo') { console.log(codePoint)}let greeting = `\`Yo\` World!`;console.log(greeting);let greetings=`${{i:5}}`console.log(greetings);const tmpl = addrs => ` <table> ${addrs.map(addr => ` <tr><td&原创 2022-02-03 21:58:08 · 954 阅读 · 0 评论 -
taro-dva-template 集成dvajs数据管理框架的taro小程序模板,即拿即用,提高开发效率
项目github地址:https://github.com/HY88883/taro-dva-template前段时间使用taro框架开发小程序,工作之余把框架封装了一下,以后如果再开发,可以clone下来,直接写业务代码,大大减少了开发时间,提升开发效率,下面给大家分享下我的方案。taro-dva-template 是一个面向掌握react技术栈的开发者,把taro框架轻量封装的模板项目。能够使用dvajs全局管理数据,渲染页面,集成eslint等工具,可以节省框架搭建工作量,提升开发前端界面的效率。原创 2021-09-10 11:26:48 · 359 阅读 · 0 评论 -
解决用webstorm打开taro小程序项目,无法识别alias @的问题
taro项目根目录新建webstorm.config.js,进入 WebStorm preferences -> Language & Framework -> JavaScript -> Webpack,选择这个文件即可。/** * 由于 taro 不再使用传统的 webpack 配置文件,故 WebStorm 无法识别别名 * 本文件对项目无任何作用,仅作为 WebStorm 识别别名用 * 进入 WebStorm preferences -> Language原创 2021-09-09 15:49:34 · 1187 阅读 · 0 评论 -
React Native BLE蓝牙通信 App开发
由于公司项目需要,开发一个基于rn的app与公司蓝牙模块下位机进行通讯。用来扫描并连接可用的外设,然后读取和写入数据。项目选用的蓝牙库是:react-native-ble-manager,详细安装教程和api文档查看官方文档即可。app采用react-native+react-native-navigation+typescript+hook状态管理技术栈。如有疑问可联系我或在下方评论区留言。react-native-ble-manager只适用于BLE蓝牙通信,不适用于经典蓝牙通信,接入前请确保你原创 2021-07-28 14:39:00 · 3077 阅读 · 2 评论 -
react-native自定义封装组件集,供日常开发使用
自己在react-native第三方组件库基础之上再次封装的一些组件集,供日常开发使用,大大提高开发效率。初步形成规模,组件不复杂,易于使用,暴露的属性尽量少,便于顺利嵌入后期公司编写的自动化生成代码中。使用typescript编写,嵌入第三方组件库,进行再开发,有兴趣可移步至:https://github.com/HY88883/react-native-common-components后期会进行维护更新,有可能进行hook重构。头像按钮轮播图环形进度条分割线列表分页图片展示多原创 2021-04-16 22:05:37 · 1029 阅读 · 2 评论 -
一款使用RN + TS开发的仿喜马拉雅的听书应用
项目运行截图:安卓端:ios端:在这样的项目中,用到的一些技术:Flex StyleView/Image/Text/FlatListTouchableOpacityStyleSheetTimersAnimatedreact-native-storagerealmdva-corereact-navigationreact-native-linear-gradientreact-native-snap-carouselreact-native-soundreact-nati原创 2020-11-04 09:07:53 · 543 阅读 · 0 评论 -
Android error “Could not get BatchedBridge, make sure your bundle is packaged properly” on start of
Android error “Could not get BatchedBridge, make sure your bundle is packaged properly” on start of app #9336今天做项目的时候碰到这个问题,在github上有这个问题的解决方案,可以看看。https://github.com/facebook/react-native/issues/9336解决方案:react-native run-androidreact-native start --原创 2020-10-04 21:57:55 · 830 阅读 · 0 评论 -
Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081
今天继续做公司安排的安卓项目时,yarn android运行项目后发现出现了这个错误,刚开始百思不得其解,我也没改什么配置。。然后细细看了看错误信息,定位到了位置。原来是我把package.json中一个不用的包删除掉后没有删掉其他依赖的信息,导致项目运行起来没找到这个包从而报错。error Failed to install the app. Make sure you have the Android development environment set up: https://reactnativ原创 2020-10-02 20:54:46 · 6719 阅读 · 2 评论 -
‘react-app-rewired‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! m
'react-app-rewired' 不是内部或外部命令,也不是可运行的程序或批处理文件。npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! my-app@ start: react-app-rewired startnpm ERR! Exit status 1npm ERR!npm ERR! Failed at the my-app@ start script.npm ERR! This is probably not a problem w原创 2020-09-08 10:20:01 · 3286 阅读 · 2 评论 -
ValidationError: Invalid options object. Less Loader has been initialized using an options object th
./node_modules/[email protected]@antd/es/style/index.less (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-7-3!./node_modules/[email protected]@less-loader/dist/c原创 2020-09-07 14:03:02 · 1180 阅读 · 0 评论 -
react:用redux实现简单计算器的过程中使用异步编程的一个小例子
首先是项目的基本结构:1、下载redux插件(异步中间件)npm install --save redux-thunk2、在redux/store.js中引入import thunk from 'redux-thunk'3、在createStore方法中传入一个由applyMiddleware(thunk)返回的函数对象const store = createStore(calc,composeWithDevTools(applyMiddleware(thunk)))4、在action原创 2020-08-19 00:05:28 · 359 阅读 · 0 评论 -
react: 使用PropTypes 进行类型检查时控制台报:TypeError: Cannot read property ‘string‘ of undefined
查询资料知,从 React v15.5 开始 ,React.PropTypes 助手函数已被弃用,我们建议使用 prop-types 库 来定义contextTypes。需要将React.PropTypes.string修改为PropTypes.string同时引入prop-types.js这个库,原创 2020-08-14 21:08:58 · 263 阅读 · 0 评论