前端 项目react

django-rest-framework-从零开始-1-创建项目

django-rest-framework-从零开始-1-创建项目 1、下载模块 python -m pip install django python -m pip install djangorestframework 本次学习基于python3.9,python安装的绝对路径为F:\Pytho ......

《渗透测试》JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目 Day14

0、什么是JS渗透测试? 在Javascript中也存在变量和函数,当存在可控变量及函数调用即可参数漏洞 JS开发的WEB应用和PHP,JAVA,NET等区别在于即没有源代码,也可以通过浏览器的查看源代码获取真实的点。获取URL,获取JS敏感信息,获取代码传参等,所以相当于JS开发的WEB应用属于白 ......
amp 爬虫 架构 插件 框架

react循环与条件判断

react没有语法糖,循环和条件判断都是通过原生js来实现 1. 条件判断 // 三元表达式 const getDiv = (flag)=>{ return ( <div>XXX</div> {flag?<div>条件1</div>:<div>条件2</div>} ) } ... // if判断 c ......
条件 react

asp.net core项目依赖中project reference和Nuget Packages的关系

如果一个项目依赖其他项目,则相当于添加了被依赖项目的Nuget Packages,也就是说依赖包会被传递。比如: WebApi项目依赖Domain类库,Domain用来管理数据库上下文,那么只需要要再Domain中添加关于数据库的Nuget Packages,在WebApi项目中即可使用这些依赖包, ......
reference Packages project 项目 Nuget

vue/react关与key的面试题

虚拟dom中key的作用 当状态中的数据发生改变时,react会根据新数据生成新的虚拟dom,随后react进行新虚拟dom与旧虚拟dom的diff算法比较,比较规则如下: 1.旧虚拟dom找到了与新虚拟dom相同的key a.若虚拟dom中的内容没变,则使用之前的真实dom b.若虚拟dom中的内 ......
react vue key

【笔记】electron + react + antd

electron Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Li ......
electron 笔记 react antd

tomcat项目https证书密钥查看的位置

tomcat项目https证书密钥,可以在tomcat下sever.xml中查找 ......
密钥 证书 位置 项目 tomcat

在Vue项目中为何要重写push和replace

0.前言 为啥要重写push和replace,主要是你不写他会报错啊,为啥会报错呢,主要是因为函数式路由push方法返回的是一个promise对象,我们知道promise对象是有成功回调和失败回调的,但是我们并没有传入相应的回调就会出错。所以需要进行重写 1.重写$router.push 首先把原本 ......
replace 项目 push Vue

mail_api_flask 接口开发及uwsgi部署项目

一、项目代码 #vim /usr/local/src/mail_api_flask/run.py """ mail_api_flask 为基于Flask web框架开发的在线发送邮件api,实现功能复用。支持html模板邮件。 """ from flask import Flask from fla ......
mail_api_flask 接口 项目 flask uwsgi

React 限制 Props 和 State 类型

下面是 Component 的接口,P 代表 Props、S 代表 State。 interface Component<P = {}, S = {}, SS = any> extends ComponentLifecycle<P, S, SS> { } 所以,在 tsx 中写两个类型进行约束就可以 ......
类型 React Props State

web-lottie 前端动画效果

资源 http://airbnb.io/lottie/#/web lottie 官网 动画的实现逻辑借用官网的一句话 Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects anim ......
前端 web-lottie 效果 动画 lottie

react项目中聊天界面新增对话自动滚动到底部

