摘要: https://blog.csdn.net/hyk521/article/details/105117432/ 一、前言1、本例环境node.js:v12.14.1 npm:v6.13.4 vue:@vue/cli 4.2.3 2、node.js环境安装与测试由于vue的安装与创建依赖node.js 阅读全文
posted @ 2021-08-28 17:05 轻舟经年 阅读(1788) 评论(0) 推荐(0) 编辑
摘要: Vue事件处理是每个Vue项目的必要方面。 它用于捕获用户输入,共享数据以及许多其他创造性方式。【相关推荐:《vue.js教程》】 在本文中,会介绍基础知识,并提供一些用于处理事件的代码示例。 它仅包含我认为最有用的技巧/方法,要深入了解Vue可以做的所有事情,请查看Vue文档。 基本事件处理 使用 阅读全文
posted @ 2021-08-26 18:33 轻舟经年 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 一、遇顶固定的例子 我一直以为是某个div或层随屏幕滚动,遇顶则固定,离开浏览器顶部又还原这样的例子其实不少,其实它的名字叫“层的智能浮动效果”。目前我们在国内的商业网站上就常常看到这样的效果了。例如淘宝网的搜索结果页的排序水平条,在默认状态时,该工具条是跟随页面滚动的,如下图: 而当我们下拉滚动条 阅读全文
posted @ 2021-07-19 16:51 轻舟经年 阅读(1449) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 div.item{ 8 position: absolute; 9 width: 320px; 1 阅读全文
posted @ 2021-06-30 10:47 轻舟经年 阅读(18) 评论(0) 推荐(0) 编辑
摘要: filter: drop-shadow(0 0 2px #2b002b) drop-shadow(0 0 15px #c0c) drop-shadow(0 0 5px #f0f);-webkit-filter: drop-shadow(0 0 2px #2b002b) drop-shadow(0 0 阅读全文
posted @ 2021-06-09 10:38 轻舟经年 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2021-06-07 09:44 轻舟经年 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 移动端适配的五种方法所谓移动端适配,就是WebApp在不同尺寸的屏幕上等比显示 推荐: 1.使用rem单位来做网页适配,这个是我比较推荐的一种,效果很好,浏览器的兼容性也不错 只要一行代码就能适配多个分辨率终端 (function(doc,win){ var docEl =doc.documentE 阅读全文
posted @ 2021-05-26 15:38 轻舟经年 阅读(3230) 评论(0) 推荐(1) 编辑
摘要: 一、测试模版 数组去重是一个老生常谈的问题,网上流传着有各种各样的解法 为了测试这些解法的性能,我写了一个测试模版,用来计算数组去重的耗时 // distinct.js let arr1 = Array.from(new Array(100000), (x, index)=>{ return ind 阅读全文
posted @ 2021-05-10 18:05 轻舟经年 阅读(76) 评论(0) 推荐(0) 编辑
摘要: HTML DEMO(官网例子) <link rel="stylesheet" href="path/to/swiper.min.css"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-s 阅读全文
posted @ 2021-05-07 14:49 轻舟经年 阅读(3591) 评论(0) 推荐(0) 编辑
摘要: 目的:vue-cli构建的vue单页面应用,某些特定的页面,实现前进刷新,后退不刷新,类似app般的用户体验。注: 此处的刷新特指当进入此页面时,触发ajax请求,向服务器获取数据。不刷新特指当进入此页面时,不触发ajax请求,而是使用之前缓存的数据,以便减少服务器请求,用户体验更流畅。 项目需求: 阅读全文
posted @ 2021-04-24 08:44 轻舟经年 阅读(350) 评论(0) 推荐(0) 编辑