
全栈
文章平均质量分 81
蟹屋在海边
这个作者很懒,什么都没留下…
展开
-
Flutter常用三方库
在pubsepc.yaml中添加组件依赖 > dependencies:安装依赖 pub get 或者 flutter packages get 或者 vsCode中保存配置自动下载import ‘package: …’dio 一个强大的dart http请求库flutter_swiper 轮播组件,可以适配Android和iOSshared_preferences 数据本地化存储...原创 2024-10-27 20:30:00 · 617 阅读 · 0 评论 -
Flutter状态管理
StatefulWidget按状态划分StatelessWidgetStatefulWidget按照作用域划分组件内私有状态跨组件状态分享全局状态状态组件的组成DataTableInheritedWidget声明周期ProviderStatefulWidget按状态划分StatelessWidgetStatefulWidget按照作用域划分组件内私有状态StatefulWidget跨组件状态分享InheritedWidget、Provider全局状态Redux、fish-redux、.原创 2024-10-27 20:30:55 · 676 阅读 · 0 评论 -
Dart基础——常见数据类型与函数
函数:声明方式与OC类似。只是标注形参类型时不需要加 *,每句话写完,要加 ;void thisIsDartFunction(int parma) { print('hello dart');}变量:声明方式与swift和oc都有类似。使用var表示变量是可变的,也可字面量直接显式声明变量数据类型。void thisIsDartFunction(int parma) { var page = 0; print('read to $page');}明确执行类型:int age =原创 2022-01-14 08:06:42 · 222 阅读 · 0 评论 -
Flutter组件——列表
文章目录列表布局singleChildScrollViewListViewListView.builderListView.separated网格布局GridViewGridView.countGridView.extentGridView.builder列表布局singleChildScrollView类似Android中的ScrollView- child 子组件- padding 内边距- scrollDirection 滚动方向- Axis.horizontal- Axis.vert原创 2022-01-14 08:05:50 · 1778 阅读 · 0 评论 -
Flutter常用组件——Text、布局(盒子、线性、流式、弹性)、按钮、图片
Flutter常用组件TexttextDirectiontextStylecolorsfontWeightfontStyleTextAlignTextOverflowmaxLinesRichText 与 TextSpan原创 2022-01-14 08:04:55 · 1859 阅读 · 0 评论 -
在Mac系统让你的第一个kraken项目跑起来
flutter安装参考如下步骤,完成flutter安装。温馨提示:有VPN的童鞋,最好打开VPN。Android studio安装时,貌似要访问google的。xcode 可在App Store下载下载Android studio地址:点击前往下载flutter地址:点击前往配置 .bash_profile文件vim .bash_profile直接复制以下内容注意:FLUTTER=/Users/username/Development/flutter/bin ,务必填原创 2021-04-22 10:03:23 · 373 阅读 · 0 评论 -
Vue探索细节记录 —— 实现
Vue基础语法h创建虚拟dom,$mount函数 将虚拟dom转为真实domVue Router原理分析与实现虚拟DOM 库 Snabbdom源码解析响应式与原理分析与实现Vue.js源码分析原创 2020-11-29 20:01:15 · 129 阅读 · 0 评论 -
前端模块化与打包工具
webpack利用loader(加载器)去打包不同的文件类型,默认仅支持js文件的打包所有的配置信息入口文件:webpack.config.jsloader分为三类:编译操作文件转换代码检查文件转换图片file-loaderurl-loader指定options-limit,限制url-loader转换图片的大小,超过限制的图片会直接使用file-loader转换。默认单位:bitcsscss-loadermodule.exports = {// 有三种类型mod原创 2020-11-01 15:26:36 · 1060 阅读 · 1 评论 -
ES2015到ES2017(即ES6开始)新特性总结
ES2015 俗称ES6 新特性新特性主要目的:解决原有语法上的一些问题或者不足let、const对原有语法增强结构、展开、模板字符串等全新的对象、方法、功能Promise、Proxy、Reflect等全新的数据类型、数据结构set 、Map等作用域全局作用域(旧版本)函数作用域(旧版本)块级作用域声明变量var (旧版本,可实现变量声明的提升,不规范)letlet声明的成员,删除变量声明的提升功能,只能在其块级作用域中被访问到constcon原创 2020-10-08 09:13:43 · 597 阅读 · 0 评论 -
Promise之理解与手写实现
诞生:commonJS社区提出Promise规范,用于统一处理异步回调,后被列入ECS2015标准主要特点:本质就是Promise类,用于表示任务最终结果是成功还是失败链式调用,解决大量的回调嵌套,避免回调地狱,代码结构清晰同步与异步回调均可处理状态(state):pending(等待,promise的初始状态)fulfuilled(成功)rejected(失败)只存在pending–>fulfuilled 或者 pending–>rejected。f.原创 2020-09-28 16:46:43 · 278 阅读 · 0 评论 -
全栈项目实践——仿写trello
仓库地址最近总结全栈相关技术,马克思说,实践出真知。于是,我花时间仿写了trello。一个用于任务管理的工具。仿写项目的初衷,是为了总结归纳,也是为了更好的理解前后端的业务交互,实现自己在全栈层面,架构思想的精进。项目技术点介绍前端使用Vue搭建axios实现网络请求vuex实现全局状态管理vue-router实现路由嵌套和跳转###后端使用node.js搭建运用了TypeScript语言,增加代码的安全性编写了自定义装饰器,提高代码可读性项目增加了必要的注释,有兴趣的童鞋欢迎原创 2020-09-13 22:28:16 · 302 阅读 · 0 评论 -
小程序学习与实践(三)
webSocket 通信原理主要流程主要逻辑前端后端原理每个小程序用户都会持有自己的一个webSocket对象。当小程序用户与微信后端通信时,后端会产生一个对应的webSocket对象。主要流程连接后端webSocket 服务connectSocket({url})与后端webSocket 服务连接成功事件onSocketOpen()接收到后端webSocket 信息事件onSocketMessage()向后端webSocket 发送信息sendSocketMessage()原创 2020-09-02 09:19:16 · 126 阅读 · 0 评论 -
小程序学习与实践(二)
宿主环境、常见用法、注意事项宿主环境定义宿主环境作用全局对象App微信客户端对小程序的处理流程页面构造器用户行为的函数回调页面数据用法注意页面跳转组件自定义组件父子组件的数据传递处理异步事件注意宿主环境定义宿主环境是微信客户端给小程序提供的一种环境 。宿主指的就是微信客户端,也就是官方API里的wx 对象。宿主环境作用宿主环境会把我们写的各种文件整合到一起,进行解析,然后在微信APP 里显示出我们所看到的样子。宿主环境可以为小程序提供微信客户端的能力,比如微信扫码,这是普通网页不具备的。全局原创 2020-08-30 16:21:38 · 303 阅读 · 0 评论 -
小程序学习与实践(一)
常识与常见用法了解小程序优势特色劣势基础特性选择器优先级作用域模块化VS网页线程通信文件组成.jsonJSON语法常见用法.wxml常见用法.wxsswxss 与 css 比较UI库.js了解小程序2016.1.11,张小龙提出为了更好的为服务号提供服务,小程序概念诞生。2016.9.21,小程序正式开启内测,由微信云提供云端服务器的技术解决方案。2017.1.9,第一批小程序正式上线。2017.12.28,微信更新6.6.1版本,开放小程序的小游戏优势开发成本低使用方便,用户量大,易于营原创 2020-08-30 13:33:39 · 820 阅读 · 0 评论 -
web移动端学习实践
移动端判断移动端类型touch事件touch与mouse事件区别移动端事件点透现象事件回调信息阻止touchstart带来的问题阻止touchmove带来的问题加速度事件iOS 权限适配事件防抖事件节流判断移动端类型function getIos(){ var u = window.navigator.userAgent; return !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);}touch事件通过函数addEventListener监原创 2020-08-24 00:46:57 · 150 阅读 · 0 评论 -
ReactRouter实践记录
reactrouter原创 2020-08-18 10:51:06 · 358 阅读 · 0 评论 -
redux与react-redux的理解与应用
redux——全局状态管理安装redux核心概念在react中使用redux安装react-redux使用react-redux三大原则传入状态使用状态方式一:connect方式二:hooks安装reduxnpm i redux# 或yarn add redux核心概念redux,可预测的状态变化,业务逻辑中只需要告诉redux修改的命令,redux中会依据命令进行状态修改state状态reducer纯函数纯函数:该函数中不能有任何副作用(副作用异步会导致数据的不可预测)原创 2020-08-11 14:23:09 · 420 阅读 · 0 评论 -
JS函数式编程与异步编程
函数式编程与JS异步编程函数式编程认识一下特性扩展了解函数是一等公民(或头等函数)高阶函数闭包闭包本质纯函数优势lodashJS异步编程拉勾大前端高新训练营学习总结函数式编程认识一下是编程范式之一(常见还有面向过程、面向对象编程(特性:封装、继承、多态))。是对运算过程进行抽象,解决事物和事物之间联系的问题。是前端编程思维方式的改变,前端学习函数式编程的原因(主要体现在流行框架和便捷性):函数式编程在React和Vue3中得到普及Vue2中也使用了大量的高阶函数(高阶函数是函数式编程的特原创 2020-07-20 14:47:11 · 831 阅读 · 1 评论 -
Node.js实践与总结
Node.js实践与总结什么是nodejs特点commonjs规范模块化http模块fs模块stream支持cookie安装插件命令什么是nodejsnode.js就是js,是js服务端运行环境runtime,只是借助于Chrome V8引擎,实现js后端编程。任何一台电脑都可以作为服务器。注:浏览器是js的前端运行环境runtime特点nodejs适用于 I/O 密集型操作,不适用于CPU密集型操作(大量计算)单线程非阻塞 I/O访问文件网络请求数据库查询键盘/鼠标交互原创 2020-07-04 21:22:18 · 1778 阅读 · 0 评论