前端技巧
文章平均质量分 55
ifHappyEveryDay@
这个作者很懒,什么都没留下…
展开
-
前端大文件上传实现切片上传 + 断点续传 + 秒传 + 暂停上传 + 恢复上传
大文件上传 切片上传 + 断点续传+ 秒传+ 暂停上传+恢复上传原创 2024-07-13 23:40:04 · 577 阅读 · 0 评论 -
Web课后期末大作业(HTML+CSS+Vue)带开源免费的API接口,多类型博客综合页面
Web课后期末大作业(HTML+CSS+Vue)带开源免费的APl接口,多类型博客综合页面原创 2023-12-24 13:32:16 · 1529 阅读 · 0 评论 -
Threejs发光闪烁提示特效
Threejs发光闪烁提示特效原创 2023-12-10 18:35:26 · 1314 阅读 · 0 评论 -
layui弹出层表单
弹出层表单很常见,也很实用,无论是在’pc端网页还是在移动端.现在用layui来实现一下这个表单吧.html<form class="layui-form" id="test" style="display:none"> <div class="layui-form-item"> <label class="layui-form-label">...原创 2019-07-03 09:11:55 · 31166 阅读 · 13 评论 -
最新Vue3实验性功能探索--各种语法糖&巧用特性高效开发
(1)script setup直接在script标签里面写setup,不用return数据啦。举个栗子<template> <img alt="Vue logo" src="./assets/logo.png" /> <HelloWorld :msg="test"></HelloWorld> <span>{{ test }}</span></template><script setup>原创 2021-03-14 12:09:25 · 1290 阅读 · 0 评论 -
Vue手动实现高频实用性能优化的自定义指令集
(1)v-copy 复制指令实现一键复制文本内容,用于鼠标右键粘贴。const copy = { bind(el, { value }) { el.$value = value el.handler = () => { if (!el.$value) { // 值为空的时候,给出提示。可根据项目UI仔细设计 console.log('无复制内容') return } // 动态创建 tex原创 2021-03-14 11:57:43 · 389 阅读 · 0 评论 -
vue openlayers 初始化地图加载 详解
1. openlayers 简介:openlayers是一个开源免费的js库,用于在网页中实现地图的动态显示和交互。一起看看官方对openlayers的介绍。OpenLayers使在任何网页中放置动态地图变得容易。它可以显示地图块,矢量从任何源加载的数据和标记。开发OpenLayers是为了进一步使用各种地理信息。它是完全免费的开源JavaScript。2. 话不多说,先看效果3. 在vue环境下,创建一个Map地图3.1 npm 安装 openlayerscnpm i转载 2020-06-03 13:07:32 · 1106 阅读 · 0 评论 -
微信小程序之传值
玩转前端当然也要玩转微信小程序,因为微信小程序基于前端呀1.url传值在界面跳转中,我们可以用url传值,没错,可以把值放到url后面比如:A界面跳转到B界面使用wx.navigator或者其他跳转方式直接url拼接比如:'../index?id='+id (A界面)在B界面接受值,在onload()方式中的options来接受,比如options.id2.使用本地存储存...原创 2019-10-24 21:02:36 · 225 阅读 · 0 评论 -
javascript 字符串以及数组方法归纳
1.concatconcat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。var arr1=[1,2,3];var arr=arr1.concat([4,5,6]);2.joinjoin() 方法用于把数组转成字符串。元素是通过指定的分隔符进行分隔的,默认使用','号分割,不改变原数组。var arr = [1,2,3,4];conso...原创 2019-10-11 23:19:41 · 246 阅读 · 0 评论 -
BFC食用教程
1.什么是BFC?BFC块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。2.BFC的布局规则1.内部的Box盒子会在垂直方向,一个接一个地放置;2.Box垂直方向的距离由margin决定,属于同一个BFC的两个相邻Box的margin会发生重叠;3.每...原创 2019-09-18 09:58:35 · 165 阅读 · 0 评论 -
js数组去重(简单常用)
方法1 es6的set方法(常用)function qc(arr){return Array.from(new Set(arr))}方法2 indexOf循环去重法function qc(arr){let array=[];for(let i=0;i<arr.lrngth;i++){if(array.indexOf(arr[i])===-1){array.push(...原创 2019-09-15 12:01:06 · 225 阅读 · 0 评论