- 博客(12)
- 资源 (22)
- 收藏
- 关注
RSS订阅原创 Typescript（一）简单的介绍及安装
TypeScript 是由微软公司在 2012 年正式发布，现在也有 8 年的不断更新和维护了，TypeScript 的成长速度是非常快的，现在已经变成了前端必会的一门技能。TypeScript 其实就是 JavaScript 的超集，也就是说 TypeScript 是建立在 JavaScript 之上的，最后都会转变成 JavaScript。一：编辑器我这里推荐使用微软的vscode编辑器，目前，无论是开发PHP，前端，python基本上都是在使用这款编辑器。主要是他同时支持windows，lin
2021-04-28 08:45:02
575
原创 VUE3（三十）自定义抽屉组件Drawer
我这里计划做一个即时聊天的小功能，计划是在一个抽屉组件中实现这个功能。但是最后能不能成功我也不知道，毕竟我没做过，但是抽屉组件可以提前做一个嘛，这个不是很难。代码：Drawer.vue：<template> <div class="drawer"> <!-- 遮罩层 --> <div class="mask-show" v-if="drawerShow" @click="close()" ></div> <
2021-04-26 09:10:09
4018
原创 VUE3（二十九）自定义点击图片显示大图bigImg组件
上一篇中介绍了如何使用onclick为动态添加的dom元素绑定事件。我现在就可以自定义大图组件了。为ueditor编辑的html添加onclick这个步骤，我是在后端做的，后端返回到前端的值，就是已经拼装好的html。最后效果如下图所示：代码：BigImg.vue<template> <!-- 过渡动画 --> <div name="fade"> <div class="img-view" @click="bigImg"&g
2021-04-25 10:01:24
964
原创 VUE3（二十八）页面加载完成后，使用onclick为动态添加的dom元素绑定点击事件
博客做的比较早，那个时候还不知道有markdown编辑器这个玩意。所以我的文章都是用ueditor编辑的。我这里大概想做一个大图的自定义组件：需求是，点击文章中的图片，显示大图。那么这里就有一个问题，我怎么在页面加载完成之后给html绑定事件呢？Jquery有$.on方法，但是，我不想再vue里边使用jquery。哎呀，迷糊了，原生javascript有onclick呀。上代码：1：要有一段在页面加载完成之后添加的html代码let conten=`<button οnclick="c
2021-04-23 08:52:36
2672
1
原创 VUE3（二十七）自定义upload上传组件（显示上传进度）
项目中需要使用到文件上传。我这里自己定义了一个上传文件的组件支持显示上传进度显示（我这里显示的是真实的上传进度，当然，这个可以根据你自己的需求修改）。支持多文件上传。最终效果如下：代码：Uploads.vue<template> <div class="myUpload"> <!-- 上传文件列表 --> <div class="myUpload-img center" v-for="(item,index) in mydata"
2021-04-22 09:22:11
2142
原创 VUE3（二十六）基于wangeditor自定义富文本插件
项目中需要使用到wangeditor，这里封装一个自定义组件，便于后期使用。首先，官方文档：https://www.wangeditor.com/1：安装npm i wangeditor --save2：组件代码Wangeditor.vue<template> <div ref='editor' ></div> <!-- <button @click='syncHTML'>同步内容</button> &
2021-04-21 09:08:03
4950
2
原创 VUE3（二十五）自定义Modal对话框组件
接着自定义组件，这里是我自定义的一个modal对话框组件。效果如下图所示：Modal.vue<template> <div class="modal-backdrop" v-if="modalShow"> <div class="modal" > <div class="modal-header"> <div><h3>{{title}}</h3></div>
2021-04-20 08:46:06
1693
2
原创 VUE3（二十四）自定义alert弹窗组件
我这里自定义了几个alert弹窗组件：1：带有确定取消的alert弹窗组件：效果如下图所示代码：/** * 自定义公共函数 */const utils = {/** * @name: 自定义alert(确定，取消) * @author: camellia * @email: guanchao_gc@qq.com * @date: 2021-01-23 * @param: data string 显示的文字 * @par
2021-04-19 09:07:25
3198
5
原创 VUE3（二十三）自定义分页组件Pagination
刚开始使用vue3写博客的时候，其相关配套的UI库并没有正式发布，但是我还要用，所以这里我自定义了一个分页组件：最后效果如下图所示：上代码：Pagination.vue<template> <!-- 自定义分页组件 --> <div class="page-bar"> <ul> <li class="first"> <!-- <span>共{{dataNum}}条记录 第 {{c
2021-04-17 09:00:14
2452
2
原创 VUE3（二十二）vue-router 开启路由懒加载
一、为什么要使用路由懒加载为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。二、定义懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。三、使用常用的懒加载方式有两种：即使用vue异步组件 和 ES中的import1、未用懒加载，vue中路由代码如下// 官方文档：https://vue3js.cn/router4/guide/#html// 引入vue-router对象import { createRouter, createWebHistory, crea
2021-04-17 08:55:12
3938
原创 VUE3（二十一）vue-router 在新窗口打开页面的功能
新窗口打开标签页这个功能在html中还是很简单的。添加Target=”__blank”就好。但是在vue中怎么实现呢？其实很简单：VUE2：const { href } = this.$router.resolve({ name: `print_schedule`, params: { id: id } }); window.open(href, "_blank");VUE3：const router
2021-04-15 14:01:17
3812
5
原创 ubuntu（四）Ubuntu18.04安装微信
话说我的ubuntu系统上边，已经有了搜狗输入法，360浏览器，vscode，网易云，VMware，qq，wps还差个微信基本上就可以能彻底摆脱windows了。以上的软件我都是安装官方提供的版本，其实还是挺好用的，就是不好用的时候直接死给你看就是了。但是快啊~这是以我目前的硬件配置windows如何也达不到的水平。今天大概记录一下微信的安装过程，当然，这个是deepin版本的。一：安装deepin-wine环境1：在线安装通过执行以下命令可以安装最新Release版本的deepin-wine-
2021-04-09 09:22:04
2992
6
小程序（三）配置tabbar及自定义tabbar样式
2020-09-26
blur-admin-master.zip
2020-09-26
gentelella-master.zip
2020-09-26
startbootstrap-sb-admin-2-master
2020-09-26
startbootstrap-sb-admin-master.zip
2020-09-26
设计模式（十六）之抽象工厂模式.zip
2020-02-17
设计模式（十五）之观察者模式.zip
2020-02-17
设计模式（十二）迪米特原则（最少知识原则）.zip
2020-02-17
设计模式（十一）之模板方法模式.zip
2020-02-17
设计模式（十）之原型模式.zip
2020-02-17
设计模式（八）之静态代理模式.zip
2020-02-17
设计模式（六）之里氏替换原则.zip
2020-02-17
设计模式（五）之依赖倒转原则.zip
2020-02-17
设计模式（四）之开放封闭原则.zip
2020-02-17
设计模式（三）之单一职责原则.zip
2020-02-17
设计模式（一）之简单工厂模式
2020-02-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人