自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 自定义一个虚拟滚动列表模板

前言:一些很直白,不可逃避的问题:你时间很多吗?为什么要花时间去写通用组件?为什么不直接使用UI组件库的东西?你写的有人家的好嘛(冷笑嘲讽)?这些问题我大部分也回答不了,或者说给不了清晰的答案只能说,我还享受着这种在代码世界里做着自己想做的东西的状态什么是虚拟滚动列表?通俗的说,就是前端页面永远只渲染几个或者几十个DOM,就能达到滚动展示成千上万条数据的效果,不会造成页面卡顿(核心)。虚拟滚动列表可以说诠释了vue的核心观念:数据驱动视图。前端环境: V...

2020-12-09 15:16:27 931

原创 自定义一个小程序弹窗Modal模板组件(但不限于小程序)

1.前端环境: Taro + Vue 2.5+2.全局component下建立Modal.vue文件3.代码结构:弹窗的结构很简单, 只需要三个view即可<template><viewclass="modal"><viewclass="wrapper"> // wrapper层可用于点击遮罩关闭弹窗交互<viewclass="content":style="{width:width+'px'...

2020-12-04 14:32:43 499

原创 项目部署成功后触发钉钉机器人发送消息提醒——入门配置

1. 钉钉建好一个群2. 打开群设置, 找到群机器人3. 添加一个你想要的机器人4. 可以使用自定义自定义机器人可以自定义头像,名字,生成一个webhook(https post的请求地址)到这里, 钉钉机器人设置好了,接下来我们对照文档进行配置https://ding-doc.dingtalk.com/doc#/serverapi2/qf2nxq/XAzBI --官方文档地址登录自己的服务器在自己服务器上...

2020-11-26 14:54:42 1852

原创 基于vue-cli的vue.config.js常用配置

1.webpack分包webpack4中的optimization.splitChunks 进行代码分割, 把需要单独抽离的文件单独打包配置:chainWebpack:config => {config.optimization.splitChunks({chunks:"all"cacheGroups:{Vendor:{Name:"chunk-vendors",Test:/[\\]no...

2020-11-20 09:40:34 979 1

原创 从入门到放弃?还是真香警告?Taro多端开发

前言:"以微信小程序为主, 之后拓展至多平台发布"——万恶的需求在uniapp和taro之间纠结了一会虽然uniapp对vue更友好更全面但是,vscode实在太香,果断选了taro咱也不知道,咱也不敢说,到底能不能用taro做点东西出来呢?硬着头皮上吧!颤颤巍巍的打开文档咋一看了,两眼发光,真香+1哦豁,了不得啊,还能支持vue3,真香+2然而,也只能在空闲时间体验一下赶紧步入正轨吧1、安装:...

2020-11-12 17:42:07 841 1

原创 解决前端多环境部署的痛点—自动化构建部署工具

前言“如果你有开发环境、测试环境、预发布环境、正式环境, 那么如何去部署你的项目将会是一件很头大的事情。”市面上已经有很多成熟的自动化构建部署方案,区别就是设置门槛和便捷性问题。在这里抛砖引入,介绍一个即使新手,也能在半天完成的自动化方案。核心——“使用华为devcloud流水线,搭建一套前端项目自动化构建部署工具”配置流程1、注册华为devcloud账号2、登录后,找到:产品--开发者--流水线(华为提供免费使用的基础版和升级版(12元))3、创建管理项目, 这里主要是

2020-11-04 16:55:14 1246

原创 使用Vue-cli脚手架写项目的一些理解

一、vue中使用jq库的插件 找到需要使用的插件 下载插件需要的css和js  在vue文件所在的根目录下载jquery包,导入到vue文件中的script标签所在位置: a、import $ from 'jquery' b、因为插件需要操作dom元素,需要在页面结构加载完毕后才执行js代码,因此要将js代码写在Vue生命周期的 mounted(){ js代码 }...

2018-09-11 08:54:43 516

原创 前端跨域的解决方案

注:因为浏览器同源协议的存在,发送ajax请求时会有跨域的问题。解决方案:只提供思路,具体代码不写出来了。1、JSONP实现跨域的原理是:利用script标签的天然跨域特性。a、最经典的便是使用JQ来实现跨域,但是随着更多优秀的第三方框架的出现,利用JQ来实现跨域的需求已经越来越被替代了。b、无论是哪种框架,当需要使用JSONP来实现跨域请求数据,都要后台配合,写好专门的JSO...

2018-09-07 09:00:02 162

原创 利用php从数据库中获取数据,将数据渲染到html页面上的几种方式

学了php,ajax后,了解了如何从数据库获取数据然而,如何将数据渲染到html页面上,则有很多方式,可以用模板引擎,可以用php方式,可以用原生js动态添加,方法很多,因此做了一点简单总结。供后续回忆学习使用。以下源码:一、直接遍历的方式1、foreach方式// slideList 是从数据库获取的一维数组&lt;?php foreach ($slideList as $valu...

2018-08-09 10:15:56 23853

原创 浏览器临时显示图片文件的两种方法

我们经常会遇到,填写资料上传图片,要预览图片的需求以下提供两种方法在浏览器中临时预览上传的图片,附上源码,以供学习探讨:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content=

2018-08-07 14:39:59 917

原创 挑剔的眼睛

         最近浏览csdn,发现这个模块有个小bug,不知道你们发现没

2018-08-07 08:58:38 151

空空如也

空空如也

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

TA关注的人

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