组件 步骤 前端 横向
前端使用highcharts报错“Error: Highcharts error #13”
报错情况如下： 错误原因： 查找了下这个错误，图形容器无法找到，会导致报这个错误，两个页面都在使用同一个容器id时可能也会导致这样的问题，我遇到的是后者。。。。所以就改了一id然后就成功解决 如果是前者：建议 ： 检查一下界面文件路径，或者F12查看一下是否有对应的图形容器 ......
前端使用highcharts绘制3D圆环图报错 “this.chart.is3d is not a function ”
废话不多说直接上解决办法： 需要在main.js中添加如下代码： import highcharts from 'highcharts' import highcharts3d from 'highcharts/highcharts-3d' highcharts3d(highcharts) ......
swoft2.x 扩展elasticsearch 组件
扩展elasticsearch 的 组队 官网上好像并没有这个文档。找了一下有大佬补充的 在此感谢大佬 composer require limingxinleo/swoft-elasticsearch 请注意elasticsearch 文件位置。 // 每一个ES服务地址，是一个数组，支持配置详细 ......
linux安装Elasticsearch详细步骤
坑都已经踩好了 照着步骤一次成功 不多废话 走起 # ## 安装java运行环境 elasticsearch是用Java实现的 跑elasticsearch必须要有jre支持 所以必须先安装jre 传送门 ： # ## 安装elasticsearch-7.8.1 也可以去官网下载 https://w ......
前端Vue项目打包性能优化方案
一.前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面 ......
前端，将图片转为base64格式后保存至数据库
调用上述函数，因为onload回调是异步的，需要等图片转换成功后使用base64图片路径，所以需要包在promise实例内抛出去 this.imgBase().then(baseUrl =>{ // 使用成功回调拿到图片处理成功后的格式 }) ......
前端已死？金三银四？你收到offer了吗？
最近在脉脉、知乎等平台都有人在渲染前端从业人员的危机，甚至使用“前端已死”的字眼，颇有“语不惊人死不休”的意味，对老鸟来说，这关乎职业寿命，关乎生活，但因为浸淫行业多年，个中变化比较了解，应该不会太受影响，对新人可能就有误导了，甚至不敢入行。 ......
Android开发-Android常用组件-ScrollView滚动条
4.10 ScrollView(滚动条) 我们可以直接利用ScrollView给我们提供的:fullScroll()方法。 scrollView.fullScroll(ScrollView.FOCUS_DOWN); 滚动到底部 scrollView.fullScroll(ScrollView.FOC ......
Android开发-Android常用组件-SeekBar拖动条
4.9 SeekBar拖动条 android:max 滑动条的最大值 android:progress 滑动条的当前值 android:secondaryProgress 二级滑动条的进度 android:thumb 滑块的drawable 接着要说下SeekBar的事件了，SeekBar.OnSe ......
pinia如何在组件外使用并修改 store？
问题 在 vue3 + pinia 开发中，使用了自定义指令 directives，指令实现在独立的 js 文件中，想通过监听 dom 元素的变化修改 pinia 的 state 状态，直接在初始化调用 store 函数， directives/index.js import { useLayerS ......
react学习（一）（react特点，创建react项目，jsx语法，函数组件和class组件，样式写法，条件语句，遍历数组和点击事件，表单处理）
React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性 ......
轮播图组件swiper之两个轮播图同步
试用下一个swiper轮播图作为另一个swiper轮播图的分页器，解决同步问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="I ......
记一次前端页面切换卡死的排查经历
这是一个老项目的新迭代，项目由element admin改编而来，bug的症状是：来回切换页面，有概率页面卡死。 我首先怀疑是内存泄漏导致了页面卡死，因为有几个页面请求了很多的数据，页面中还用到了一些定时器。 首先尝试通过chrome的performance和memory来查看内存和性能的变化，但是 ......
Vue3中修改父组件传递到子组件中的值
Vue3中修改父组件传递到子组件中的值1.大家都知道，vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候，控制台就会报出错误，说不让你对父组件传递的值进行修改。2.那么，尤大大为了解决这个问题，在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也 ......
一文搞定：前端如何选择Angular、React和Vue三大主流框架
在前端开发领域，目前最流行的三个框架是Angular、React和Vue.js。这些框架非常高效，并且它们各自具有一系列的优缺点。 在AI辅助编程工具**CodeGeeX的后台中，也看到有大量的前端开发者使用这三个框架，并且Vue的使用率在CodeGeeX**的后台中，持续走高。接下来我们针对Ang ......
恢复lazarus使用anchorDocking和dockedformeditor后出现ide乱的步骤
恢复lazarus使用anchorDocking和dockedformeditor后，很容易因使用时不小心拖动form后出现越调越的情况，经模索发现将environmentoptions.xml删除后，再运行lazarus，当出现这提示时，重新设置一下 ......
前端网页分辨率测试工具
以下代码存为html即可 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht ......
vue3 - 引入自定义插件的组件的具体写法
1.背景 我的这一篇随笔详细讲解组件怎么制作与引入使用【vue3 - 在单独的项目制作自定义组件插件，支持vite【前提不要使用webpack专属语法】，并引入插件 -心得 - 岑惜 - 博客园 (cnblogs.com)】 但在局部引入组件时，eslint红色警告 引用名言：“又不是不能用==” ......
前端性能精进（七）——构建
前端构建是指通过工具自动化地处理那些繁琐、重复而有意义的任务。 这些任务包括语言编译、文件压缩、模块打包、图像优化、单元测试等一切需要对源码进行处理的工作。 在将这类任务交给工具后，开发人员被解放了生产力，得以集中精力去编写代码业务，提高工作效率。 构建工具从早期基于流的 gulp，再到静态模块打包 ......
微信小程序自定义封装组件-showModal
封装一个组件 这里由于最近使用微信小程序居多，所以着重写的是小程序的，但是万变不离其宗，组件实现思路其实都差不多的 微信小程序开发中官方自带的wx.showModal，这个弹窗API有时候并不能满足我们的弹窗效果，所以往往需要自定义modal组件。下面我们进行一个自定义modal弹窗组件的开发，并进 ......
解决更改HTML代码，浏览器打开前端页面却没有改变
问题描述 解决更改HTML代码，浏览器打开前端页面却没有改变 问题解决 第一种方法：重启IDEA（HTML的编辑器） 第二种方法：消除对应浏览器里面Cookie数据（亲测有效！） ......
A卡配置sovits4.0（AI配音/翻唱）详细步骤参考（Ubuntu20.04）
之前用A卡配置过AI绘画，最近发现AI配音/翻唱挺火的，这里也来尝试一下。（N卡用户直接使用整合包就行，别来凑热闹） 一、基础环境配置 最开始的步骤还是一样，安装双系统、显卡驱动、ROCm，步骤和之前一样，就不重复写了，可以去看我之前Novel的文章 https://www.cnblogs.com/ ......
两个电脑如何共用同一套鼠标键盘？键鼠共享 | Mouse Without Borders（无界鼠标）安装步骤总结
最简单的办法当然是买个三模键盘鼠标。但是我没有钱，所以就自己安装软件解决 1 安装 Mouse Without Borders 下载地址 https://mouse-without-borders.en.softonic.com/download 如果之前已经安装，先卸载，然后两台电脑安装同一版本的 ......
Java学习笔记(十二) 前端基础1
Web前端基础 初识web前端 网页由哪些部分组成? 文字 图片 音频 视频 超链接等 我们看到的网页, 背后的本质是什么? 程序员写的前端代码 前端的代码是如何转换成用户眼中的网页的? 通过浏览器转化(解析和渲染)成用户看到的网页 浏览器中对代码进行解析渲染的部分, 称为浏览器内核 不同的浏览器, ......
Java学习笔记(十三) 前端基础2
Ajax 介绍 概念: Asynchronous JavaScript And XML, 异步的JavaScript和XML 作用: 数据交换: 通过Ajax可以给服务器发送请求, 并获取服务器响应的数据 异步交互: 可以在不重新加载整个页面的情况下, 与服务器交换数据并更新部分网页的技术, 如: ......
团队作业-前端页面大体展示
这周我们大体完成了系统的主要页面，后端代码正在完善中。 页面展示： 部分代码： <body> <div class="container"> <div class="header clearfix"> <a class="pull-right user_icon" href="javascript: ......
浅谈ChatGPT如何取代前端开发工程师
1.ChatGPT 是什么? ChatGPT 是一种基于深度学习的自然语言处理技术，它可以生成高质量的自然语言文本。该技术是由 OpenAI 团队 开发，旨在使计算机能够像人类一样理解和产生自然语言。ChatGPT 使用了深度神经网络和自然语言处理技术，通 过对大量语言数据的学习和建模，实现了自然语 ......
前端通过Swagger生成相关接口文件
1.Swagger 多分组 在很多大型系统中，为了方便对接口进行归类，往往使用了 Swagger 多分组功能，这样会使系统的接口散落在多个 swagger.json 中。 将SpecificationDocumentSettings属性的EnableAllGroups设置为true。 启用之后在 S ......