1 清虚桂意

尚未进行身份认证

暂无相关简介

等级
TA的排名 18w+

ant design of vue 之二维码生成以及下载弹窗

使用QRCode生成二维码,并利用a标签的属性下载二维码npm install qrcodejs2 --save<template> <a-modal title="查看二维码" v-model="show" :centered="true" :maskClosable="false" ...

2020-03-27 18:00:52

ant design of vue 之富文本编辑组件(腾讯云)封装

最重要的是获取外部图片的url地址,需要将其资源上传到腾讯云,再将腾讯云的图片地址替换原来的地址,然后再存到数据库中本次使用wangeditor富文本编辑器,查看官网wangeditor是一个萌新富文本编辑器,基于js和css,重点在于它轻量,如果你需要的功能不是很复杂,那么选它没错了,刚好能满足你!安装npm i wangeditor -S设置组件<template>...

2020-03-13 13:41:04

ant design of vue 之文件上传组件(腾讯云)封装

原理:通过调用后台接口获取腾讯云秘钥,然后将秘钥以及文件信息上传到腾讯云,获取文件腾讯云存储信息,最后组件将腾讯云存储信息返回出去,在组件外部调用后台接口将腾讯云信息存到后台。/* eslint-disable space-before-function-paren *//* eslint-disable space-before-function-paren */// eslint-dis...

2020-03-12 20:23:15

ant design of vue 之图片上传组件(腾讯云)封装

原理:通过调用后台接口获取腾讯云秘钥,然后将秘钥以及文件信息上传到腾讯云,获取文件腾讯云存储信息,最后组件将腾讯云存储信息返回出去,在组件外部调用后台接口将腾讯云信息存到后台。/* eslint-disable space-before-function-paren *//* eslint-disable space-before-function-paren */// eslint-dis...

2020-03-12 16:40:22

Ant design vue之表格Table学习

Ant design vue之表格Table学习操作插槽<span slot="action" slot-scope="record"> <a href="javascript:;">详情</a> <a href="javascript:;">编辑</a> <a-dropdown> <a-menu...

2020-01-13 16:22:21

Ant Design Vue 学习之栅格、Flex 布局

Ant Design Vue 学习栅格、Flex 布局1、默认从左到右依次排列<template> <div> <a-row> <a-col :span="4"><p>col-4</p></a-col> <a-col :span="4"><p>col...

2020-01-02 10:31:47

Ant Design Vue 学习之表单

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

2019-12-21 15:37:46

git命令

分支操作:git branch 创建分支git branch -b 创建并切换到新建的分支上git checkout 切换分支git branch 查看分支列表git branch -v 查看所有分支的最后一次操作git branch -vv 查看当前分支git brabch -b 分支名 origin/分支名 创建远程分支到本地git branch --merged 查看别的分支...

2020-02-04 13:46:08

阿里矢量图标库的使用方法

阿里矢量图标库的使用方法官网1、注册2、寻找图标,添加至购物车,注意尽量选取同一套图标库的图标。3、打开购物车将图标添加至项目(或者点击右边+号,新建项目)。4、找到我的项目,使用下载至本地或者使用线上链接代码使用线上图标1、在base.css文件写入字体图标代码@font-face { font-family: 'iconfont'; /* project id 15...

2020-02-08 15:29:38

前端pc端、手机端适配问题

前端pc端、手机端适配问题一个项目如何做到手机、电脑共用的方式1、第一种方式:响应式布局(栅格布局),即通过媒体查询控制css样式,从而实现一套代码手机、电脑共享。一般而言,手机、电脑共享样式,其布局样式必须单调简单,因此一般是企业宣传网站使用。微软官网就是典型的响应式网站。2、第二种方式:实际上是手机端、电脑端是分开的两套代码,只是通过获取设备信息运行相应的代码。如京东商城这样的功能强大的...

2020-02-07 22:33:21

vue项目移动端、pc端适配方案

vue项目移动端、pc端适配方案vue项目移动端、pc端适配方案lib-flexible 根据屏幕宽度,自动设置html的font-sizepx2rem-loader 自动将px单位转换成rem一、第一步先安装 flexible和 px2rem-loader(命令行安装)npm i lib-flexible -Snpm i px2rem-loader -D简要介绍这两个包...

2020-02-06 13:18:30

HTML 本地存储(localStorage 以及 sessionStorage )

HTML 本地存储:优于 cookies通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储。在 HTML5 之前,应用程序数据只能存储在 cookie 中,包括每个服务器请求。本地存储则更安全,并且可在不影响网站性能的前提下将大量数据存储于本地。重点 与 cookie 不同,存储限制要大得多(至少5MB),并且信息不会被传输到服务器。HTML...

2020-01-08 16:44:14

js 日期学习

创建 Date 对象Date 对象由新的 Date() 构造函数创建。有 4 种方法创建新的日期对象:new Date()new Date(year, month, day, hours, minutes, seconds, milliseconds)new Date(milliseconds)new Date(date string)1、new Date() 用当前日期和时间创建...

2020-01-08 16:28:18

js项目经验一

项目技巧1、JS—手机号脱敏(中间四位数字变成*)let number = $("#my-phone").text();let phonenumber = number.replace(number.substring(3,7), '****');$("#my-phone").text(phonenumber);number是原本的手机号例如:12345678901phonenumb...

2019-11-26 20:24:17

Js 数字以及方法(重点基础知识)

JavaScript 数值始终是 64 位的浮点数与许多其他编程语言不同,JavaScript 不会定义不同类型的数,比如整数、短的、长的、浮点的等等。JavaScript 数值始终以双精度浮点数来存储,此格式用 64 位存储数值,其中 0 到 51 存储数字(片段),52 到 62 存储指数,63 位存储符号。科学计数法超大或超小的数可通过科学计数法来写:var x = 123e5; ...

2020-01-08 15:09:42

Visual Code常用插件大全

Auto Close Tag自动添加HTML / XML关闭标签**(必备)**Auto Rename Tag自动重命名配对的HTML / XML标签**(必备)**AutoFileName当你需要 require 本地文件时,这个插件将为你提供基于你输入的文件路径的自动补全的选项。(必备)Axios Snippets超好用的 axios 代码补全片段,支持在.vue.js.html...

2019-12-06 18:20:05

css项目经验二

更改input里placeholder的字的颜色input::-webkit-input-placeholder{ color:#bfbfbf;}input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#bfbfbf;}input:-moz-placeholder{ /* Mozilla Firefox 4 t...

2019-12-04 15:35:01

js中 String 方法

一、查找字符串中的字符串indexOf() 方法返回字符串中指定文本首次出现的索引(位置)lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引0 是字符串中的第一个位置,1 是第二个,2 是第三个 …如果未找到文本, indexOf() 和 lastIndexOf() 均返回 -1。重点:两种方法都接受作为检索起始位置的第二个参数,这意味着:假如第二个参数是 50,则...

2020-01-08 14:14:13

数组、对象、字符串遍历方式

一、传统for循环(适用数组、字符串)1、数组 let myArr = ["yao", "feng", "zhang", "meng", "jiao"]; for (let i = 0; i < myArr.length; i++) { console.log(i, myArr[i]) } // 0 "yao" // 1 "feng" // 2 "zhan...

2020-01-08 10:31:35

html项目经验

表单验证(1)好处:减轻服务器的压力;保证数据的可行性和安全性。(2)placeholder:为文本框提示用户输入<input type="text" name="name" placeholder="请输入你的姓名"/>(3)required:规定文本框不能为空<input type="email" name="email" required/>(4)pa...

2019-12-09 22:31:32

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。