- 博客(19)
- 收藏
- 关注
RSS订阅原创 小程序吸顶悬停
通过js监听滚动事件，达到距离后，改变需要吸顶元素的样式，典型的如：position: fixed。元素脱离了文档流，为避免其他元素改变位置，还需要设置一占位元素。position sticky只在一些比较新的浏览器上才支持，不过实验了一下，发现现在各个小程序平台都是支持的！另外，因为需要监听滚动事件，效率也是比较低的。现在在小程序中有了一种更加简单高效的实现方式，就是：position sticky。过去常见的实现方法就是通过js监听滚动事件然后改变需要吸顶悬停元素的css来实现。
2023-04-04 14:10:33
364
原创 webpack配置-devServer详细配置-proxy跨域（vue+react都可以使用的跨域代理方式）
webpack配置-devServer详细配置-proxy跨域（vue+react都可以使用的跨域代理方式）
2022-08-05 20:24:17
1488
原创 父子组件通信的生命周期
父子组件通信的时候触发的生命周期有哪些1.父子组件之间共享了数据2.数据是响应式,并且会才能在更新线上先说结果,在解释,为什么是这样结果初始化初始化数据父 : beforeCreate created 子 : beforeCreate created初始化渲染父 :beforeMount 子 :beforeMount 子:mounted 父:mounted生命周期为什么这么执行因为 vue 的模板需要经过编译处理,变为真实的 DOM(js 文件)1.Vue 模板是根
2022-05-13 10:13:41
156
原创 NodeJS基础
Node基础node发展史|node 是什么编写服务端的语言。服务端和客户端编写代码有什么区别？为什么学习Node?为了咱们可以了解服务端开发。掌握服务端开发基本流程s为了前端工程化开发。IO优势IO I—inputu 读取文件 o — outinput 写入文件对于文件读写,Node采用的是非阻塞IO传统IO在读写文件的时候CPU来处理,而代码执行也处于等待中,浪费性能非阻塞IO将读写操作交给CPU,而代码正常执行,减少等待浪费的性能应用场景实际应用: webp
2022-04-25 00:35:29
133
原创 前端模块化----暴漏与接收数据
1、export与export default均可用于导出常量、函数、文件、模块等2、在一个文件或模块中，export、import可以有多个，export default仅有一个3、通过export方式导出，在导入时要加{ }，export default则不需要4、(1) 输出单个值，使用export default(2) 输出多个值，使用export(3) export default与普通的export不要同时使用案例：//html代码块——通用<!DOCTYPE html&
2022-04-24 23:13:39
403
1
原创 变量解构赋值的多种多样的用途
变量的解构赋值用途（1）交换变量的值let x = 1;let y = 2;[x, y] = [y, x];上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰。（2）从函数返回多个值函数只能返回一个值，如果要返回多个值，只能将它们放在数组或对象里返回。有了解构赋值，取出这些值就非常方便。// 返回一个数组function example() { return [1, 2, 3];}let [a, b, c] = example();// 返回一个对
2022-04-24 00:09:34
96
原创 ES6基础知识------变量的解构赋值
变量的结构赋值 提示：本文章针对个人多出文章总结文章目录变量的结构赋值前言一、数组的解构赋值基本用法举个例子默认值二、对象的解构简介前言在es6允许按照一定写法来进行数组和对象中取值,对变量进行复制,这被称为解构提示：以下是本篇文章正文内容，下面案例可供参考一、数组的解构赋值基本用法示例：在以前,为变量赋值,只能直接指定该变量进行赋值.let a = 1let b = 2let c = 3而ES6中规定可以将该写法简写为let [a,b,c] = [1,2,3,]首先这
2022-04-23 22:56:36
212
原创 一篇文章看懂正则
正则正则入门正则介绍: 正则在js中是专门用来查找一段字符中的某个字符串片段说到正则我们需要了解的是如何创建一个正则对象 var reg = /text/g语法: /匹配规则/修饰符使用正则的API是str.match()str.match()作用: 正则表达式查找字符参数: 需要查找的字符返回值: 如果查找到则返回该字符 如果没有则返回 null正则eg.test(str)eg.test(str)作用检测是否有匹配到的结果reg.exec(str)
2022-04-23 22:18:38
2004
原创 Node基础
Node基础node发展史|node 是什么编写服务端的语言。服务端和客户端编写代码有什么区别为什么学习Node?为了咱们可以了解服务端开发。掌握服务端开发基本流程为了前端工程化开发.IO优势IO I—inputu 读取文件 o — outinput 写入文件对于文件读写,Node采用的是非阻塞IO传统IO在读写文件的时候CPU来处理,而代码执行也处于等待中,浪费性能非阻塞IO将读写操作交给CPU,而代码正常执行,减少等待浪费的性能应用场景实际应用: webpac
2022-04-23 22:15:51
116
原创 prototype、__proto__与constructor（图解）
文章目录前言_ _ proto _ _ 属性prototype属性constructor属性总结提示：不要排斥，静下心来，认真读完，你就搞懂了！(可以先看一下最后的总结部分再回过头来完整看完)1. 前言作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相信很多初学者对这些属性存在许多困惑，容易把它们混淆，本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点，proto__属性的两边是各由两个下划线构成（这里为了方便大家看清，
2022-04-22 23:16:06
2743
原创 Java基础知识
一．Java简介1．Java体系Java分为三大体系：J2SE/Java SE、J2EE/Java EE、J2ME/Java ME（1）．J2SE/Java SE，Java通用版本，用于工作站，PC机的标准Java平台（2）．J2EE/Java EE，可扩展的企业Java应用平台（3）．J2ME/Java ME，嵌入式Java应用平台2．Java虚拟机任何一种可以运行Java程序的软件都可以成为Java虚拟机（JVM），我们可以把Java字节码看成运行在JVM的机器码。二．常量、变量、数据类
2022-04-05 23:54:03
212
原创 DOMapi
NodeList 表示 HTML 元素集合选择器- 作用：选中html元素，在js中以对象形式存在，- js通过对dom对象下属性多次赋值，以及api使用，完成页面动画- **注意：选择器返回值，有的是dom对象，有的集合，如果是集合，需要从集合中取值获取dom对象**document.api- document.getElementById()- document.getElementsByClassName();- document.getElementsByTagName();.
2022-04-05 23:46:47
344
原创 api总结
函数对象定时器setInterval(callback, time)作用:每隔多少秒执行一次 callback 中的代码参一: 需要被执行的代码参二: 每多少秒进行执行延时器setTimeout(callback,setTimeout)作用: 设置一个延时器,推迟多少秒后进行执行 callback 中的代码参一: 需要被执行的代码参二: 推迟多少秒执行清除定时器,延时器clearInterval(timer)作用: 清除定时器,延时器参一: 定时器,延时器
2022-04-05 23:41:04
84
原创 jQuery的事件和API与动画
第二章 jQuery的事件和API一、事件 on() 在选定的元素上绑定一个或多个事件处理函数。 off() 移除一个事件处理函数。 trigger() 根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为。二、鼠标事件 click() 单击 dblclick() 双击 hover() 悬停 mousedown() 按下 mouseup() 抬起 mouseenter() 移入 不支持子元素
2022-04-05 23:38:44
1137
原创 jQuery方法--------1
第一章 初识jQuery一、jQuery简介1.什么是jQuery？jQuery是一个优秀的JavaScript库，是一个凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档，操作DOM，执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念：write less,do more.2.常见的javascript库? Prototype:是最早成型的JS库之一，对于JS的内置对象做了大量的扩展。 Do jo：提供了很多奇特JS库没
2022-04-05 23:30:54
66
原创 深拷贝浅拷贝
1.浅拷贝浅拷贝是指，对基本类型的值拷贝，以及对象类型的地址拷贝。怎么讲，什么是基本类型？在js中，我们知道的基本类型有字符串，数字，布尔值。当我们写这样的代码，就是浅拷贝。var a = 1;var b = a; //浅拷贝b = 2; //改变b的值，并不会影响到a，因为浅拷贝对基本类型而言就是值拷贝console.log(a);a还是1，和b没有关系。这个道理，在对象中也一样适用。JavaScript中还有对象类型（也叫引用数据类型），对象类型的浅拷贝则只是拷贝了地址
2022-04-05 23:19:30
64
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人