- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 css实现吸顶效果 - position：sticky
css粘性定位position：stickyposition:sticky是css定位新增属性；可以说是相对定位relative和固定定位fixed的结合；它主要用在对scroll事件的监听上；简单来说，在滑动过程中，某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top：100px)；position:sticky这时的效果相当于fixed定位，固定到适当位置。#stickyBox{ position: -webkit-sticky; position: sticky;
2021-09-15 14:41:30
4905
原创 vue的is动态组件
vue的is动态组件直接上代码，一看就能明白<template> <div> <h1>is 动态组件</h1> <br /> <el-button @click="changeComponent">改变组件</el-button> <div :is="com"></div> </div></template><script
2020-05-26 14:12:40
987
2
转载 异常解决---Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated"}的解决方法
@[TOC](异常解决—Uncaught (in promise) NavigationDuplicated {_name: “NavigationDuplicated”}的解决方法)使用vue做项目的时候，点击左侧同一个页面(相同路由)会导致报错Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated",...
2019-10-11 00:00:53
1897
1
原创 随记：如何测试一段程序执行的时间
随记：如何测试一段程序执行的时间最近在测试call，apply，bind三者的性能的时候，想测测所消耗的时间，结果不知道如何测试比较好，之后在网上搜索了一番，发现了一个挺好用的方法。想必大家都认识console.log，这个方法跟这个很像，很像console.time('A'); for (var i = 0; i < 100000; i++) {}console.t...
2019-09-10 21:28:14
353
转载 转载：Set ，WeakSet和 Map，WeakMap 数据结构
目录Set基本用法Set函数初始化Set函数传值传基本类型Set 实例的属...
2019-09-02 11:52:17
124
原创 基础知识常被8：ES6中的相关语法（持续更新中）（超级详细，一笔一笔亲自打印上去的）
基础知识常被8：ES6中的相关语法（持续更新中）let，const，var的对比：let1.使用let声明得变量不能再次声明2.具有块级作用域3.let没有变量提升，必须要先定义在使用4.let的声明不会像var声明一样作用到window中const1.const 定义常量必须给初始值2.const 一但定义了就不能修改了3.具有块级作用域（同let）4.常量是独立的，和window对象没有关系（...
2019-08-31 21:51:04
1055
原创 案例效果：利用Ajax实现页面无刷新留言效果
案例效果：利用Ajax实现页面无刷新留言效果实现效果前言：在百度贴吧，以及一些论坛中，当你回复或者评论完毕之后，从来没有见过页面重新刷新加载的效果，那么这个究竟是怎么做成的呢，也就是利用Ajax技术，页面无刷新效果，废话不多说，直接上代码。实现效果html部分： <div class="container"> <h1 class="display-1">留...
2019-08-20 20:25:58
885
4
原创 案例效果：手机验证码-this指向案例
案例效果：手机验证码-this指向案例实现效果最近在使用this指向这里突然想到以前的demo有待优化的地方，特此写篇文章记录下。实现效果html部分：<div class="form"> <div class="row"> <div class="cell cols-1">请输入手机号码</div>...
2019-08-18 21:22:45
186
原创 基础知识常被7：遍历数组的常用的6种方式
基础知识常被7：遍历数组的常用的6种方式1.for循环2.forEach方式3.some方式4.fileter方式5.every方式6.map方式1.for循环//****************************for循环************************************* //for循环，这个方法大家应该都是会的 var arr ...
2019-08-17 00:58:26
345
原创 案例效果：实现移动端端轮播图效果
实现移动端端轮播图效果实现效果插件使用：1.zepto.js2.touch.js实现效果html部分：<!-- 结构 --> <!-- li*6>a[href=#]>img[src=./images/$.jpg] --> <div class="box"> <ul> &...
2019-08-12 23:33:24
769
1
原创 案例效果：原生JS-实现pc端轮播图效果
案例效果：原生JS-实现pc端轮播图效果案例：轮播图需求实现效果：案例：轮播图需求布局：ul下有很多li标签；浮动在一行；原理：切换图片的时候，把ul位置修改一下，给ul的父容器，设置一个 overflow:hidden；功能需求：序号轮播左右按钮的轮播自动轮播鼠标在轮播图里面的时候，停止自动轮播，离开后继续自动轮播实现效果：html部分<div class...
2019-08-09 23:24:34
526
原创 案例效果：原生JS-实现京东查看商品点击放大案例
案例效果：原生JS-实现京东查看商品点击放大案例需求分析实现效果：需求分析鼠标移入，出现黄色的遮罩，和用来放大的盒子鼠标移出，遮罩和放大的盒子消失鼠标在小图片上面进行移动的时候黄色遮罩层会随着鼠标一起移动用来放大显示的图片，也跟着一起移动实现效果：html部分：<div class="box"> <div class="small"&g...
2019-08-08 21:39:52
446
原创 案例效果：原生JS-实现新浪微博的增删（利用localStorage存储到浏览器中，实现刷新不清空的效果）
案例效果：实现新浪微博的增删（利用localStorage存储到浏览器中，实现刷新不清空的效果）实现效果：实现效果：html部分：<div class="weibo"> <textarea class="weibo-text">...
2019-08-07 11:45:14
658
2
原创 案例效果：在屏幕中拖拽箱子
案例效果：在屏幕中拖拽箱子实现效果：在工作中最近遇到点小的知识点，现在写出一个小demo，供需要的朋友来参考实现效果：首先看见需求我们不着急做，我们先来分析一下：位置特点：拖到时，鼠标在盒子内的位置不变；盒子新的位置=新的鼠标位置-鼠标在盒子内的一开始位置；鼠标在盒子内的一开始位置 =鼠标的位置-盒子的位置（offsetLeft）执行特点：先鼠标落下在盒子内，再在页面上进行...
2019-08-04 20:36:39
239
原创 基础知识常被6：js冒泡排序
基础知识常被6：js中的冒泡排序？实现效果：给出一组数据，我们能将其从大到小排序，或者从小到大排序方式一：（确定性能不是最佳，但是这个是最初最易懂的想法）方式二：（这个是在方法一上面稍作修改的，思路一致，性能有所提升）工作中难免会遇到一些算法问题，今天我就来说说最基本的之一：冒泡排序。实现效果：给出一组数据，我们能将其从大到小排序，或者从小到大排序方式一：（确定性能不是最佳，但是这个是最初最...
2019-08-04 17:38:56
239
原创 基础知识常被5：CSS样式表属性最佳书写顺序是怎样的？
基础知识常被5：CSS样式表属性最佳书写顺序是怎样的？自己在写demo的时候不用考虑代码的优化，能测试出效果就可以了，但是在实际工作中，企业工作中，必须提高性能，优化代码，让客户拥有一个极高的体验性，所以在网上查询了一下相关资料，原文地址：https://dxs12580.com/css-the-order.html（1）定位属性：position、display、float、left、to...
2019-08-04 16:09:35
203
原创 基础知识常被4：圣杯布局
基础知识常被4：圣杯布局实现效果：（两边固定，中间随浏览器的大小变化而变化）方法1：（利用float布局）方法2：（利用flex布局）昨天工作比较忙，没有及时更新文档，趁着深夜发出来。所谓为什么叫圣杯布局，我的感觉可能是做出来的效果很像圣杯大概吧！实现效果：（两边固定，中间随浏览器的大小变化而变化）html：公用部分<!-- pc 常用float --> <di...
2019-08-04 00:35:24
287
原创 基础知识常备3：css中定位的常见特性
基础知识常被3：css中定位的常见特性1.相对定位：relative2.绝对定位：absolute3.固定定位：fixed4.静态定位：static最近很多需求都是关于定位的，那么我想有必要在这里把定位跟大家分享一下！1.相对定位：relative①.相对定位的元素是不脱标的，还会占据原来的位置②.相对定位的元素偏移，永远基于自身的位置2.绝对定位：absolute①.绝对定位的元素会...
2019-08-01 23:21:55
388
原创 基础知识常备2：浏览器内置对象常用方法梳理
基础知识常被2：浏览器内置对象常用方法梳理今天在工作中用到了一些内置对象的方法，个别的稍有忘记，所以在此整理了一番。
2019-08-01 07:47:29
203
Ajax留言板页面无刷新.zip
2019-08-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人