案例 事件 页面react
h5 判断嵌入微信小程序页面
let ua = uni.getSystemInfoSync().ua; // 判断是否在微信内 if (ua.match(/MicroMessenger/i) == "MicroMessenger") { wx.miniProgram.getEnv((res) => { if (res.minip ......
addEventListener（）元素事件监听的用法及事件汇总
addEventListener() 方法用于给元素添加监听事件，同一个元素可以重复添加，并且不会覆盖之前相同事件，用removeEventListener() 方法来移除事件。 使用方法： 1 var arberNameFilter = document.getElementById("arber ......
react项目中预览pdf文件
最近需求，要在b端展示上传的pdf文件。实现方式有很多，记录一下我们最常用的pdf.js //安装 "pdfjs-dist": "2.0.402" //引入 import * as pdfjs from 'pdfjs-dist' import * as pdfjsWorker from 'pdfjs ......
vue2和vue3导出页面为PDF格式：jspdf和html2canvas
一、vue2导出PDF使用步骤 1、安装html2canvas，将页面html转换成图片 npm install --save html2canvas 卸载： npm uninstall html2canvas 指定版本安装： npm install --save html2canvas@1.0.0 ......
React学习笔记08- 组件的样式
1.使用行内样式 想给虚拟dom添加行内样式，需要使用表达式传入样式对象的方式来实现： // 注意这里的两个括号，第一个表示我们在要JSX里插入JS了，第二个是对象的括号 <p style={{color:'red', fontSize:'14px'}}>Hello world</p> 行内样式需要 ......
Ant Design中表单验证输入框默认值initialValue不更改值会验证不通过（react）
Ant Design中表单验证输入框默认值initialValue不更改值会验证不通过（react） 更改前 <Form.Item label="用户标识" name="id" rules={[ { required: true, message: '用户标识不能为空！', }, ]} > <Inp ......
jeecg中jsp页面合计问题
问题：在一个tbody下，如何数量和价格，合计出单项的金额，同时在最下面合计出总金额 页面的jsp代码如下： <table border="0" cellpadding="2" cellspacing="0" id="bgLwg_table"> <tr bgcolor="#E6E6E6"> <td ......
React学习笔记07-组件嵌套
一个项目肯定是由多个组件构成的，组件之前必然会存在相互嵌套的关系 在react中如果想要将一个组件嵌入到另外一个组件中 只需要在父组件的render函数的返回值中放入子组件即可 请看下面代码 import React, { Component } from "react" class Navbar ......
React学习笔记06-函数式组件
函数式组件即在React中通过函数的方式来声明一个组件 import React from "react" function App() { return ( <div> 函数式组件 <div>hhh</div> </div> ) } /* 16.8之前 //无状态 16.8之后 react hoo ......
vue项目第一次进入页面刷新页面并只刷新一次
if (location.href.indexOf("&reloaded") == -1) { location.href = location.href + "&reloaded"; location.reload(); } ......
React学习笔记05-类组件
ES6的加入让JavaScript直接支持使用class来定义一个类，react创建组件的方式就是使用的类的继承， ES6 class 是目前官方推荐的使用方式，它使用了ES6标准语法来构建，看以下代码 import React from 'react' import ReactDOM from ' ......
解决多路由复用同一组件页面不刷新问题
如果可以的话，这个才是最终解决方案，可以解决复用同一个vue页面导致的生命周期只在初始化调用，后续不调用的问题，监听路由的变化只是调用接口，不会触发生命周期 ......
react技术栈更新到uptodate
现在许多东西更新了，react全家桶可能我的技术栈也要更新一下，于是查询官网，先找个方便点的直接起飞，然后看能不能冲出宇宙 首先安装一下 next去， 这个东西是个桶， npx会执行远端的命令，如果本地没有的话，它会自动搜索无端npm的包下载然后执行 npx create-next-app@late ......
【Azure 应用服务】App Service for Linux 环境中为Tomcat页面修改默认的Azure 404页面
问题描述 在App Service Linux环境中，如部署Tomcat 应用后，如果访问的页面找不到，应用会返回一个由Azure生成的404页面，那么是否可以修改它呢？ PS: 如果是App Service for Windows，可以参考博文 [ App Service for Windows ......
10.18（随机出题Web页面）
今天完成了javaweb的出题系统，比较简陋 jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit ......
虚幻(UnrealEngine)全局事件插件
https://github.com/bodong1987/UnrealEngine.GlobalEvents 学习Unreal的练手代码，主要用途是提供一个全局级别的消息广播与消息监听，目的是解决直接引用对象带来的强依赖的问题。 详情可见github首页。 ......
案例4 配置SSH协议
1.在华为设备上配置SSH协议 1.1 按图配置端口的ip地址，并做连通性测试 [R1]interface g0/0/0 [R1-GigabitEthernet0/0/0]ip address 202.100.1.1 255.255.255.252 [R2]int g0/0/0 [R2-Gigabi ......
react + electron 打包记录
package.json 中的更改： 增加： "homepage": "./", "build": { "productName": "xxxx", "appId": "com.xxx.win", "directories": { "output": "dist" }, "files": [ "di ......
C#上位机序列9: 批量读写+事件广播
1. 读取配置文件及创建变量信息（点位名称，地址，数据类型（bool/short/int/float/long/double）） 2. 读任务&写任务,数据有变化时事件广播通知 using HslCommunication; using HslCommunication.Core; using Hs ......
【性以分析常案例】
常用分析思路： 1）2/8法则 2/8法则：80%的业务量在20%的时间里完成。这里，业务量泛指访问量，请求数，数据量等 2）正态分布 3）按比例倍增 4）响应时间2-5-8原则 就是说，一般情况下，当用户能够在2秒以内得到响应时，会感觉系统的响应很快；当用户在2-5秒之间得到响应时，会赶紧系统的响 ......
软考系列（系统架构师）- 2017年系统架构师软考案例分析考点
试题一 软件架构（质量属性效用树、架构风险、敏感点、权衡点） 系统架构风险、敏感点和权衡点的定义 【问题2】（13分） 在架构评估过程中，需要正确识别系统的架构风险、敏感点和权衡点，并进行合理的架构决策。请用300字以内的文字给出系统架构风险、敏感点和权衡点的定义，并从题干(a) ~(o) 中分别选 ......
浏览器事件循环 event loop（消息循环）
打开浏览器 即 开启一个浏览器进程 （主要负责浏览器UI，用户交互，子进程拉起关闭等） 并由浏览器进程拉起网络进程（多Tab共享）采用多线程模式，GPU 进程（多Tab共享）等 当每开启一个 tab 页，浏览器进程会负责为该 Tab 拉起一个渲染进程，每一个渲染进程都会拉起一个渲染主线程（单线程模式 ......
selenium - 截取页面图片和截取某个元素的图
1.截取页面图片并保存 在测试过程中，是有必要截图，特别是遇到错误的时候进行截图。 # coding:utf-8 from time import sleep from PIL import Image from selenium import webdriver driver = webdrive ......
注册功能， 前端登录注册页面，前端登录功能，前端注册功能， redis介绍和安装
1 注册功能🍰 # 分析 前端：携带数据格式 {mobile:,code:,password} 后端： -1 视图类 》注册方法 -2 序列化类 》校验，保存（表中字段多，传的少 》随机，按某种格式生成 》后期修改） 视图类 class UserRegisterView(GenericViewSe ......
[Vue]事件绑定
事件的基本使用: 1. 使用 v-on :xxx 或 @xxx 绑定事件，其中 xxx 是事件名; 2. 事件的回调需要配置在 methods 对象中，最终会在 vm 上; 3. methods 中配置的函数，不要用箭头函数！否则 this 就不是 vm 了，直接指向 window; 4. meth ......
react 公司项目学习 【react+webpack+nw.js + mobx+react-intl 实现的多页面多语言windows桌面端exe】
这几天突然要来个react项目；听说还比较复杂；项目组内就两个人会react还在忙，整组主要是用vue；这不，这种‘狗都不干’的事，被安排到我身上了，那就学吧； 一、研究代码结构 不得不说，这目录结构搞得有点复杂，算是我接触中除了乾坤和electron之外，相当复杂的了，慢慢阅读吧； 看懂了，原来是 ......
28 组合事件配合 v-modle 使用
子级元素发生改变，父级元素及时做出相应的响应 1.首先回顾 v-modle, 表单的语句，实时或者延时（.lazy）获得用户输入的信息 2. 侦听器 watch ，实时响应然后做出相关操作 <h3>响应组件</h3> <Search @Search="myAnser" /> 响应：{{ anser ......
react native app 图标在安卓上内容被切割问题记录
问题背景： react native开发app，设置的app图标在安卓中会被切割，导致周围的留白被切掉，看起来很奇怪。甚至有些文字内容被切割掉，显示不全。 在不同手机上，icon可能会被切割成各种圆角，如果留白不够，内容可能会被切割。在iOS上icon也有相应的规范，比如需要1024尺寸等。 解决方 ......
IO流，第一个IO流案例学习
一、首先创建一个类，写好main函数 其次在我们的电脑里创建一个文本文档（字节流也可以读取文本文档） 内容为abc 二、编写代码 注意的是read方法一次只能读取一个 三、结果 因为我们的四个变量是用 int来定义的 所以会是一个十进制数字 -1是read方法返回的，没有可以读取的数据了 ......