自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(111)
  • 资源 (1)
  • 收藏
  • 关注

原创 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 208

原创 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 167

原创 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 349

原创 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 239

原创 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 433

原创 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 245

原创 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 107 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 951

原创 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 101

原创 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 131

原创 JavaScript第四版阅读ing~(6)

8.2 创建对象8.2.2工厂模式8.2.3构造函数模式new的过程:

2020-12-09 19:00:10 116

原创 JavaScript第四版阅读ing~(5)

6.4 Map键值任意,什么都可,object也可console.log((-0) == (+0)) //true三点运算符将Map实例转化为数组下面代码的意思是:对于键的修改,字符串的形式虽然能在遍历时修改,但是实际上在映射的内部是无法修改的,键为对象的话,对象内部属性可以修改,但是,映射的还是那个他之前对应的那个值。(注意基本数据类型这里是键和值都无法修改,引用可以),并且Map容器会不重复,两两重复,取最后一个第8章 对象、类与面向对象编程1、要修改属性的默认特性就要使用Ob

2020-12-03 21:54:27 138

原创 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 107

原创 JavaScript第四版阅读ing~(3)

第四章4.1.3传递参数ECMAScript中所有函数的参数都是按值传递的,就像从一个变量复制到另一个变量一样,引用值也是值嘛。在局部作用域中修改对象而变化反映到全局时,不意味着参数是按照引用传递的。在这里插入代码片...

2020-11-26 00:16:57 97

原创 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 142

原创 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 162

原创 前端学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 100

原创 前端学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 98

原创 前端学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 112

原创 前端学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 116

原创 前端学python(1)

1.字符串# 使用三重引号来表示一个长字符串 ''' """# 三重引号可以换行,并且会保留字符串中的格式s = '''锄禾日当午,汗滴禾下土,谁知盘中餐,粒粒皆辛苦'''# 转义字符# 可以使用 \ 作为转义字符,通过转义字符,可以在字符串中使用一些特殊的内容# 例子:# \' 表示'# \" 表示"# \t 表示制表符# \n 表示换行符# \\ 表示反斜杠# \uxxxx 表示Unicode编码2.格式化字符串# 在创建字符串时,可以在字

2020-05-15 20:57:25 140

原创 前端(实际开发总结)2

1.ElementUI中表单验证下面的提示文字,这里好像少一步也不行,就按这个走吧,第一次写这个提示,这里逻辑应该是valid代表着是不是输入框为空值,空值返回false。...

2020-05-09 18:07:11 1399

原创 前端(实际开发总结)1

prop相当于从数组传的参数,也就是.什么,elementUi中:data就相当于数组,他会根据prop来分布到每一行,这里有个fixed,这个地方固定住了宽度

2020-04-24 17:41:31 323

原创 微信小程序复习/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 414

原创 回顾node(4) 仿社区写一个案例

path路径操作模块path.basename:获取文件的路径名(包含扩展名)。path.dirname:获取一个路径的目录部分。path.parse():将路径转为对象,里面啥都有。path.join:当你需要拼接路径的时候,使用这个,自动拼接。忘了没事,去node官网path模块看看,node环境下自己试试。Node中的其他成员在每个模块中,除了require, exports等...

2020-04-02 15:44:16 81

原创 回顾node(3)

与mongodb关联这里记录一下基本的流程,因为视频讲的时间点和文档会有出入,所以还是了解下,然后再去看最近的文档来操作,基本思路是不会变的。大概就这样子,我们把昨天的增加改改,模拟下就好了,昨天是写的文件,今天关联下数据库。这里有个有意思的地方,mongodb中的id与_id问题因为_id得到的是一个字符串回来,但是这个字符串是这样的“asdasfagagas211...

2020-03-31 20:15:08 84

原创 回顾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 84

原创 回顾node(1)

目标能搭建简单服务器,再过一遍node。这第一句话是我两天前写的,因为大概都是些概念的问题,就没有记录,因为这里涉及到了一点demo和express,现在记录一下。先记录下这两天特别的地方now:补充一:修改完代码自动重启nodemon来解决频繁修改代码重启服务器问题**下载:**npm i --global nodemon安装完毕后使用:node app.js ------》...

