- 博客(16)
- 收藏
- 关注
RSS订阅原创 简单列表滚动 通用
可以自己加一些参数 （滚动距离，是否循环加载，到底部时可以弹出一个事件进行请求等等）如果假如异步请求记得关闭定时器/** * * @param {传入可滚动的真实dom} dom * @param {定时器延时} time * @param {是否循环} loop * @param {滚动距离} loop */function ScrollList(dom, time = 100, loop = true) { const copyDom = dom; l.
2022-05-19 19:40:47
231
2
原创 实现简单的防抖和节流
节流// 指定事件内直触发一次事件 var app = document.getElementById("app") function addone() { console.log("我是结束后出现的内容") } function shake(func,times) { let time; return function () { if (!time) { time =
2021-10-09 16:38:20
142
原创 webpack5快速使用
webpack(基于配置文件)流行的前端项目构建工具(打包工具),可以解决web开发中面临的困境webpack提供了模块化支持,以及代码压缩混淆.js兼容问题,性能优化等强大的功能,从而让工作的中心放在功能的实现上,提高开发效率和项目的可维护性它的优点也很明显 1. 拥有**依赖管理**、**动态打包**、**代码分离**、**按需加载**、**代码压缩**、**静态资源压缩**、**缓存**等webpack 扩展性强，插件机制完善，开发者可自定义插件、loaderwebpac
2021-09-24 16:49:03
347
原创 js判断数据类型
在 JavaScript 里使用 typeof 来判断数据类型，只能区分基本类型，即 “number”，”string”，”undefined”，”boolean”，”object” 五种。对于数组、对象来说，其关系错综复杂，使用 typeof 都会统一返回 “object” 字符串。此时，我们可以使用Object.prototype.toString.call(var) 能判断具体的类型数组；判断数据类型的方式可以通过instanceof比较它的实例是否为某一类型 var a = ..
2021-07-16 15:52:44
82
原创 vue-awesome-swiper快速使用
1.下载 npm i vue-awesome-swiper --save2. 在需要的组件中引用样式文件和插件封装的组件import { swiper, swiperSlide } from "vue-awesome-swiper";import "swiper/dist/css/swiper.css";components: { swiper, swiperSlide },3. 使用插件自带的组件<!-- options swiper的配置参数 -->
2021-07-08 15:07:53
186
1
原创 vue2 vuex中使用本地储存
本地储存 基本用法它包含两种：localStorage 和 sessionStoragesessionStorage（临时存储） ：只存在网站开启期间,重新加载就会重置localStorage（长期存储） ：与 sessionStorage 一样，但是关闭后，数据依然会一直存在设置方法对象需要通过JSON.stringify转为json字符出sessionStorage.setItem(“名称”,“对象”)localStorage.setItem(“名称”,“对象”)获取方法 va
2021-07-05 16:28:23
799
原创 vue-axios简单使用
vue - Axios库使用场景：前后端分离的应用程序中，后端只负责提供API请求接口，前端使用Ajax获取服务器数据。服务器端API接口，一般采用 RESTful API 形式提供。使用请求数据的方式:直接使用原生 XMLHTTPRequest 对象使用 jQuery 提供的Ajax方法使用 axios 库axios库简介：基于 promise 的 HTTP 库，可以用在浏览器和node.js 环境中。主要优点： 轻量级JS库，可以单独使用； 支持Promise
2021-06-30 10:35:59
275
原创 前端问答题
Promise 是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。promise有三种状态： pending(等待态)，fulfiled(成功态)，rejected(失败态)；状态一旦改变，就不会再变。创造promise实例后，它会立即执行。
2021-06-24 20:19:04
263
1
原创 vue基础知识(指令,属性,组件,简单的组件通信,vue概念)
传统网页开发的弊端 - DOM操作频繁，代码繁杂 - DOM操作与逻辑代码混合，可维护性差 - 不同功能区域书写在一起，可维护性低 - 模块之间的依赖关系复杂Vue.js 核心特性数据驱动视图数据驱动视图 数据变化会自动更新到对应元素中，无需手动操作DOM 对于输入框等可输入的元素，可设置双向数据绑定 Vue.js的数据驱动视图，是基于M-V-VM模型实现 MVVM 是一种软件开发思想 Model:
2021-06-24 09:41:03
196
原创 有点意思的css---border-radius
众所周知,border-radius简单用法可以设置一个圆角 但如果我们加上八个值呢?另外在加入动画 就会出现一个有趣的效果 四个值代表 左上角 右上角 右下角 左下角 斜杠前为水平 斜杠后为垂直.bor{ width: 400px; height: 400px; animation: bord 2.5s ease-in 0s infinite alternate; box-shadow:...
2021-04-25 09:47:10
225
原创 js--用一个定时器动态改变title内容
js--用一个定时器动态改变title内容let arr1 = ["你好,欢迎你", "(●ˇ∀ˇ●)", "( o=^•ェ•)o ┏━┓", "ε=ε=ε=(~￣▽￣)~", "(。・∀・)ノ" ]//调用shu(arr1,200)function shu([arr],speed) { let ind = 0; let ass = ""; let ss = [...arr1[ind]][Symbol.iterator](); let time = se.
2021-04-21 15:12:35
359
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人