前端 项目react
易基因2023年度DNA甲基化研究项目文章精选
大家好，这里是专注表观组学十余年，领跑多组学科研服务的易基因。 2023年，易基因参与的DNA甲基化研究成果层出不穷，小编选取其中5篇不同方向的论文与您一起来回顾。 01、易基因微量DNA甲基化测序助力中国科学家成功构建胚胎干细胞嵌合体猴，登上《细胞》封面 （cell / IF 64.5） 02、o ......
【译】自制前端玩具框架
内容来源于“Let’s learn how modern JavaScript frameworks work by building one”，我在本文中不会逐字翻译，只会将关键部分列出。 React 是一个很棒的框架，但本文要实现的“现代 JavaScript 框架”是指“后 React 时代的 ......
盘点前端的那些Ajax请求：从ES5到React
说起前端开发，Ajax请求是绕不开的技术点。然而，程序语言更新换代越来越快，Ajax请求的方式也是各有不同。 在使用ES5开发的时候，我们还在使用最原始的XMLHttpRequest对象： // createXHR函数，返回浏览器支持的异步请求对象 function createXHR() { if ......
【UniApp】-uni-app-处理项目输入数据(苹果计算器)
前言 上一篇文章完成了项目的基本布局，这一篇文章我们来处理一下项目的输入数据 项目的输入数据主要是通过按键来输入的，所以我们需要对按键进行处理 那么我们就来看一下 uni-app-处理项目输入数据 步入正题 在上篇文章中，我在 data 中定义了一个 buttons 每个元素中，有一个 func 属 ......
用户输入url，前端如何接收数据
获得用户输入的 URL： 你可以使用一个表单，然后通过一个 state hook (例如：useState）来获取和存储用户输入的 URL。 const [url, setUrl] = useState(''); const handleChange = (event) => { setUrl(ev ......
【UniApp】-uni-app-项目实战页面布局(苹果计算器)
前言 经过前面的文章介绍，基本上 UniApp 的内容就介绍完毕了 那么从本文开始，我们就开始进行一个项目的实战 这次做的项目是苹果计算器，这个项目的难度不是很大，但是也不是很简单，适合练手 创建项目 打开 HBuilderX，点击左上角 文件 -> 新建 -> 项目： 搭建基本布局 项目创建完毕之 ......
接手了个项目，被if..else搞懵逼了
项目会最终沦为屎山，但是作为一个有追求的研发，我们就应当从每个小的if else着手，至少让当前这个项目在你维护期间，让其发展成屎山的速度变慢一些，或者能替之前的老前辈还掉一些技术债才是最好的，各位小伙伴你们觉得呢？ ......
React 基础 —— 各种 hooks 的使用场景
hooks 1. useRef ref 属于组件实例的共享变量（相当于class 组件中的 this.xxx）。直接修改 ref.current 不会触发组件的重渲染。 Caveats ① 常用于事件处理函数中共享与读写 ref import { useRef } from 'react'; exp ......
前端学习笔记DAY3 HTML5基础（3）（b站pink老师）
二.HTML标签 6.表格标签 1.1 表格的主要作用 表格不是用来布局页面的,而是用来展示数据的。 1.2 表格的基本语法 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> （1）. <table> </table> 是用于定义表格的标签 ......
记录--前端验证码破解
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近受够了公司内部站点每次登陆都需要填写用户名和密码，还有输入验证码。 要是能够直接跳过登陆页面就好啦。 说干就干，决定使用油猴插件实现自动登陆功能。 其中最难解决的就是验证码破解，花了一天的时间完美解决，现在整理出来。 1.分析验证码 ......
前端项目练习(一) ---美食美客网页制作
项目名称：美食美客网页制作 技术栈：HTML + CSS 背景：熟悉使用HTML、CSS的使用 一、HTML代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport ......
IIS部署vue项目
【第一步】安装IIS {1）打开控制面板 -> 打开程序和功能 -> 打开启用或关闭windows功能 （2）找到 Internet Information Services 勾选【web管理工具】和【万维网服务】，然后 确定 【第二步】安装URL重写模块 1). 安装URL Rewrite，下载地 ......
短视频直播系统，前端比较常见的几种动画实现方式
短视频直播系统，前端比较常见的几种动画实现方式 我整理了如下的6种方式，接下来我们以最简单的例子，一个div从左到右移动一定的距离，分别看看这几种方案的具体实现。如有不妥还望指正。 一、CCS animation 这里省略了html部分，我们直接看css: .box{ height: 100px; ......
项目 部署到服务器中 访问 带中文的 项目资源路径时 404
首先资源是在项目的内部，项目在本地好好的 放到linux 中发现访问英文路径的资源没有问题，但是访问带中文的资源就404. 将服务器的编码改成GBK 解决问题 在设置编码的文件中加上这两行配置 LANG="zh_CN.GBK" LC_ALL="zh_CN.GBK" 我的是centos7 所以是 vi ......
一款基于.NET Core的快速开发框架、支持多种前端UI、内置代码生成器
前言 经常看到有小伙伴在技术群里问有没有什么好用且快速的开发框架推荐的，今天就给大家分享一款基于MIT License协议开源、免费的.NET Core快速开发框架、支持多种前端UI、内置代码生成器、一款高效开发的利器：WalkingTec.Mvvm框架（简称WTM）。 官方项目介绍 Walking ......
打包c#项目时.mdf和.ldf拒绝访问
首先确保数据库服务已经停止 右击.ldf文件（.mdf和.ldf是一样的操作，因为我.mdf已经操作过了所以这里用.ldf演示） 选择属性，选择安全 点击高级 点击更改，输入名称（我输入的是电脑启动之后会显示的用户名），之后点击检查名称点击确定 点击应用，确定，确定 刷新一下文件夹界面，再打开属性， ......
003元素定位方式与项目demo创建
一、环境搭建 1、创建项目，添加java-client依赖包 新建maven项目，引入java-client依赖包 2、创建并编写代码 测试运行以上代码，运行前需打开Appnium. Appnium没有打开时，运行会报错：Connection refused：connect 二、常见元素的定位方式 ......
React Native记录
React Native记录 真机调试 adb devices 保证手机使用adb可以正常连接 adb kill-server 如果无内容，断开手机连接，执行此命令后重新连接手机 操作包 react-native-fs 操作文件系统 react-native-image-picker 允许您从设备库 ......
前端监控系统Sentry企业级实战
一、前端监控系统 1. 什么是监控系统？为什么要对项目监控？ 在IT界内，监控系统指对项目运行的各项指标的实时记录的系统或服务，旨在提升项目质量和量化项目的各项指标，为项目发展提供可量化的依据。 一般来说项目监控是为了： 更快的发现和解决线上问题； 做产品和制定需求的决策依据； 为业务扩展提供了更多 ......
nodejs-练手项目中get post需求
这段时间查看微信小程序，看着上面的好多的接口不能用，就想着弄个小接口先用这，顺便复习一下node 首先我们要有必要的npm，node，等基本环境条件 基本的代码书写： /* express 是node中的服务器软件 通过express可以快速的在node中搭建一个web服务器 -使用步骤： 1.创建 ......
项目部署体验
docker部署踩的坑 前提 你需要拥有一个远程服务器或者是本地虚拟机 安装docker Centos安装docker Install Docker Engine on CentOS | Docker Docs 部署后端 部署mysql docker run -d -v 数据卷名称:/var/lib ......
spring项目中自定义注解
使用 BeanPostProcessor BeanPostProcessor 是 Spring 框架提供的一个接口，用于在 Spring 容器中对 Bean 进行后处理。 自定义注解后，可以实现一个 BeanPostProcessor 实现类，在 BeanPostProcessor 的 postPr ......
rebar3 cmake 项目学习
erlang 与c 的通信方式，包含了port 以及nif，以下是使用nif 的测试 创建项目 一个lib 一个cmake 命令 rebar3 new lib myapp cd myapp rebar3 new cmake 项目结构 ├── LICENSE.md ├── README.md ├── ......
react Hooks+Context 实现响应式布局
1. 创建文件 viewportContext.tsx import React from "react"; const defaultValue = { width: window.innerWidth } const viewportContext = React.createContext(d ......
git仓库代码地址更改了，已经拉到本地的项目如何提交到新的git仓库
git remote remove origin //移除原来仓库地址 git remote add origin 新仓库地址xxx //添加新仓库地址 git push -u origin master //第一次设置默认的远程分支 可操作可不操作 ......
vue项目中使用的移动端的签名组件，纯 js 写的
<template> <section> <div class="sign-wrap"> <div class="main"> <div class="box" style="width: 100%;height: 100%"> <!-- <vue-esign ref="esign" :width= ......
前端 - 前端项目引入外部字体
最近前端小朋友又遇到了一个问题，就是很多时候UI设计师设计出来的效果图都包含一些特殊字体，而众所周知，显示字体的前提条件是安装字体，可我们怎么能保证用户每个人本地都安装了我们需要的字体呢？ 答案是把字体文件放到前端项目中。我以当前遇到的字体为例说明一下步骤。 注意：我们因为是写Demo，所以不需要注 ......