2020-03-29 17:56:13 81

原创 uni-app(5)

触屏事件@touchstart手指按下@touchend手指离开手指在屏幕上的坐标event.changeTouches[0].clientX和clientY滑动是改变索引,所以明白之前为什么要取列表数组+索引,而不是直接去item来,是为了改变索引,增加减少来形成滑动改变图片<image>是block下载图片//点击下载图片 async handleD...

2020-03-24 22:57:21 216

原创 uni-app(4)

后台传的字符串带换行符,使用view标签是不能正确显示的,要用text哦这里分页用到了另一个方式,onReachBottom,这是单独的一个界面,而前面那个是组件,所以用这个更简单,不用给定高度什么的,直接用就行,舒服。因为这里album是个对象,所以不能判断里面是有值,要变成数组。var obj = { 0: 'a', 1: 'b', 2: 'c' };console.log(Obje...

2020-03-22 18:41:06 154

原创 uni-app(3)

实现组件修改标题uni.setNavigationBarTitle({title:'首页'})现在出现这样的问题,视频中教的好像不太起作用,因为主页的设置的v-show,它在组件中mounted放入了这个东西,v-show是display,隐藏,所以一上来就加载了,导致直接显示最终修改,所以不合适,然后我又试了v-if,这样可以,但是问题是,v-if页面被清掉了,重新加载页面,感觉用户体验会...

2020-03-21 16:38:14 236

原创 uni-app(2)

封装request请求,然后添加给Vue.prototype,用this可以使用,主要是为了显示加载中微信小程序image有个mode属性,可以设置宽高自适应,让高度随宽度变化,不失真这里后来又用到了aspectFull,索性超链接小程序吧点这里这里是缩略图,需要改变,将路径中$,替换成240或者其他值来达到缩放,由后台完成这个,我们使用就行这里将时间戳变成日期,如moment.j...

2020-03-20 19:21:58 151

原创 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 236

原创 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 72

原创 React的学习(5)Redux

这里直接做的demo,Action还不清楚咋事,先总结下大概流程:首先明白store的翻译是仓库的意思,其次我们从redux中引出createStore,然后引入reducer,还记得上面的图么,想象成图书馆,找图书时需要去找管理员reducer拿到数据,reducer的作用就是暴露一个方法,将你的状态返回,因为reducer是管理状态的这是store.getState()输出结果...

2020-03-17 20:19:51 84

原创 React的学习(4)ajax-》axios

踩个坑:react中用confirm前面要加window这种添加删除评论的功能,前面vue也做过,这里主要就是习惯react实例的三个属性refs,props,state的用法,没什么可说的PubSub哭了,这个是npm i pubsub-js ,不是.js,找半天原因。。。。。下错了发布订阅怎样理解:像微信的订阅,订阅完了才会给你发布信息,所以先订阅后发布,订阅越快越好,所以放在挂载前比...

2020-03-16 19:14:18 148

原创 React(3)生命周期

生命周期流程:1.第一次进入初始化渲染显示:render()constructor():创建对象初始化statecomponentWillMount():将要插入回调render():用于插入虚拟DOM回调componentDidMount():已经插入回调2.每次更新state: this.setState()componentWilIUpdate():将要更新回调rend...

2020-03-15 19:18:50 105

原创 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 85

原创 微信小程序的学习(6)

最后一部分详情页的实现这里出了点问题,因为前面在全局中配置了tab,所以从头进来出现了无法跳转的问题,这里这样解决。检查要跳转的位置是否位于TabBar中,如果是的话,要使用wx.switchTab 来跳转界面(如果是在app.json中配置的tab)还有种跳转用了组件中的navigator来实现这里避免再次发送请求,将movie界面已经请求过拿到的数据,我们存到全局中,然后通过get...

2020-03-08 14:33:33 89

练习4_京东商品详情界面.rar

一写页面的功能实现,通过一个京东页面的练习,的里面有完整的html,css以及jq代码,具体的视频在b站的尚硅谷的全栈工程师jq最后一集有讲,感兴趣的可以去看看,纯看这个新手可能有点难度,因为他是跳着写的,可能理解起来有点难吧。

2019-12-19

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除