自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 小程序修改swiper指示点样式

<swiper class="active-areaswiper"></swiper> .wxss /* 默认的样式 */ .active-areaswiper .wx-swiper-dot { width: 8rpx; height: 8rpx; background: #DFDFDF; border-radius: 4rpx; } /* 选中的样式 */ .active-areaswiper .wx-swiper-dot.wx-swiper-dot-active

2021-03-12 16:51:01 511

原创 小程序 关键词变色

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-02-23 10:11:52 481

原创 vue3.0学习记录(5)

setup setup 接收两个参数 props:可以访问组件传入的 prors 属性,而且会自动推论成 props这个属性中定义的类型。 context:在 setup 中无法访问vue2中最常用的this对象,这个context提供了this上最常用的三个属性 1. context.attrs 对应 vue2中的 $attrs 属性 2.context.slots 对应 vue2中的 slots 插槽 3.context.emit 对应 vue2中的 emit 发送事件 这几个值在每次使用的时候

2020-12-14 18:51:42 159

原创 vue3.0学习记录(4)

安装axios npm install axios --save 安装完成之后就可以调用axios发送请求了 发送请求 如新建一个ts文件,发送一个简单的请求: import { ref } from 'vue' import axios from 'axios' function useURL<T>(url: string){ const loading = ref(true) const loaded = ref(false) const result = ref

2020-12-13 18:03:06 171

原创 vue3.0学习记录(3)

watch 侦听器 比如点击按钮时,页面发生改变,并且改变网页的标题: <template> <div> <h1>{{greetings}}</h1> <button @click="updateGreet">改变数据</button> </div> </template> <script lang="ts"> import { defineComponent,ref,wat

2020-12-12 17:52:02 78

原创 vue3.0学习记录(2)

vue3 与 vue2区别 写法上已经有很大的区别了,如: vue2: <template> <div> <h1>{{count}}</h1> <h1>{{twocount}}</h1> <button @click="test">点赞+1</button> </div> </template> <script lang="ts"> impor

2020-12-12 14:18:05 141

原创 vue3.0学习记录(1)

vue3.0官方文档地址 https://v3.vuejs.org/ 使用 vue-cli 配置 vue3 开发环境 卸载旧版本 vue-cli npm uninstall vue-cli -g 如果出错,有可能是npm的全局路径遭到了更改,则运行以下命令:npm config set prefix /usr/local 安装 vue-cli npm install -g @vue/cli 使用 vue --version 命令查看版本 输入:vue create xxxx xxxx表示项目名称 进入选项

2020-12-12 00:21:31 154

原创 vue 2.9.6无法卸载问题

运行cmd 首先输入 where vue 查看在哪里有vue文件 删除上面显示的硬盘上的文件 然后重新卸载:npm uninstall vue-cli -g 然后全局安装:cnpm install -g @vue/cli

2020-12-11 19:00:27 311

原创 Typescript学习(3)

类型别名(type) type StrOrNumber = string | number let result: StrOrNumber = 'test' result = 123 字面量 type Directions = 'Up' | 'Down' | 'Left' | 'Right' let test: Directions = 'Up' // 只能等于上面定义的这四个值 交叉类型 interface IName { name: string } type IPerson = IName

2020-12-11 16:46:50 132 1

原创 Typescript学习(2)

类 Class:定义了一切事物的抽象特点,包括属性和方法。 对象(Object):类的实例,通过new生成。 面向对象(OOP)三大特性:封装、继承、多态。 1.封装:将数据操作细节隐藏,只暴露对外接口,调用端不需要也不可能知道细节,只能通过对外的接口来访问该对象。 2.继承:子类可以继承父类,子类除了拥有父类的所有特征外还有一些更具体的特性。 3.多态:由继承产生了相关的不同的类,对同一个方法可以有不同的响应。 Typescript中的类 Public:修饰的属性或方法是公有的,可以在任何地方被调用

2020-12-10 23:19:20 136 1

原创 Typescript学习(1)

安装typescript 查看本机是否安装了node npm install -g typescript // 全局安装typescript tsc -v 查看安装的typescript版本 使用vs code新建一个文件夹,进入该文件夹创建一个test.ts 数据类型 原始数据类型(所有类型都是不可变的) 1.Boolean (ts示例:let isTest: boolean = false) 2.Null (ts示例:let null: null = null) 3.Undefined (

2020-12-10 16:08:33 150

原创 thinkphp6学习笔记(5) -- 门面

门面(Facade) 门面为容器中的(动态)类提供了一个静态调用接口,它的功能就是可以让类无需实例化而直接进行静态方式调用 例子:在app\index\common\Test这个类中,有一个hello方法 <?php namespace app\index\common; class Test { public function hello($name){ return 'hello,' . $name; } } 而我们需要在别的地方调用此方法: <?ph

2020-12-05 00:09:04 453 2

原创 thinkphp6学习笔记(4)

1.

2020-12-05 00:08:11 2958

原创 thinkphp6学习笔记(3)

1.路由 注册路由 最基础的注册方法:Route::rule(‘路由表达式’,‘路由地址’,‘请求类型’)。 请求类型:get(GET请求)、post(POST请求)、put(PUT请求)、delete(DELETE请求)、patch(PATCH请求)、*(任何请求类型)。 路由快捷注册方法:Route::快捷方法名(‘路由表达式’, ‘路由地址’)。 规则表达式的定义以 / 为参数分割符,每个参数中都可以包括动态参数可以使用 :变量 或者 <变量>,会自动绑定到操作方法的对应参数。变量用 [

2020-12-02 17:07:48 595

原创 thinkphp6学习笔记(2)

多应用模式下需要安装多应用模式扩展 composer require topthink/think-multi-app 1.访问路径 1.可以在app.php配置文件中配置default_app配置参数指定默认的应用。 指定默认访问的应用名:‘default_app’ => ‘index’ 2.如果应用不存在的话可以指定默认访问应用 开启应用快速访问:‘app_express’ => true 指定默认访问的应用名:‘default_app’ => ‘index’ 2.应用目录

2020-11-30 16:41:38 695

原创 thinkphp6学习笔记(1)

1.安装 windows系统下,tp6需要先下载composer,然后进入自己的web目录执行命令 composer creatr-project topthink/think xxx 2.更新 执行 composer upload topthink/framework 3.运行 执行 php think run 在浏览器中输入 http://localhost:8000 若能看到以下页面就说明安装成功。 4.命名规范 1.目录使用小写加下划线。 2.类文件采用驼峰法,且首字母大写。 3.方法、属性命名采

2020-11-30 14:27:29 567

空空如也

空空如也

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

TA关注的人

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