- 博客(111)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Flutter--Navigator体验、水波纹InkWell体验
https://github.com/zzxingqiba/flutter_demo复用上一次的sliver_demo继续添加内容import 'package:flutter/material.dart';class AboutDetail extends StatelessWidget { final String title; const AboutDetail({Key? key, required this.title}) : super(key: key); @over
2021-09-06 17:34:53
212
原创 Flutter--SliverDemo
https://github.com/zzxingqiba/flutter_demoimport 'package:flutter/material.dart';class SliverDemo extends StatelessWidget { const SliverDemo({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold(
2021-09-06 15:59:26
172
原创 Flutter--PageView、GridView
https://github.com/zzxingqiba/flutter_demoimport 'package:flutter/material.dart';class ViewDemo extends StatelessWidget { const ViewDemo({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return GridViewBuilderDemo
2021-09-06 12:57:34
355
原创 Flutter--Material应用demo(体验Scaffold)
图片示例import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'Flutt
2021-09-01 23:44:46
242
原创 Flutter--VsCode环境搭建
下载SDKhttps://flutter.dev/docs/development/tools/sdk/releases#windows稍微有些卡，也可自行去github下载将下载好的sdk安装在你想安装的目录下面，并且配置你的全局环境变量（flutter解压位置，这里我是E盘下）E:\flutter\flutter\bin打开cmd验证安装情况输入flutter -v 出现下图所示 即为安装成功使用flutter doctor检测环境是否配置成功(因为之前配置过，所..
2021-08-31 22:26:03
441
原创 Vue3.x初始化项目（包含配置好的eslint）以及Proxy与Reflect例子、watch、toRef、toRefs
通过window的Proxy对象实现代理，因为目的是要知道数据何时变化，再变化之后要去更改视图随之变化，再Proxy中使用了Reflect（反射），通俗来理解和obj.a没有什么区别，但是对于框架封装来说，他的返回值是Boolean类型，比起Object.defineProperty不断的try…catch更加方便，值得注意的是新增属性与修改属性都会触发set，set被触发，自然会有一系列操作去更新视图。<!DOCTYPE html><html lang="en"><.
2021-08-23 23:35:29
247
原创 Vue2.x路由相关
加载vue-routeryarn add vue-routermain中引入import Vue from "vue";import App from "./App.vue";import store from "@/store";import VueRouter from "vue-router";import router from "@/router";Vue.use(VueRouter);Vue.config.productionTip = false;new Vue(.
2021-08-14 01:47:04
110
1
原创 Vue2.x中Vuex的多种写法
首先安装Vuexyarn add vuex在main中引入并且在新建的store文件夹下的index.js文件中使用use注册，至此所有VueComponent、Vue实例中都可以看见$storemain.jsimport Vue from "vue";import App from "./App.vue";import store from "@/store";Vue.config.productionTip = false;new Vue({ store, render.
2021-08-11 01:05:27
958
原创 Vue2.x脚手架初始化配置环节
创建Vue2.x脚手架安装vue-cli，移步Vue-cli官网npm install -g @vue/cli# ORyarn global add @vue/cli安装完成可参考vue --version查看版本是否安装成功运行以下命令来创建一个新项目vue create hello-world安装步骤如下：这里我们选择自定义这里我们选择自定义Router、Vuex这里演示Vue2我们选择ESlint + Prettier这里我们选择Lint
2021-08-10 22:27:44
102
原创 JavaScript第四版阅读ing~（7）
8.2.5对象迭代这种做法改变了constructor属性的指向，现在指向了Object，（相当于没有constructor，之后new Object，沿着隐式原型链周到Object的constructor属性，而这个属性指向Object）。我们需要这样子，下面的意思正常给Person.prototype添加constructor属性默认是可枚举的，但是实际上这个属性是不可枚举的，所以我们采用Object.defineProperty（）给其设置值：...
2020-12-14 22:45:59
132
原创 JavaScript第四版阅读ing~（5）
6.4 Map键值任意，什么都可，object也可console.log((-0) == (+0)) //true三点运算符将Map实例转化为数组下面代码的意思是：对于键的修改，字符串的形式虽然能在遍历时修改，但是实际上在映射的内部是无法修改的，键为对象的话，对象内部属性可以修改，但是，映射的还是那个他之前对应的那个值。（注意基本数据类型这里是键和值都无法修改，引用可以），并且Map容器会不重复，两两重复，取最后一个第8章 对象、类与面向对象编程1、要修改属性的默认特性就要使用Ob
2020-12-03 21:54:27
140
原创 JavaScript第四版阅读ing~（4）
第5章 基本引用类型5.3原始值包装类型我们知道原始值不应该有方法，而实际上这个例子又确实执行了，这是因为后台进行了很多处理。let s1 = "some text"let s2 = s1.substring(2)console.log(s2) //me text具体来讲，当第二行访问s1时，是以读模式来访问的，也就是要从内存中读取变量保存的值，再以读模式访问字符串值的任何时候，后台执行以下3步创建一个String类型的实例调用实例上的特定方法销毁实例可以想象成：let s1 =
2020-11-30 19:02:43
108
原创 JavaScript第四版阅读ing~（3）
第四章4.1.3传递参数ECMAScript中所有函数的参数都是按值传递的，就像从一个变量复制到另一个变量一样，引用值也是值嘛。在局部作用域中修改对象而变化反映到全局时，不意味着参数是按照引用传递的。在这里插入代码片...
2020-11-26 00:16:57
101
原创 JavaScript第四版阅读ing~（2）
这章操作符有些多，还挺有意思的，虽然用的不多，但是身为计算机出身的起码要会吧。3.4.6 String类型ECMAScript中的字符串是不可变的。let lang = 'Java'lang = lang + 'Script'这里，首先会分配一个足够容纳10个字符的空间，然后填充上‘Java’和‘Script’，最后销毁原始的字符串‘Java’和字符串‘Script’。模板字符串将表达式转换为字符串时会调用toString():let foo = {toString: () => '
2020-11-24 18:27:45
145
原创 JavaScript第四版阅读ing~（1）
接下来会阅读JavaScript第四版，工作很忙，尽量做到每日一更，巩固基础，从第三章起值得留意的会写下读书笔记。第三章3.3变量 var let const1、var message这行代码定义了一个名为message的变量，可以用来保存任何值类型，在未初始化时会保存一个特殊值undefined，也可直接初始化赋值，赋值为‘hi’，但是并不代表message是字符串类型，只是简单的赋值而已。2、所谓的变量提升，而且反复声名一个var变量也没有问题。function foo（）{ co
2020-11-23 19:33:48
164
原创 前端学python（5）
作用域（scope）与命名空间（namespace）a = 20def fn3(): # a = 10 # 在函数中为变量赋值时，默认都是为局部变量赋值 # 如果希望在函数内部修改全局变量，则需要使用global关键字，来声明变量 global a # 声明在函数内部的使用a是全局变量，此时再去修改a时，就是在修改全局的a a = 10 # 修改全局变量 print('函数内部：','a =',a)fn3()print('函数外部：','a =',a)#
2020-05-22 21:14:31
102
原创 前端学python（4）
1.集合# 使用 {} 来创建集合# s = {10,3,5,1,2,1,2,3,1,1,1,1} # <class 'set'># print(s , type(s)) {1, 2, 3, 5, 10} <class 'set'># s = {[1,2,3],[4,6,7]} TypeError: unhashable type: 'list'# 使用 set() 函数来创建集合#s = set() # 空集合 这里注意！！！！s = {}这是创建空字典
2020-05-21 20:34:32
99
原创 前端学python（3）
1.遍历# 通过for循环来遍历列表# 语法：# for 变量 in 序列 :# 代码块2.range()# range()是一个函数，可以用来生成一个自然数的序列# 这里的range()函数所返回的对象在python3中并不是源list类型的，也不继承list类型。# python3中的range()等于python2中的xrange()，它其实是百一个生度成器，每次取值后生成下一个值，目的是节约内存知和运算资源。# 如果想得到list，则需强制道转换。# r = r
2020-05-20 20:58:32
114
原创 前端学python（2）
1.三元运算符# 条件运算符（三元运算符）# 语法： 语句1 if 条件表达式 else 语句2# 执行流程：# 条件运算符在执行时，会先对条件表达式进行求值判断# 如果判断结果为True，则执行语句1，并返回执行结果# 如果判断结果为False，则执行语句2，并返回执行结果# 练习：# 现在有a b c三个变量，三个变量中分别保存有三个数值，# 请通过条件运算符获取三个值中的最大值# print('你好') if False else pr
2020-05-19 18:11:20
117
原创 前端学python（1）
1.字符串# 使用三重引号来表示一个长字符串 ''' """# 三重引号可以换行，并且会保留字符串中的格式s = '''锄禾日当午，汗滴禾下土，谁知盘中餐，粒粒皆辛苦'''# 转义字符# 可以使用 \ 作为转义字符，通过转义字符，可以在字符串中使用一些特殊的内容# 例子：# \' 表示'# \" 表示"# \t 表示制表符# \n 表示换行符# \\ 表示反斜杠# \uxxxx 表示Unicode编码2.格式化字符串# 在创建字符串时，可以在字
2020-05-15 20:57:25
141
原创 前端（实际开发总结）2
1.ElementUI中表单验证下面的提示文字，这里好像少一步也不行，就按这个走吧，第一次写这个提示，这里逻辑应该是valid代表着是不是输入框为空值，空值返回false。...
2020-05-09 18:07:11
1422
原创 前端（实际开发总结）1
prop相当于从数组传的参数，也就是.什么，elementUi中：data就相当于数组，他会根据prop来分布到每一行，这里有个fixed，这个地方固定住了宽度
2020-04-24 17:41:31
324
原创 微信小程序复习/1
点击事件bindtap通过data-来传递参数跳转wx.nav…其中通过url来传递参数，然后通过options获取循环wx:for＝{{}} 默认给出index itemInput标签实现双向绑定功能，得加一个bindinput＝“函数名”，通过e中detail.value得到你每次输入的值。正则reg.test（）来匹配 得到的是true或false存到全局中 var app ＝ ...
2020-04-09 19:25:23
424
原创 回顾node（4） 仿社区写一个案例
path路径操作模块path.basename:获取文件的路径名（包含扩展名）。path.dirname:获取一个路径的目录部分。path.parse():将路径转为对象，里面啥都有。path.join:当你需要拼接路径的时候，使用这个，自动拼接。忘了没事，去node官网path模块看看，node环境下自己试试。Node中的其他成员在每个模块中，除了require， exports等...
2020-04-02 15:44:16
82
原创 回顾node（3）
与mongodb关联这里记录一下基本的流程，因为视频讲的时间点和文档会有出入，所以还是了解下，然后再去看最近的文档来操作，基本思路是不会变的。大概就这样子，我们把昨天的增加改改，模拟下就好了，昨天是写的文件，今天关联下数据库。这里有个有意思的地方，mongodb中的id与_id问题因为_id得到的是一个字符串回来，但是这个字符串是这样的“asdasfagagas211...
2020-03-31 20:15:08
87
原创 回顾node（2）
req.query只能拿get请求在express获取表单post请求体数据使用中间件，因为没有api可以用。1.安装 npm i --save body-parser2.引包3.配置4.req.body就能取到记一下 app.get('/students', function (req, res) { // readFile 的第二个参数是可选的，传入 utf8 就...
2020-03-30 17:26:05
86
原创 回顾node（1）
目标能搭建简单服务器，再过一遍node。这第一句话是我两天前写的，因为大概都是些概念的问题，就没有记录，因为这里涉及到了一点demo和express，现在记录一下。先记录下这两天特别的地方now：补充一：修改完代码自动重启nodemon来解决频繁修改代码重启服务器问题**下载：**npm i --global nodemon安装完毕后使用：node app.js ------》...
2020-03-29 17:56:13
82
原创 uni-app（5）
触屏事件@touchstart手指按下@touchend手指离开手指在屏幕上的坐标event.changeTouches[0].clientX和clientY滑动是改变索引，所以明白之前为什么要取列表数组＋索引，而不是直接去item来，是为了改变索引，增加减少来形成滑动改变图片<image>是block下载图片//点击下载图片 async handleD...
2020-03-24 22:57:21
220
原创 uni-app（4）
后台传的字符串带换行符，使用view标签是不能正确显示的，要用text哦这里分页用到了另一个方式，onReachBottom，这是单独的一个界面，而前面那个是组件，所以用这个更简单，不用给定高度什么的，直接用就行，舒服。因为这里album是个对象，所以不能判断里面是有值，要变成数组。var obj = { 0: 'a', 1: 'b', 2: 'c' };console.log(Obje...
2020-03-22 18:41:06
157
原创 uni-app（3）
实现组件修改标题uni.setNavigationBarTitle({title:'首页'})现在出现这样的问题，视频中教的好像不太起作用，因为主页的设置的v-show，它在组件中mounted放入了这个东西，v-show是display，隐藏，所以一上来就加载了，导致直接显示最终修改，所以不合适，然后我又试了v-if，这样可以，但是问题是，v-if页面被清掉了，重新加载页面，感觉用户体验会...
2020-03-21 16:38:14
240
原创 uni-app（2）
封装request请求，然后添加给Vue.prototype，用this可以使用，主要是为了显示加载中微信小程序image有个mode属性，可以设置宽高自适应，让高度随宽度变化，不失真这里后来又用到了aspectFull,索性超链接小程序吧点这里这里是缩略图，需要改变，将路径中$,替换成240或者其他值来达到缩放，由后台完成这个，我们使用就行这里将时间戳变成日期，如moment.j...
2020-03-20 19:21:58
153
原创 uni-app（1）
react先放一下，顶不住了，学完这个继续，熟悉下uni-app样式和sassrpx 小程序中的单位750rpx = 屏幕的宽度vw h5单位 100vw = 屏幕宽度 100vh = 屏幕高度uniapp中内置有sass的配置，只需要安装对应的依赖就行 npm i sass-loader node-sass 然后在style标签上假如属性 lang=‘scss’这个uniapp和vu...
2020-03-19 22:06:12
238
原创 React的学习（6）redux部分
thunk中间件npm i --save redux-thunkRedux-thunk中间件的配置和安装import {createStore, applyMiddleware, compose} from 'redux'import reducer from '../reducer/reducer'import thunk from 'redux-thunk'const compos...
2020-03-18 18:11:59
74
原创 React的学习（5）Redux
这里直接做的demo，Action还不清楚咋事，先总结下大概流程：首先明白store的翻译是仓库的意思，其次我们从redux中引出createStore，然后引入reducer，还记得上面的图么，想象成图书馆，找图书时需要去找管理员reducer拿到数据，reducer的作用就是暴露一个方法，将你的状态返回，因为reducer是管理状态的这是store.getState（）输出结果...
2020-03-17 20:19:51
85
原创 React的学习（4）ajax-》axios
踩个坑：react中用confirm前面要加window这种添加删除评论的功能，前面vue也做过，这里主要就是习惯react实例的三个属性refs，props，state的用法，没什么可说的PubSub哭了，这个是npm i pubsub-js ，不是.js，找半天原因。。。。。下错了发布订阅怎样理解：像微信的订阅，订阅完了才会给你发布信息，所以先订阅后发布，订阅越快越好，所以放在挂载前比...
2020-03-16 19:14:18
151
原创 React（3）生命周期
生命周期流程：1.第一次进入初始化渲染显示：render()constructor():创建对象初始化statecomponentWillMount():将要插入回调render():用于插入虚拟DOM回调componentDidMount():已经插入回调2.每次更新state: this.setState()componentWilIUpdate():将要更新回调rend...
2020-03-15 19:18:50
107
原创 React的学习（2）
上节学了父组件向子组件中传值用props，这次练习感觉最关键的还是在react中子组件向父组件传值，用子组件调用父组件函数的形式来实现。点击按钮实现添加数据值得注意的接个点：1.unshift接收的是数组长度，改变了原数组，直接用就好了不需要a=这种去赋值2.点击完按钮清空input，这里不能newTodo=‘’，涉及深克隆问题，想了下，因为控制input的是value，而不是newTod...
2020-03-15 12:19:54
143
原创 React的学习（1）
开始学习react，多会一个，机会越多，加油!流程：创建虚拟DOM对象渲染虚拟DOM对象ReactDOM.render第一次接触，这是两种写法组件这个过程工厂函数组件和class继承方法一个被调用了，一个new生成了实例，实例对象的原型中有render方法总结ReactDOM.render()渲染组件标签的基本流程1.React内部去创建组件实例对象2.得到包含的虚拟DO...
2020-03-14 18:28:45
88
原创 微信小程序的学习（6）
最后一部分详情页的实现这里出了点问题，因为前面在全局中配置了tab，所以从头进来出现了无法跳转的问题，这里这样解决。检查要跳转的位置是否位于TabBar中，如果是的话，要使用wx.switchTab 来跳转界面(如果是在app.json中配置的tab)还有种跳转用了组件中的navigator来实现这里避免再次发送请求，将movie界面已经请求过拿到的数据，我们存到全局中，然后通过get...
2020-03-08 14:33:33
89
练习4_京东商品详情界面.rar
2019-12-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人