class组件写法1 class Messages extends React.Component { const messagesEndRef = React.createRef() componentDidMount () { this.scrollToBottom() } componentD ......
界面 项目 react

前端已死?后端已亡?弯弯绕绕,几分真几分假

前端已死,我认为更多的是一种焦虑情绪的表达,市场确实不太好,但这并不是针对前端,是整个互联网行业衰败的表现而已,对此持不同意见的怕是只剩培训机构了吧!毕竟唱衰的永远是打工人,唱兴的都是培训班。打心底讲!如果一个前端,工作3年,只会Vue2/React,看不懂框架报错、看不懂请求异常、连给浏览器打断点... ......
前端

前端vue获取后端返回的富文本内容不是标签是转义字符解决方法

新手的我就直接上代码 template部分(UI框架用的vant) <template> <div class="common-bg"> <van-nav-bar title="消息中心" left-arrow :fixed="true" :placeholder="true" @click-lef ......
转义 前端 字符 文本 标签

服务器内存占用高,如何排查是哪个项目占用的资源?

服务器内存占用高,如何排查是哪个项目占用的资源? 最直观的查看方式 ps -e -o pid,user,%mem,command --sort=-%mem | head A1 要查看服务器上的哪个项目占用资源,可以执行以下步骤: 使用 top 命令查看哪些进程占用了服务器的内存。打开终端,输入 to ......
内存 服务器 项目 资源

react的diff算法

diff策略 React用 三大策略 将O(n^3)复杂度 转化为 O(n)复杂度 策略一(tree diff): Web UI中DOM节点跨层级的移动操作特别少,可以忽略不计。 策略二(component diff): 拥有相同类的两个组件 生成相似的树形结构, 拥有不同类的两个组件 生成不同的树 ......
算法 react diff

前端导出表格方法

exportMyReport(){ let userInfo = JSON.parse(this.user) let data = new FormData();//接口参数格式 data.append('userid',userInfo.userId); data.append('roleid', ......
前端 表格 方法

java 执行 同一个项目不同的main方法

1、多个main方法,通过idea的方式打包 2、在执行的时候 java -cp /data/dolphinscheduler-install/jars/dolphoinscheuler-demo.jar cn.iullor.TestExceptionMain java -cp /data/dolp ......
方法 项目 java main

vue3+ts初学之创建一个vue3项目

(1)使用vue-cli创建: ## 安装或者升级 npm install -g @vue/cli ## 保证 vue cli 版本在 4.5.0 以上 vue --version ## 创建项目 vue create my-project 然后的步骤: Please pick a preset - ......
vue3 vue 项目 ts

Javaweb学习-书城项目相关

资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ,本人才疏学浅,记录笔记以供日后回顾 由于是多个视频内容混合在一起,因此只放了第一个链接 本文参考价值不高,随便写写罢了 视频链接 讲师的大致思考逻辑及需要实现的功能 第一日内容: 1. 需求分析 2. 数据库设计 1) 实体分析 - ......
书城 Javaweb 项目

《前端serverless 面向全栈的无服务器架构实战》读书笔记

第1章 什么是severless 什么是NoOps 利用自动化运维代替手工运维模式 什么是severless 开发者无需关注服务器资源配置情况、部署情况、操作系统以及依赖软件等在内等所有细节,这一切都由平台完成,开发者只需要专注于业务实现。 serverless是指在应用的构建环节或应用环节都无需对 ......
前端 serverless 架构 实战 服务器

idea不同页面多开项目

......
页面 项目 idea

idea导入boot项目后改名字

效果图: 步骤: ......
项目 idea boot

IDEA Rebuild项目错误:Information:java: java.lang.AssertionError: Value of x -1

模仿lombok工具,我的enumgen工具写完了。 公司的项目emax-rpcapi-list依赖了enumgen后,IDEARebuild Project时,或者maven package/install的时候,出现报错→Information:java: java.lang.Assertion ......

解决黑马智慧物业管理系统项目搭建问题2月23日

今天是整了大半天,浪费了很多时间。一直报的错就是找不到1、类似于这个错误,分明在pom文件中添加了springframework依赖,但还是不行,后又严格按照黑马的环境配置进行操作。但感觉都是些编码格式问题,我猜测关键是因为下载了黑马的repository文件,估计是里面的包很全,所以在Maven里 ......
黑马 物业管理 物业 智慧 项目

前端常见的十种布局

前端布局可以说是每个前端工程师必须掌握的知识,不同的布局能够给用户带来不一样的体验,好的更是能瞬间吸引用户。小白大佬都请进! ......
前端 布局 常见

前端安全问题——暴破登录

暴力破解登录是一种常见的前端安全问题,攻击者尝试使用不同的用户名和密码组合来登录到受害者的账户,直到找到正确的用户名和密码组合为止。攻击者可以使用自动化工具,如字典攻击、暴力攻击等来加快攻击速度。 ......
前端 问题

阿里云OSS前端直传+net core后端签名

OSS前端直传+后端签名 一、服务端签名后前端直传 首先安装阿里云SDK Aliyun.OSS.SDK.NetCore public static string accessKeyId = "你的accessKeyId"; public static string accessKeySecret = ......
前端 core OSS net

在Vue3+TypeScript 前端项目中使用事件总线Mitt

事件总线Mitt使用非常简单,本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中,经常会通过emits 触发事件来通知组件或者页面进行相应的处理,不过我们使用事件总线Mitt来操作一些事件的处理,也是非常方便的。 ......
前端 总线 TypeScript 事件 项目

前端性能精进之浏览器(五)——JavaScript

JavaScript 是一种通过解释执行的高级编程语言,同时也是一门动态、弱类型的直译脚本语言,适合面向对象(基于原型)和函数式的编程风格。 直译语言可以直接在解释器中运行,而与直译语言相对应的编译语言(例如 C++),要先将代码编译为机器码,然后才能运行。 不过直译语言有一个弱点,就是如果有一条不 ......
前端 JavaScript 浏览器 性能