javascript经验 网页 项目
Net 6环境下的.net core项目里如何使用AutoMapper实现依赖注入
注: AutoMapper 是一个对象-对象映射器,可以将一个对象映射到另一个对象。 一、在Nuget引入AutoMapper、AutoMapper.Extensions.DependencyInjection这两个NuGet包 ![img](https://img2023.cnblogs.com/ ......
uniapp项目实践总结(五)自定义底部导航栏
> 在底部导航栏这个模块,很多时候默认的样式不符合我们的设计规范和需求,因此需要自定义底部导航栏,这样可以满足我们的需求,也可以更加个性化,增加用户体验,下面就介绍如何自定义底部导航栏。 ## 目录 - 准备导航素材 - 配置页面导航 - 自定义导航栏 ## 准备导航素材 要自定义底部导航栏,我们需 ......
uniapp项目实践总结(四)安装和使用一个插件市场的插件
> 这篇文章主要介绍如何安装和使用一个插件市场的插件的方法。 ## 目录 - 查找插件 - 安装插件 - 使用插件 ## 查找插件 打开插件市场:[https://ext.dcloud.net.cn/](https://ext.dcloud.net.cn/) 例如我们项目中要用到富文本渲染的内容,可 ......
从零开始一个vue3前端项目day02-vite配置篇
完成了路由的配置,就准备进行页面开发等了 ,与此同时我们也要对所使用到的组件库进行一个引入和配置 本次项目采用element-plus组件库全局导入肯定是不可取的,推荐参照官网的按需自动引入 然后就是导入文件路径配置 在项目中我们想import文件使用.././这种方式引入非常麻烦,所以我们可以配置 ......
how to get the SVG document content that inside a object tag in javascript
# how to get the SVG document content that inside a object tag in javascript > object tag & SVG document content in javascript ## demos ```js ``` ![im ......
从零开始一个vue3前端项目day02-路由配置
把整体项目框架搭建好之后,首先就是对我们的路由进行配置 模块化配置路由,不同页面的路由配置单独放在文件里 config文件用来放路由守卫配置 这里来说一下路由守卫的作用, https://router.vuejs.org/zh/guide/advanced/navigation-guards.htm ......
javascript进行中文分词
分词工具:cncut // 下载方式: // npm npm i cncut // yarn yarn add cncut const cncut = require("cncut") const cn = cncut() console.log(cn.cut("你是不是傻啊").join("/") ......
未来芯片设计领域的药明康德——青芯如何在N个项目间游走平衡
总部位于上海张江的青芯半导体(CyanSemi),ASIC定制设计是其核心业务之一。 青芯在单纯的设计服务维度之上,打造了从设计到生产的一套完整ASIC定制业务,不仅做芯片设计,还提供封装、测试服务,也包括生产端的验厂和品控等环节,甚至能根据供应链和制造端的实际情况来反向调整和优化芯片设计阶段的工作 ......
JavaScript 闭包
## 前言 闭包(Closure)是JavaScript中一个非常重要的概念,指的是函数可以访问其词法作用域以外的变量。简单来说,当一个函数内部定义的函数引用了外部函数的变量时,就形成了闭包。 要理解闭包,首先需要了解词法作用域(也称为静态作用域)。词法作用域是指在代码编写阶段就确定了变量的作用域, ......
JavaScript 防抖&节流
JavaScript的防抖(Debouncing)和节流(Throttling)是两种用于优化高频率事件处理的常见技术。它们都可以限制事件的触发频率,以减少过度触发事件处理函数而导致的性能问题。 ## 防抖(Debouncing) 防抖是指在事件被触发后,等待一定时间再执行事件处理函数。如果在等待时 ......
node、npm版本升级,同时解决升级后vue项目运行报错
升级node和npm 1、首先,需要确定当前安装的Node.js的版本。可以通过在命令行中运行以下命令来查看: node -v 2、如果当前版本较旧,可以考虑升级到最新版本。可以访问Node.js官方网站(https://nodejs.org/)下载最新的Node.js安装包。 不想下载最新的版本, ......
网页编辑器实现WORD粘贴公式自动上传
自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受, ......
Airbnb 爱彼迎 visx 项目介绍
Airbnb 爱彼迎 visx 项目介绍 Airbnb爱彼迎技术团队 家在四方 150 人赞同了该文章 历经四年的研发,三年爱彼迎生产环境的实战,在使用 Typescript 重新编写之后,我们的 Airbnb 爱彼迎 visx 已经迭代到v1.6.1版本! 今天,我们想围绕 React 底层可视化 ......
分享 7 个和安全相关的 JavaScript 库,守护你的应用
分享 7 个和安全相关的 JavaScript 库,守护你的应用 首发2023-08-09 16:00·前端达人 转载说明:原创不易,未经授权,谢绝任何形式的转载 在JavaScript开发的世界中,安全性是保护应用程序免受潜在威胁和漏洞的至关重要。幸运的是,开源社区贡献了各种强大的安全库,可以加强 ......
使用SpringBootAdmin监控项目基本状态
一、概述 当项目上线以后,开发/运维人员想要快速了解项目运行的健康状态。此时要怎么办,可以敲命令行查看服务器以及项目状态,单这样做太过于繁琐,且不够一目了然。有没有好心人帮我们把这块简化并且有可视化界面呢。答案当然是肯定的。那就是社区给出的开源插件SpringBootAdmin。非常简单,只需要两三 ......
Java学习经验总结
【阶段一】 1⃣Java基础阶段:学习Java的基本语法。 前端基础学习:HTML+CSS+JavaScript,作为后端开发,前端部分只要了解一些基础,方便后面做项目。 2⃣数据库+包版本工具+linux:数据库主要学MySQL,而包版本工具主要学Maven,linux的话主要学学基本的命令即可。 ......
vue项目切换语言方法
随便打开一个网页 右键 - 审查元素 粘贴入以下代码: var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javas ......
git 命令提交项目
git initgit statusgit commit -m "add 初始化项目"git config --global user.name "sf2022"git config --global user.email "zhuqiufa@163.com"git remote add origi ......
使用 pywebio 实现简易的工具箱网页(带登录态)
# 使用 pywebio 实现简易的工具箱网页(带登录态) ## 背景说明 简单做一个网页放个人服务器,展示一些自己常用的工具脚本,而且支持直接在网页运行工具,这样方便自己随时随地需要触发一些任务。 由于是直接在个人服务器上运行脚本,需要有一定的权限控制,避免被其他人误操作。因此采用 pywebio ......
2023.8.30项目部署
今天主要是遇到了项目部署的问题。 在程序设计流程中,这个一个繁琐但是又是必须的过程。 程序的使用者(即用户)需要的产品首先是操作简单,再次为页面的美观,这两个要求是我要一直坚持且不断精进的。 无论现在遇到怎样的困难,都希望自己能够坚持着解决,静下心来,慢慢来。 ......
[JavaScript]移动端/解决scroll和touch事件的冲突/冒泡
假设有一个抽屉式菜单,根据手指的touch是会跟着动的,在面板任何地方右拉都会触发抽屉菜单的出现。 菜单隐藏的时候右边的内容是overflow:scroll的 这个时候滑动sroll的同时手指向右都会唤醒抽屉菜单,但是是不允许的。 其实按理来说右侧的面板内容如果一直不跳出文档流,也可能不需要额外处理 ......
uniapp项目实践总结(三)全局公共组件和样式以及方法的使用
# uniapp 项目实践总结(三)全局公共组件和样式以及方法的使用 > 上一篇讲解了如何创建一个新的 uniapp 项目,这篇来讲解以下如何注册和使用全局的公共组件,全局样式和全局方法。 ## 目录 - 目录结构 - 公共组件 - 公共样式 - 公共方法 ## 目录结构 创建好项目以后,可以先初始 ......
使用docker安装chatgpt项目潘多拉(基于windows环境)
该教程相当于本地部署了chatgpt项目,不用魔法上网,直接通过127.0.0.1:8899就可以直接使用chatgpt,同时还提供了使用token认证的方式去登录,token有效期为14天,意思就是 14天内,只要不清空浏览器的缓存,直接使用127.0.0.1:8899就可以直接使用,就是这么方便 ......
使用docker安装chatgpt项目潘多拉(基于linux环境)
我的是centos 7.6的系统,命令如下 安装yum-utils软件包(提供yum-config-manager 实用程序)并设置存储库 sudo yum install -y yum-utils sudo yum-config-manager --add-repo https://downloa ......
网页全终端h5浏览器视频流解决方案RTSP/FLV/HLS
#背景 项目上需要基于视频巡检,在线勘查填写定制表单,减少巡检成本。 巡检根据不同的筛选项精准获取视频播放地址,查看视频,根据直播在线情况,验收现场。 本文着重讲前端部分视频流展示解决方案。 # 调研 流媒体(streaming media)是指将一连串的媒体数据压缩后,经过网上分段发送数据,在网上 ......
mall :rabbit项目源码解析
[TOC] ## 一、mall开源项目 ### 1.1 来源 **mall学习教程**,架构、业务、技术要点全方位解析。mall项目(**50k+star**)是一套电商系统,使用现阶段主流技术实现。涵盖了SpringBoot 2.3.0、MyBatis 3.4.6、Elasticsearch 7. ......
TS - ts 项目中,在 Vite 中配置了路径别名还是提示模块未找到
光在 Vite 中配置还不行,启动项目之后运行不会报错,正常导入模块。 ```ts export default defineConfig(({ command, mode }) => { return { resolve: { lit:[alias: { "@root": path.resolve ......
如何使用Python的Selenium库进行网页抓取和JSON解析
随着互联网的快速发展,网页抓取和数据解析在许多行业中变得越来越重要。无论是电子商务、金融、社交媒体还是市场调研,都需要从网页中获取数据并进行分析。Python的Selenium库作为一种自动化测试工具,已经成为许多开发者的首选,因为它提供了强大的功能和灵活性。本文将介绍如何使用Python的Sele ......
网络渗透基础之JavaScript(上)
JavaScript用法 HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。 Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中,下面是一个例子。这个例子是把JavaScript代码放在<bod ......