- 博客(15)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue项目中使用Swiper走马灯效果
**步骤一、**首先在index.html的head标签内引入CDN<link rel="stylesheet" href="https://unpkg.com/swiper@6.8.4/swiper-bundle.css"> <script src="https://unpkg.com/swiper@6.8.4/swiper-bundle.min.js"> </script>步骤二、 在Vue实例化Swiper<template> <
2021-12-17 01:05:26
1232
原创 Es6 新特性
一、Es6新增特性：环境搭建let与const结构赋值SymbolMap 与 SetReflect 与 Proxy模板字符串，及扩展方法数值扩展方法对象(字面量、扩展运算符、Object.assign等…)数组(嵌套数组转一维数组flat()、扩展运算符等…) 。函数(箭头函数、函数参数的扩展)Class 类模块Promise 对象Generator 函数async 函数(一般和await同用)二、详情教程—>ES6菜鸟教程...
2021-10-31 00:54:26
108
原创 Vue首页加载过慢 解决方案
**一、什么导致了首页初步加载过慢：**项目打包后文件体积过大二、解决方法：1、Vue-router懒加载vue-router懒加载可以解决首次加载资源过多导致的速度缓慢问题：vue-router支持WebPack内置的异步模块加载系统。所以，那些使用较少的路由组件不必打包进bundles里，只需要在路由被访问时按需加载。懒加载写法：const routes = [ {path:'home',component:()=>import('../comonent/Home')}]2、
2021-10-14 18:09:45
1038
原创 赋值，浅拷贝，深拷贝 的区别
1.赋值当对象赋值给一个新的变量时,赋的其实是对象在栈中的地址，而不是堆中的数据。 也就是两个对象共同指向同一个存储空间，无论是哪个对象修改数据，都会改变储存空间的内容，因此两个对象相互影响。2.浅拷贝重新在堆内存中开辟一个新的区域存放对象，拷贝前后对象的基本类型互不影响，但前后对象的引用类型会互相影响== (因为浅拷贝只拷贝基本数据类型，遇到对象级别的引用的类型只拷贝地址，因此浅拷贝只拷贝一层，更深层无法拷贝)==深拷贝重新在堆内存中开辟一个新的区域存放对象，对对象中的子对象进行递归拷贝，拷贝前
2021-09-09 11:07:30
301
原创 前端操作Cookie
前端操作Cookie1、了解cookie2、 js封装代码1、了解cookie + cookie是一个存在客户端（浏览器）的存储空间 == 浏览器是一个软件 == 当你运行浏览器的是偶 == 一部分位置是来给页面运行的 == 一个小部分位置是专门来存储数据的 + 这个cookie空间里面可以以“字符串”的形式存储一些
2021-09-04 12:28:23
702
原创 移动端rem适配(简单实用)
原理：（根据设备视口宽度，自动适配根元素fontSize）定义好设计稿宽度，然后获取设备视口宽度，根元素的fontSize= 设备视口宽度/设计稿宽度时 X 100 + “px” ，设备视口宽度越大，fontSize就越大，反之则越小。**使用方法：**只需把以下代码以script标签的形式，放入主页面的head加载。 <script> function setHtml_fontSize(){ let designWidth = 750;//设计稿宽度
2021-03-29 19:44:53
93
原创 原生JS实现复制功能
第一步引入第三方clipboard.min.js包第二步对对象进行操作的方式方法有两种可以选择：data-clipboard-action=“copy”；data-clipboard-action=“cut”；第三步data-clipboard-target=“input” //这个对象可以是 #id，也可以类选择器 .class ，也可以是元素等然后实例化 Clipboard 对象：var clipboard = new Clipboard(“input”);##代码示
2021-03-13 08:47:39
287
原创 JQuery实现返回顶部
<!DOCTYPE html><html lang="en"><head> <style>#back-to-top{ position:fixed;display:none; bottom:100px; right:80px;}#back-to-top a{ text-align:center; text-decoration:none; color:red; display:block; width:64px;}#back-to-
2021-02-28 10:45:50
328
原创 uni-app和vue的具体区别
uni-app是逻辑和渲染分离的，渲染层在app端提供了两套排版引擎。小程序方式的webview渲染，和weex方式的原生渲染，两种渲染引擎可以自己根据需要选。vue文件走的webview渲染nvue走weex方式的原生渲染组件和js写法是一样的，css不一样，原生排版的能用的css必须是flex布局uni-app`的App端内置了一个基于weex改进的原生渲染引擎，提供了原生渲染能力。在App端，如果使用vue页面，则使用webview渲染；如果使用nvue页面(nativevue的缩写)
2021-01-25 18:04:51
10479
原创 css实现多行换行，并自动在后面加省略号
css有换行的标签，但是只能实现单行换行，使用起来很不方便。以下代码可以实现多行换行，并且后面自动加省略号，但是在使用之前需要给它一个固定的宽度,把下面的代码直接复制过去就可以了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> .text{
2021-01-25 17:17:22
2204
原创 有效解决由浮动引起的高度塌陷问题
1.高度塌陷产生条件： 元素浮动会造成其他元素位置的变化。除此之外，浮动还有另外一种情况，当子元素全部浮动，如果父元素没有指定高度，则父元素高度将塌陷为0。2.解决高度塌陷三种方式在父元素中添加一个新元素，并为新元素设置clear:both <style> .clear{clear:both;height:0} </style> <div class="b
2021-01-25 15:39:21
217
原创 实现CSS隐藏滚动条并可以滚动内容
1.通过定位把滚动条隐藏了起来div1设置绝对对位，向右移动了17个像素，刚好等于滚动条的宽度，再利用div2把溢出的17像素隐藏起来。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
2021-01-25 00:53:34
178
原创 标准盒模型与IE盒模型的区别
标准盒模型与IE盒模型的区别1.标准盒模型标准盒模型在这里插入图片描述也称W3C盒模型，现在大部分浏览器都采用标准盒模型，在标准模式下，一个元素所占的总宽度=width(content)+padding(左右)+margin(左右)，元素的高度同理也是一样的。如图所示：2.IE盒模型标准盒模型也称怪异盒模型，IE6之前的浏览器默认采用怪异盒模型，在怪异模式下，一个元素所占的总宽度=width+margin(左右)，（即width包含了border+padding+content）元素的高度
2021-01-21 20:35:30
3267
原创 JavaScript 对象一见秒懂！
什么是对象？#任何占内存的实体都是对象(自然界中万物皆对象)面向对象方法的核心是: 封装，继承，多态。 我们知道对象是以现实世界的对象为模型构造而来的，具有状态和行为， 其中状态保存在一组状态中，而对象的行为通过对象方法来实现的。 我们可以用软件对象来表示现实世界中对应的对象。（现实生活中，一辆车就是一个对象，我们知道对象是有属性和方法的。车的属性：颜色、重量、牌子 车的方法(功能)：启动，驾驶，停车等方法）JavaScript 中我们可以理解为对象是变量的容器。JavaSc
2020-07-18 18:29:26
259
1
原创 递归函数如何使用_慧眼识破
递归函数如何使用递归函数 ==>什么是递归函数: ==>在编程的世界里面,递归就是一个自己调用自己的手段 ==>递归函数:一个函数内部,调用了自己,循环往复 ==>其实递归函数和循环很类型 ==>要实现递归需满足两个条件 ==>1.满足结束条件的时候结束函数 ==>2.是不满足结束条件的时候要执行的代码 /*以下代码就是一个简单的递
2020-07-11 10:55:39
171
IOS开发&&swift知识点梳理及总结
2020-07-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人