javascript
星月前端
记录前端学习笔记
展开
-
js小数字保留两位有效位数或者多位-防止精度丢失-保留两位有效数字
前端开发在处理保留小数位数的时候遇到一个坑,**保留两位有效位数**,**保留两位有效位数:**例如:1.00000567,保留成1.0000057,有效数字的两位小数(上学时候好像学过这种数字,忘了,哈哈哈)翻了很长时间百度,没有找到直接能用的方法。。。于是自己封装了一下,记录一下,有用到的直接拿去。**先上处理方法的代码,拿去直接使用原创 2023-03-16 23:14:23 · 1385 阅读 · 1 评论 -
解决 .webp 格式图片在 ios 设备上无法正常显示的问题
使用字符串的 replace() 方法,将 webp 的后缀名替换为 jpg 的后缀名原创 2022-10-25 21:00:06 · 1799 阅读 · 0 评论 -
flexible.js的使用和flex屏幕的适配方案
flexible.js的使用和flex屏幕的适配方案。把屏幕平均分成10等份。比如1920/10= 192px,这个时候1rem就是192px,配合vscod插件cssrem快速适配,在style中使用媒体查询。在插件扩展设置中,把基准改为每一份的值,这里比如:1920/24 = 80,也就是把等分为24份,80px就是1rem。我们在适配的时候。比如要让屏幕在1024时候就停止适配,到1920以上也停止适配,那么可以使用媒体查询来设置,原创 2022-10-04 11:18:47 · 2727 阅读 · 0 评论 -
vue原理进阶笔记复习总结
【代码】vue原理进阶笔记复习总结。原创 2022-10-03 14:24:42 · 286 阅读 · 0 评论 -
vue原理进阶之发布订阅模式优化
vue原理进阶之发布订阅模式优化。理解发布订阅,关键是理解一对多1.了解了发布订阅模式的基础形态2.了解发布订阅可以解决什么样的具体问题(精准更新)1.数据响应式的实现无非是对象属性拦截,我们使用来实现,在vue3中使用Proxy对象代理方案进行了优化2.面试宝典上提到的几个专业名词observe对象指的是把数据处理成响应式的对象watcher指的其实就是数据变化之后的更新函数 (vue中的watcher有两种,一种是用来更新视图的watcher,一种是通过watch配置项声明的watcher)dep。原创 2022-10-03 14:18:53 · 177 阅读 · 0 评论 -
vue原理进阶之数据的变化反应到视图
vue原理进阶之数据的变化反应到视图。1.不管是指令也好,插值表达式也好,这些都是将数据反应到视图的标记而已,通过标记我们可以把数据的变化响应式的反应到对应的dom位置上去2.找标记,把数据绑定到dom的过程,我们称之为binding。原创 2022-10-03 14:12:34 · 940 阅读 · 0 评论 -
vue原理进阶之数据响应式
vue原理进阶之数据响应式。1.所谓的响应式其实就是拦截对象属性的访问和设置,插入一些我们自己想要做的事情2.在Javascript中能实现响应式拦截的方法有俩种,方法和Proxy对象代理3.回归到vue2.x中的data配置项,只要放到了data里的数据,不管层级多深不管你最终会不会用到这个数据都会进行递归响应式处理,所以要求我们如非必要,尽量不要添加太多的冗余数据在data中。原创 2022-10-03 14:07:56 · 472 阅读 · 0 评论 -
jQuery封装插件自动生成表格案例
index部分代码:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> tr, th, td { border: 1px solid blue; } </style>原创 2022-05-31 00:05:32 · 400 阅读 · 0 评论 -
jQuery实现模拟淘宝精品
鼠标移入到商品名字,中间显示对应的图片:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=.原创 2022-05-22 15:04:54 · 231 阅读 · 0 评论 -
jQuery实现鼠标移入突出显示
jQuery实现鼠标移入突出显示案例原创 2022-05-22 00:51:47 · 528 阅读 · 0 评论 -
js中Math对象(Math.PI、Math.random()、Math.floor()/Math.ceil()、Math.round()、Math.abs() 、Math.max())
1.求随机数:Math.random() <script> for (var i = 0 ;i <10 ;i++){ console.log(Math.random())} </script>Math.PI // 圆周率Math.random() // 生成随机数Math.floor()/Math.ceil() // 向下取整/向上取整...原创 2021-11-26 23:17:08 · 354 阅读 · 0 评论 -
js中删除对象的属性
function fun(){ this.name = '诗诗';}var obj = new fun();console.log(obj.name);delete obj.name;console.log(obj.name);原创 2021-11-26 22:54:42 · 182 阅读 · 0 评论 -
js中for..in语法可以遍历对象
var obj = {};for (var i = 0; i < 10; i++) { obj[i] = i * 2;}for(var key in obj) { console.log(key + "==" + obj[key]);}原创 2021-11-26 22:46:59 · 364 阅读 · 0 评论 -
js变量申明var是申明全局
<script>var a = 25;function abc(){ alert(a); var a = 10;}abc(); </script>var是声明全局变量,如果函数体内没有声明var全局a,则会去找全局a,如果已经声明则会找自身,声明前调用是变量提升不会报错但没有值所以在这里alert弹出undefiend......原创 2021-11-26 11:08:41 · 1281 阅读 · 0 评论 -
数组的基本操作未完待续
原创 2021-11-24 00:48:25 · 89 阅读 · 0 评论 -
js数组拓展
原创 2021-11-18 23:52:29 · 378 阅读 · 0 评论 -
js拖拽运动加模拟重力抛出小球
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</..原创 2021-11-12 01:09:26 · 128 阅读 · 0 评论 -
js简单模拟重力运动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</t.原创 2021-11-11 22:11:55 · 1196 阅读 · 0 评论 -
js弹性运动例子代码javascript弹性运动例子
分析弹性运动力和加速度的过程:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t.原创 2021-11-05 17:18:16 · 92 阅读 · 0 评论 -
js加速运动代码javascript加速度代码
js实现加速度div从左向右加速度运动!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t原创 2021-11-05 16:03:51 · 840 阅读 · 5 评论