前端问题

微信小程序通过uni-app进行全局分享 实际使用中,经常需要小程序分享到好友或者朋友圈,一般而言是一个个页面去设置. 官网分享介绍:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage 单页面每一个需要分享的页面多需要单独写上 copyexport default {

JS如何去掉小数末尾多余的0,并且最多保留两位小数 目录 js去掉小数末尾多余的0,并且最多保留两位小数 思路 js去掉小数点后面的0 (uniapp 和 vue比较适用) 总结 js去掉小数末尾多余的0,并且最多保留两位小数 比如: '' - 00.00 - 01 - 11.10 - 11.213000 - 1.211

使用JavaScript 定义自己的ajax函数 由于用原生js的方式发起的网络请求,都是以查询字符串的形式,提交给服务器的,用户以对象的形式提交参数的话会比较方便,所以需要把用户传递过来的参数对象进行处理,定义resolveData的函数,设置形参接收参数,遍历

JavaScript深入刨析this的指向以及如何修改指向 目录 this 方法中 对象中 隐藏的this 严格模式 可以改变this指向 this 老规矩先看代码: 方法中 function test(){ console.log(this); } 对象中 Person={ name:张三, eat:function(){ console.log(this) } } 在方法中,this表示该方法所

原生JS实现简单屏幕截图 目录 了解 HTML5 中的 Canvas 获取屏幕截图 结论 在 Web 开发中,截图是一项非常有用的技术.可以使用截图来记录当前屏幕状态,生成缩略图或进行屏幕分享等操作.在本文中,我将介绍如何使用原生 JavaScript 来实现截图功能. 了解

JavaScript 箭头函数的特点、与普通函数的区别 目录 1. 箭头函数的使用 1. 普通函数到箭头函数 2. 省略大括号和 return 3. 省略小括号 2. 箭头函数与普通函数的区别 1. 箭头函数的 this 是父级作用域的 this 2. call.apply.bind无法改变箭头函数的 this 3. 不可以

Webcomponentd组件内部事件回调及痛点剖析 目录 写在前面 WC 到底是什么? 目前存在的缺陷 1.组件内部事件的回调 2.组件样式覆盖 3.组件内部资源相对路径问题 4.form表单类组件 value 获取问题 5.其它 写在后面 写在前面 最近致力于研究 Web components(以下

前端进阶之教你利用javascript存储函数 目录 前言 背景介绍 实现方案思考 js存储函数方案设计 最后 总结 前言 任何一家Saas企业都需要有自己的低代码平台.在可视化低代码的前端研发过程中, 发现了很多有意思的技术需求, 在解决这些需求的过程中

html+css+js实现别踩白板小游戏 目录 背景简介 一.思路分析 二.页面搭建 2.1 HTML层 2.2 CSS层 2.3 JS层 2.3.1获取元素 2.3.2创建每一行div元素 2.3.3点击事件函数封装 2.3.4 方块移动函数封装 2.3.5 游戏开始 三.总结 背景简介 别踩白板这个游戏相信大家都玩过

JS前端的内存处理的方法全面详解 目录 一.内存的储存和代码执行的场所关系 1. 储存空间 2. 内存的生命周期 3. js 中的内存分配和使用 4. 调用栈下移ESP(记录当前执行状态的指针) 二. js中的垃圾回收机制 1. 引用计数法 2. 标记清除法(Mark-Sweep) 三.代

使用js实现动态背景 本文实例为大家分享了js实现动态背景的具体代码,供大家参考,具体内容如下 1.将下面的代码复制并存为js文件 window.onload = function () { //定义body的margin由默认值8px-0px document.body.style.margin = 0; document.body.style.background = #30333F; //创建

JavaScript实现橱窗展示效果 本文实例为大家分享了JavaScript实现橱窗展示效果的具体代码,供大家参考,具体内容如下 1.先搭架子 * { margin: 0; padding: 0; } .box { width: 800px; height: 190px; border: 1px solid #000; margin: 100px auto; } ul { list-style: none; display: flex; } ul im

详解JavaScript原型对象的this指向问题 目录 一.this指向 二.修改this指向 1.call()方法 2.apply()方法 总结 一.this指向 构造函数中的this 指向实例对象.那么原型对象this的指向呢? 如下: function Student(age,name){ this.age = age; this.name = name; } var that; Student.prototype

今天分享几个少见却很有用的 JS 技巧 1. 返回按钮 使用 history.back() 可以创建一个浏览器返回按钮. button onclick=history.back() 返回 /button 2. 数字分隔符 为了提高数字的可读性,您可以使用下划线作为分隔符: const largeNumber = 1_000_000_000; console.log(largeNumb

JS实战面向对象贪吃蛇小游戏示例 目录 思考 一.贪吃蛇效果图 二.贪吃蛇分析 2.1 开始游戏功能 2.2 运动功能 2.2.1 蛇的不同方向的运动 2.2.2 键盘控制方向运动功能 2.3 吃食物功能 2.3.1 食物的产生 2.3.2 吃食物的过程 2.4 死亡判定功能 2.4.1 触边死亡判