前端开发
-
React：tabs或标签页自定义右击菜单内容，支持内嵌iframe关闭菜单方案 不管是react、vue还是原生js，原理是一样的。 注意如果内嵌iframe情况下，iframe无法使用事件监听，但是可以使用iframe的任何点击行为都会往父级window通信，使用window的message事件监听即可。 场景 前端自定义标签页，一个标签对应一个路由页面，通过切换标签快速切换不同应用或者页面 代码 变量 state = { contextMenuIndex: '', // 右击菜单索
2024-12-02 -
现在React框架面试基本上都会有性能优化这个专题,所以为了加强学习,写下了这个笔记(血与泪的教训) 本文是结合实践中和学习技术文章总结出来的笔记(个人使用),如有雷同纯属正常((✿◠‿◠)) 1. shouldComponentUpdate Purecomponent是react官方为了阻止不必要的更新而设计的,,在shouldComponentUpdate上对组件更新前后的 props 和 state 做了浅比较 此处我们拿一个小demo来测试,代码如下: import React from
2024-12-02 -
这段HTML和CSS代码是一个SVG动画的示例，它描述了一个包含猫咪和笔记本电脑的复杂场景 HTML <div class="content"> <div class="container"> <svg id="bongo-cat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 787.3 433.8">
2024-12-02 -
在构建现代网页的过程中，层叠样式表（CSS）扮演着至关重要的角色。它不仅负责定义HTML元素的视觉表现，还极大地增强了Web内容的可访问性和用户体验。本文将深入探讨CSS的语法、书写位置、以及如何有效地使用CSS来优化你的网页设计。 CSS选择器简介 CSS选择器是用于选择要添加样式的HTML标签的一种方法或模式。首先学习CSS2.1版本的七种选择器：基础选择器（标签选择器、id选择器、类选择器、通配符选择器）和高级选择器（后代选择器、交集选择器、并集选择器）。 基础选择器 标签选择器 通过标签
2024-12-02 -
前端开发切入第三方页面显示不全问题解决方案 遇到的问题是第三个模块切入第三方的页面；显示不全；没法适配，在现有的容器中是没法装下第三方页面的内容，大部分溢出了，而且第三方页面写了最小高度和最小宽带控制，如下图所示 因为是第三方的页面，没法修改他们的东西，也没法要求他们修改东西，而且他们不乐意配合我这边工作， 最后我是这样解决的；采用CSS transform 属性；transform 属性向元素应用 2D 或 3D 转换。允许我们对元素进行旋转、缩放、移动或倾斜。结合transform-or
2024-12-02 -
编写思路： 1.使用strong标签依次加粗logo，完成结构； 2.使用CSS样式中的通配符选择器，此选择器可以匹配页面中的所有元素，来实现logo一次性修改字号大小； 3.在H5结构中使用class定义类名，以及使用id进行标识，方便在CSS中引用，由于G和g、o和e颜色一致，所以可以定义为相同类名，使用类选择器，另外两个使用id选择器，需特别注意的是：类名的第一个字符不能是数字且严格区分大小写；id选择器只能只能定义一个id名，id名不要相同，方便之后 JS调用。 4.在头部文件中编写CS
2024-12-02 -
脚手架是什么 一套项目的主体结构，包括开发过程中用到的工具、环境配置、模块划分等 主体结构全部搭建好了，我们可以利用这个主体结构直接去开发，完成我们的需求，而不用花时间再去配置项目需要用到的东西 vue-cli是什么 vue-cli3.x学习了rollup（零配置思路），所以在项目初始化之后，没有了之前的那些配置文件。这是因为vue-cli3帮我们解决了绝大部分的webpack配置 注意 不建议全局安装webpack，因为不同项目内部依赖的webpack版本可能不同，全局安装之后可能存在冲突
2024-12-02 -
![chrome浏览器没有触发保存密码提示[解决方案]](https://jss.bangwoyixia.com/image/科技/17.jpg)
chrome浏览器没有触发保存密码的原因：bd上看了许多的解决方式，能看懂的不多，大都是CV，看看这篇文章应该能解决你的困惑。 原因出在以下几个方面： 一，浏览器设置 二，代码 表单缺少form-input-username-password标识 解决方式：form结构，input：type="text" , input:type="password", input:type="submit"这几个需要标识清楚，并且autocomplete属性切勿设置为off
2024-12-02 -
前端请求，登出方法 // user logout logout({ commit, state }) { return new Promise((resolve, reject) => { logout(state.token).then(() => { removeToken() // must remove token first resetRouter() commit('RESET_STATE')
2024-12-02 -
html <div class="box" id="echartModel" style="background-color: #191e3e;"></div> js $(function(){ var myChart = echarts.init(document.getElementById('echartModel')); option = { title: { /*text: '世界人口总量',*/
2024-12-02