前端学习
ljt2724960661
这个作者很懒,什么都没留下…
展开
-
ChatGPT漫谈(一)
最近一款“聊天机器人”迅速爆火,它叫ChatGPT,全称Generative Pre-trained Transformer,对话数据预先训练生成的Transformer模型原创 2023-07-17 20:28:14 · 1617 阅读 · 0 评论 -
Flutter笔记--flutter-redux
这一节主要了解flutter-redux的用法,redux之前是用在React中的状态管理,一般较大型React项目用的较多,简单了解一下一些概念: (1)store:是保存数据的地方。整个应用只能有一个 Store 。Store 有十分重要的方法 dispatch(action) 来发送 Action。(2)State,是某个时间点的数据快照, 一个 State 对应一个 View。只要 State 相同,View 就相同。(3)Action:是 View 发出的通知,通过 Reduce...原创 2021-04-30 17:50:23 · 1395 阅读 · 6 评论 -
Flutter笔记--泛型
这一节主要介绍泛型,泛型通俗的讲就是解决类的接口, 方法, 复用性, 以及对不特定数据类型的支持(类型校验),再通俗一点,就是对于类型的约束.在Dart中,使用泛型的作用: 1 简化相同的逻辑 2 限制可使用的类型, 简单看一下栗子:使用星号* 打印实心直角三角形void printTrangle() { for(var i = 0;i<5;i++) { int j =0; var str = ""; for(j = 0;j<2*i+1;j++)...原创 2021-03-14 17:30:45 · 476 阅读 · 0 评论 -
Flutter笔记--provider
这一节主要介绍Flutter中一个状态管理库provider,它也是Google推荐使用的。provider是对InheritedWidget进行包装,使其更易于使用和重用。为什么需要状态管理,因为为了防止更新应用UI冲突,比如多个页面共享同一个状态,比如当你进入一个兴趣列表选择时,选择完成后,退到个人信息页时能够同步展示 兴趣的数量; provider的使用简单理解为如下:1 创建继承自 ChangeNotifier 的共享类; 2 设置数据;3 获取数据...原创 2021-03-06 10:12:16 · 261 阅读 · 0 评论 -
Flutter笔记--异步UI更新
FutureBuilder 这一节主要介绍Flutter中异步UI更新涉及的知识。在应用层面开发中,很多时候我们会依赖一些异步数据来动态更新UI,比如在打开一个页面时我们需要先从互联网上获取数据,在获取数据的过程中我们显示一个加载框,等获取到数据时我们再渲染带有数据的页面;Flutter中FutureBuilder能够满足这种场景。 FutureBuilder会依赖一个Future,它会根据所依赖的Future的状态来动态构建自身。我们看一下FutureBuil...原创 2021-03-06 09:59:20 · 813 阅读 · 0 评论 -
Flutter笔记--EventBus
这一节主要介绍Flutter中全局事件广播EventBus的用法,相比通知组件,全局事件广播的作用域更大一些,比如在更换界面主题,切换语言等全局性的操作时,体现较为明显。栗子:pubspec.yamlevent_bus: ^1.1.0import 'dart:math';import 'package:event_bus/event_bus.dart';import 'package:flutter/cupertino.dart';import 'package:flutter...原创 2021-02-10 16:54:02 · 187 阅读 · 0 评论 -
Flutter笔记--Sliver用法
这一节主要复习Sliver原创 2021-02-04 07:48:45 · 1375 阅读 · 0 评论 -
Flutter笔记--Notification
这一节主要介绍通知组件原创 2021-02-07 00:17:59 · 306 阅读 · 0 评论 -
小程序笔记--Behavior
这一节主要是Behaviour的介绍,原创 2021-01-17 16:15:47 · 429 阅读 · 0 评论 -
小程序笔记--动态刷新子组件
小程序开发中,会碰到频繁渲染组件的问题,比如A页面有两个子组件B,C;A中获取数据后,去渲染B组件,如果单依据组件生命周期来实现数据刷新,这时候会遇到数据依然是之前老数据的问题,无法实现要求,这时候解决办法是 给组件B定义id, 当A获取到数据的时候,通过在A页面中调用this.selectComponent(id).refresh(); 注: refresh()函数是定义在组件B中,如下A.wxml<B id="loadB"></B><...原创 2020-12-31 23:42:35 · 2252 阅读 · 0 评论 -
小程序笔记--组件通信
这一节主要是组件通信原创 2020-12-26 14:39:27 · 204 阅读 · 1 评论 -
小程序笔记--动态设置组件样式
小程序开发中,经常会遇到动态根据条件来设置当前组件的样式,思路是通过条件判断,动态设置class 名字,来改变组件的样式,如下 xx.wxml <view class='{{condition > 6 'first':'second'}}' bindtap="bindViewTap"> <text class='moto' bindtap="onteztop">开启小程序之旅</text> </view>xx.wxss...原创 2020-12-16 00:01:10 · 559 阅读 · 0 评论 -
Flutter笔记--Fluro
Flutter本身带有路由,但是在较大项目开发中使用较多的是Fluro,目前也相对成熟,看看其用法:在pubspec.yaml文件里,注册版本依赖,代码如下:dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons.原创 2020-11-29 16:29:27 · 513 阅读 · 2 评论 -
Can not access this in a field initializer to read ...
原代码: Widget buttonSection = Container( child: Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: <Widget>[ _buildButtonColumn(context, Icons.call, "Call"), _buildButtonColumn(context, Icons.near_me, "原创 2020-11-23 23:05:50 · 1314 阅读 · 0 评论 -
Flutter笔记--WebView
这一节主要介绍WebView的使用,直接上代码,如下:onTap: () { print("----_Article----GestureDetector--"); CommonUtils.push(context,WebViewPage( url: article.link, title: article.title, id: article.id, isCollect: article.原创 2020-11-30 23:55:18 · 262 阅读 · 0 评论 -
Flutter笔记--常用命令
这一节主要记录Flutter中常用的一些命令:flutter packages get或pub get 获取 pubspec.yaml 文件中列出的所有依赖包 analyze Analyze the project's Dart code. assemble Assemble and build flutter resources. attach Attach to a running application.关联前台应用原创 2020-11-23 23:29:07 · 168 阅读 · 0 评论 -
Flutter笔记--动画
Flutter动画 Flutter动画,从Android角度理解,它属于是属性动画,因为它是对控件的属性做操作。Flutter中对动画进行了抽象,主要涉及Animation、Curve、Controller、Tween这四个角色,它们一起配合来完成一个完整动画。 Animation Animation是一个抽象类,它本身和UI渲染没有任何关系,而它主要的功能是保存动画的插值和状态;其中一个比较常用的Animation类是Animation<double>。Animatio...原创 2020-11-22 23:05:20 · 164 阅读 · 0 评论 -
Flutter笔记--下拉刷新与上拉加载更多
下拉刷新与上拉加载更多在一般项目中很多地方都会用到,来看看Flutter中最简单的实践:1 下拉刷新(用变化数据来演示)import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';class PullToRefreshPage extends StatefulWidget { @override State<StatefulWidget> createState() {..原创 2020-12-27 22:37:20 · 209 阅读 · 0 评论 -
Flutter笔记-Dio使用
Dio简单入门首先需要在pubspec.yaml 里面的dependencies: 里面配置如下:dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons. dio: ^3.0.9代码中使用: Raised原创 2020-11-18 22:08:07 · 766 阅读 · 0 评论 -
JavaScript笔记--原型
原型:原型是一个对象,其他对象可以通过它实现属性继承;原型分两类:显式原型(prototype)和隐式原型(__proto__)(proto左右两边都是两条下划线),prototype是函数才有的属性,_proto_是每个对象都有的属性。原型的规则:1、所有函数都有prototype属性,属性值是一个普通对象。2、所有的引用类型(数组、对象和函数),都具有自由扩展属性(也就是...原创 2020-05-13 21:24:53 · 184 阅读 · 0 评论 -
ES6笔记--迭代器&生成器
迭代器Iterator是 ES6 引入的一种新的遍历机制,迭代器有两个核心概念:1 迭代器是一个统一的接口,它的作用是使各种数据结构可被便捷的访问,它是通过一个键为Symbol.iterator 的方法来实现。2 迭代器是用于遍历数据结构元素的指针(如数据库中的游标)。迭代过程迭代的过程如下:通过 Symbol.iterator 创建一个迭代器,指向当前数据结构的起始位置,随后通过...原创 2020-04-06 22:34:08 · 188 阅读 · 0 评论 -
React-Native笔记--React-Redux
React-Redux 将所有组件分成两大类:UI 组件(presentational component)和容器组件(container component),UI组件只负责 UI 的呈现,不带有任何业务逻辑没有状态(即不使用this.state这个变量)所有数据都由参数(this.props)提供,不使用任何 Redux 的 API,容器组件负责管理数据和业务逻辑,不负责 U...原创 2020-03-28 16:22:37 · 203 阅读 · 0 评论 -
ES6笔记--Set和Map
Map和Set都叫做集合,但是它们也有所不同。Set常被用来检查对象中是否存在某个键名,Map集合常被用来获取已存的信息。Set是有序列表,含有相互独立的非重复值。创建Set: let set = new Set(); console.log(set); //在浏览器控制台的输出结果 Set(0) {} size:(...) ...原创 2020-03-27 22:06:27 · 225 阅读 · 0 评论 -
ES6笔记--函数
函数默认参数:在ES5中,我们给函数传参数,然后在函数体内设置默认值,如下面这种方式。 function a(num, callback) { num = num || 7 callback = callback || function (data) {console.log('ES5: ', data)} callback(num * num) ...原创 2020-03-22 23:10:56 · 163 阅读 · 0 评论 -
React-Native笔记--react-native-pdf
项目中使用到pdf文件查看,简单记录;添加依赖:npm install react-native-pdf --save 或yarn add react-native-pdf依赖后需要:react-native link react-native-pdf主要代码: <View style={styles.container}> ...原创 2020-03-17 22:43:50 · 1545 阅读 · 0 评论 -
React-Native笔记--Could not resolve io.fabric.tools:gradle:1.+.
最近ci上报出了如下异常:Failed to list versions for io.fabric.tools:gradle. > Unable to load Maven meta-data from https://maven.fabric.io/public/io/fabric/tools/gradle/maven-metadata.xml. Cou...原创 2020-03-17 22:27:47 · 4886 阅读 · 0 评论 -
ES6笔记--块级作用域let
JavaScript中,我们通常说的作用域是函数作用域,使用var声明的变量,无论是在代码的哪个地方声明的,都会提升到当前作用域的最顶部,这种行为叫做变量提升,也就是说,如果在函数内部声明的变量,都会被提升到该函数开头,而在全局声明的变量,就会提升到全局作用域的顶部。function test() { console.log('t: ', a) //undefined ...原创 2020-03-20 21:37:02 · 181 阅读 · 0 评论 -
ES6笔记--解构
这一小节主要是记录解构模块知识原创 2020-03-22 22:53:46 · 126 阅读 · 0 评论 -
React-Native笔记--react-native-router-flux
项目中已经开始使用react-native-router-flux,这个库比较大,内容也比较丰富,它是react-navigation的增强版,添加了如modal,refresh等功能,使用的过程中一点点总结下来,方便以后再用,使用前:npm i react-native-router-flux --save 或yarn add react-native-router-...原创 2020-03-08 19:02:20 · 1861 阅读 · 2 评论 -
React-Native笔记--实现数据一对多显示
在RN开发中,遇到显示一行文本,这个文本中,一部分需要变化一次,一部分需要变化多次,如何通过一个循环将其实现,代码如下: import _ from 'lodash';<View style={styles.itemContainerCol}>{this.listPointsItem()}</View>async componentDi...原创 2020-02-29 15:50:18 · 406 阅读 · 0 评论 -
React-Native笔记--Unable to find a matching variant of project
Could not resolve project :react-native-vector-icons. Required by: project :app > Unable to find a matching variant of project :react-native-vector-icons: - Variant '...原创 2020-02-19 23:00:19 · 6496 阅读 · 1 评论 -
React-Native笔记--INSTALL_FAILED_VERSION_DOWNGRADE
Failed to install the app. Make sure you have the Android development environment set up: https://facebook.github.io/react-native/docs/getting-started.html#android-development-environment. Run CLI...原创 2020-02-05 22:57:12 · 1039 阅读 · 0 评论 -
React-Native笔记--node_modules删除
在开发RN项目过程中,经常会用到删除node_modules文件夹的命令,现总结如下: 方式1:npm install rimraf -g rimraf node_modules方式2:rmdir /s/q your_app_dir方式3:npm install -g dlf dlf C:\Users\Sun\Desktop\xxProject方式4:...原创 2020-02-05 22:42:47 · 1469 阅读 · 0 评论 -
CSS笔记(三)
CSS Positon(定位)position 属性指定了元素的定位类型。position 属性的五个值:1 static 2 relative 3 fixed 4 absolute 5 sticky元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非是先设定position属性。他们也有不同的工作方式,这取决于定位方法。static 定位HTML...原创 2020-01-26 23:34:58 · 337 阅读 · 1 评论 -
CSS笔记(二)
文本文本排列属性是用来设置文本的水平对齐方式。文本可居中或对齐到左或右,两端对齐.当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)h1 {text-align:center;}p.date {text-align:right;}p.main {text-align:justify;}文本修饰text-decoratio...原创 2020-01-18 23:48:16 · 144 阅读 · 0 评论 -
React-Native笔记--react-native-swipe-list-view
项目中用到了侧滑组件 react-native-swipe-list-view,简单做个笔记。npm install --save react-native-swipe-list-viewimport { SwipeListView } from ‘react-native-swipe-list-view’;import { SwipeListView } from 'react-nativ...原创 2020-01-15 23:12:02 · 1146 阅读 · 0 评论 -
CSS笔记(一)
CSS 语法选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。CSS声明总是以分号(;)结束,声明总以大括号({})括起来:p {color:red;text-align:center;}CSS 注释注释是用来解释你的代码,并且可以...原创 2020-01-14 22:59:53 · 170 阅读 · 0 评论 -
React-Native笔记--react-native-vector-icons图标不显示
如果你遇到写了英文后不出现icon的时候,可能的原因:1 可能是你的英语单词不正确,比如邮箱是mail,如果写成email,就无法显示。人物icon,如果写成add-user是无法显示的,正确写法是‘user’,从哪里可以知道这些图标的名字,通过源码,比如:项目中使用的native-base。 里面看到: interface Icon extends Testable {...原创 2020-01-12 21:54:28 · 2607 阅读 · 0 评论 -
React-Native笔记--客户端不刷新缓存
最近碰到控件显示网络图片时,控件一直显示的是之前的图片,推测可能是由于缓存导致,通过在访问的url尾部加入随机数,来避免本地客户端缓存://解决客户端缓存 function timestamp(url){ var getTimestamp=new Date().getTime(); if(url.indexOf("?")>-1){ ...原创 2020-01-12 21:47:57 · 259 阅读 · 0 评论 -
TypeScript笔记(二)
For 循环TypeScript for 循环用于多次执行一个语句序列,简化管理循环变量的代码。语法格式如下所示:for ( init; condition; increment ){ statement(s);} 循环: var num:number = 5; var i:number; var factorial = 1; for(i = num;i&g...原创 2020-01-12 21:37:48 · 308 阅读 · 0 评论