
技术
文章平均质量分 52
mofle
世界在雾中
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
自定义一个虚拟滚动列表模板
前言:一些很直白,不可逃避的问题:你时间很多吗?为什么要花时间去写通用组件?为什么不直接使用UI组件库的东西?你写的有人家的好嘛(冷笑嘲讽)?这些问题我大部分也回答不了,或者说给不了清晰的答案只能说,我还享受着这种在代码世界里做着自己想做的东西的状态什么是虚拟滚动列表?通俗的说,就是前端页面永远只渲染几个或者几十个DOM,就能达到滚动展示成千上万条数据的效果,不会造成页面卡顿(核心)。虚拟滚动列表可以说诠释了vue的核心观念:数据驱动视图。前端环境: V...原创 2020-12-09 15:16:27 · 992 阅读 · 0 评论 -
自定义一个小程序弹窗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 · 624 阅读 · 0 评论 -
基于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 · 1043 阅读 · 1 评论 -
从入门到放弃?还是真香警告?Taro多端开发
前言:"以微信小程序为主, 之后拓展至多平台发布"——万恶的需求在uniapp和taro之间纠结了一会虽然uniapp对vue更友好更全面但是,vscode实在太香,果断选了taro咱也不知道,咱也不敢说,到底能不能用taro做点东西出来呢?硬着头皮上吧!颤颤巍巍的打开文档咋一看了,两眼发光,真香+1哦豁,了不得啊,还能支持vue3,真香+2然而,也只能在空闲时间体验一下赶紧步入正轨吧1、安装:...原创 2020-11-12 17:42:07 · 994 阅读 · 1 评论 -
解决前端多环境部署的痛点—自动化构建部署工具
前言“如果你有开发环境、测试环境、预发布环境、正式环境, 那么如何去部署你的项目将会是一件很头大的事情。”市面上已经有很多成熟的自动化构建部署方案,区别就是设置门槛和便捷性问题。在这里抛砖引入,介绍一个即使新手,也能在半天完成的自动化方案。核心——“使用华为devcloud流水线,搭建一套前端项目自动化构建部署工具”配置流程1、注册华为devcloud账号2、登录后,找到:产品--开发者--流水线(华为提供免费使用的基础版和升级版(12元))3、创建管理项目, 这里主要是原创 2020-11-04 16:55:14 · 1455 阅读 · 0 评论 -
利用php从数据库中获取数据,将数据渲染到html页面上的几种方式
学了php,ajax后,了解了如何从数据库获取数据然而,如何将数据渲染到html页面上,则有很多方式,可以用模板引擎,可以用php方式,可以用原生js动态添加,方法很多,因此做了一点简单总结。供后续回忆学习使用。以下源码:一、直接遍历的方式1、foreach方式// slideList 是从数据库获取的一维数组<?php foreach ($slideList as $valu...原创 2018-08-09 10:15:56 · 24109 阅读 · 0 评论 -
浏览器临时显示图片文件的两种方法
我们经常会遇到,填写资料上传图片,要预览图片的需求以下提供两种方法在浏览器中临时预览上传的图片,附上源码,以供学习探讨:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content=原创 2018-08-07 14:39:59 · 1026 阅读 · 0 评论 -
前端跨域的解决方案
注:因为浏览器同源协议的存在,发送ajax请求时会有跨域的问题。解决方案:只提供思路,具体代码不写出来了。1、JSONP实现跨域的原理是:利用script标签的天然跨域特性。a、最经典的便是使用JQ来实现跨域,但是随着更多优秀的第三方框架的出现,利用JQ来实现跨域的需求已经越来越被替代了。b、无论是哪种框架,当需要使用JSONP来实现跨域请求数据,都要后台配合,写好专门的JSO...原创 2018-09-07 09:00:02 · 232 阅读 · 0 评论 -
使用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 · 576 阅读 · 0 评论