自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 资源 (2)
  • 收藏
  • 关注

原创 记使用一次vue-draggable

vue-draggable最近公司项目中需要做一个可拖拽的菜单列表、需要实现可拖拽、有序换位的功能、本来打算自己写一个、逛论坛时发现 vue-draggablevue安装:npm i -S vuedraggable按需引入:import draggable from 'vuedraggable'components:{ draggable}template//设置父元...

2019-12-20 09:47:56 311

原创 关于使用px2rem

关于移动端适配问题一直都是让绝大多数前端很头疼的问题,今天看到了一篇关于px2rem的文章,所以绝对自己动手试试,话不多说…安装npm i postcss-px2rem --savenpm install px2rem-loader --save配置在项目的build中vue-loader.conf中module.exports = {loaders: utils.cssLoader...

2019-05-22 15:06:09 391

原创 前端正则表达式大全

正则表达式字典匹配中文: [\u4e00-\u9fa5]英文字母:[a-zA-Z]数字:[0-9]匹配中文,英文字母和数字及_:^[\u4e00-\u9fa5_a-zA-Z0-9]+$同时判断输入长度:[\u4e00-\u9fa5_a-zA-Z0-9_]{4,10}^[\w\u4E00-\u9FA5\uF900-\uFA2D]*$一个正则表达式,只含有汉字、数字、字母、下划...

2019-03-28 16:00:58 271

原创 移动端滚动条样式不出现

移动端滚动条样式 /** 手动设置滚动条样式*/ .div::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0); } .div::-webkit-scrollbar {...

2019-03-28 15:21:37 1184

原创 radio单选框组实现

vue实现一个单选框前段时间需要用到一个移动端的单选框组,奈何使用的一个ui库中的样式并不能满足需求,所以就自己写了一个话不多说:贴代码<template> <div class="arz-radio"> <div v-for="(option,index) in options" class="radio-content" :key="index"...

2019-03-28 15:16:30 2569

转载 vue双向数据绑定实现原理

前言使用vue也好有一段时间了,虽然对其双向绑定原理也有了解个大概,但也没好好探究下其原理实现,所以这次特意花了几晚时间查阅资料和阅读相关源码,自己也实现一个简单版vue的双向绑定版本,先上个成果图来吸引各位:代码:<body> <div id="app"> <h2>{{title}}</h2> <...

2019-03-28 11:18:45 176

openapi-typescript:根据Swagger OpenAPI规范生成TypeScript类型

:blue_book: openapi类型的脚本 :rocket:使用Node.js将和模式转换为TypeScript接口。 :nail_polish:输出使用Prettier进行(并且可以自定义!)。 :backhand_index_pointing_right:适用于本地和远程资源(文件系统和HTTP)。 查看示例: 用法 命令行界面 :file_cabinet:从文件系统读取规范 npx openapi-typescript schema.yaml --output schema.ts # :crossed_fingers: Loading spec from tests/v2/specs/stripe.yaml… # :rocket: schema.yaml -> schema.ts [250ms] :cloud:从远程资源读取规范 npx openapi-typescript https://petstore.swagger.io/v2/swagger.json --output petstore.ts # :crossed_fingers: Loading s

2022-05-10

简化后的pdf.js

使用的是vue的pdf修改,使用很简单,是放在本地目录static静态资源下,直接访问本地路径 用法:域名端口号/static/pdf/viewer.html?file=文件路径 我在使用中对文件路径采用了encodeURIComponent()转码

2019-03-28

空空如也

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

TA关注的人

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