JS/TS
文章平均质量分 81
typescript
jwensh
影响合理决策的两个最大的障碍是自我意识和思维盲点.
展开
-
【测试开发】node.js下使用 puppeteer 构建截图方案(2/2)
n:截图后的文件命名(只用写名字即可,后缀无需添加,也可指定路径,如: …-k:元素定位的值(数据库读取出来的状态下,再一次url_encode,避免特殊字符导致命令行解析出错);-u:访问的url(数据库读取出来的状态下,再一次url_encode,避免特殊字符导致命令行解析出错);-m:指定-k内容的定位方式是css selector还是非css selector;-t:指的是浏览器访问的方式ios、android、pc(小写,不用引号包裹);Css selecto的调用方式。(最新的js使用方案)原创 2022-11-05 11:47:34 · 1390 阅读 · 0 评论 -
【测试开发】基于 node 的 puppeteer 环境搭建(1/2)
进入官网下载最新的node版本(https://nodejs.org/zh-cn/download/),好像没法使用wget下载,所以可以下载到本机在上传到服务器的自定义目录下环境环境变量配置完后,source生效,即可使用node、npm命令;原创 2022-11-05 11:34:34 · 1655 阅读 · 0 评论 -
【TS】快速了解 interface 与 type 的使用方式
快速了解 interface 与 type 的使用方式文章目录快速了解 interface 与 type 的使用方式1. interface 与 type 使用相同点1.1 两者都可以描述一个对象或者函数interfacetype1.2 两者都允许拓展(extends)interface extends interfacetype extends type(via intersections)interface extends typetype extends interface(via intersec原创 2022-05-17 19:50:23 · 2877 阅读 · 1 评论 -
【JSP】相关基础内容复习-jsp
一、JSP概述1、JSP:Java Server Pages(运行在服务器端的页面)。就是Servlet。学习JSP学好的关键:时刻联想到Servlet即可。2、JSP的原理 JSP会被Tomcat翻译成一个Servlet。该Servlet在Tomcat\work\catalina\locahot\day09\....3、JSP、Servlet开发的最佳实践: Servlet:一般作...原创 2019-07-07 13:40:22 · 142 阅读 · 0 评论 -
【Web】根据屏幕大小调整元素属性(样式)
使用css方式html代码<h2>响应式判断</h2><p class="example">操作浏览器窗口,查看效果。</p>css样式代码.example { padding: 20px; color: white;}/* Extra small devices (phones, 600px and down) */...原创 2019-05-22 14:25:52 · 3071 阅读 · 0 评论 -
【JS】datatable库使用报错:Uncaught TypeError: datatable.rows is not a function
代码 <button id="table_id_example_button">获取选中的行</button> <table id="table_id_example" class="display"> <thead> <tr>原创 2019-03-13 10:47:02 · 5907 阅读 · 0 评论 -
【Web】select2数据加载后再设置对应值问题
官网:https://select2.org/programmatic-control/add-select-clear-items问题:思路:通常会遇到这样一个问题:一个select控件,我们通过ajax方式获取到服务端的数据,并对select控件进行初始化,然后从一个接口中获取到另一个模型里的数据,通过判断这个数据来,设置select中对应的option。前端使用了jquery+ ...原创 2019-03-04 20:14:40 · 1499 阅读 · 0 评论 -
【Web】基于Jquery的时间戳与日期间的转化
背景:你要的全拿走,把回忆化成空...需求如图:直接上代码,所有的内容都在注释里:/** * 格式化时间:补0操作 * */function supplement(num){ if(parseInt(num) < 10){ num = '0'+num; } return num;};/** * 格式化时间:拓展jq...原创 2019-01-18 14:15:32 · 711 阅读 · 0 评论 -
【Web】maven+adminlte+jsp前端进行idea免打包热部署配置
背景:因为使用adminlte这个开源继承框架,来进行设计所需的web前端页面,其源码有大量的文件,所以导致mvn package的时间特别长,需要等待,然后部署到tomcat后也需要等待。对于不断调试前端样式的项目,这样方式是没有什么效率的,因此通过idea来进行一个免打包热部署配置方案有很多,本方案是其中一种,且被方案不适合含java源码的项目,纯前端可以。配置:默认的打包...原创 2019-01-08 17:44:56 · 970 阅读 · 0 评论 -
【Web】Jquery插件开发之$.extend、$.fn.extend方式
Query插件的开发方式包括:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1. 类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就...转载 2019-05-07 13:16:25 · 345 阅读 · 0 评论 -
【测试开发】前后端分离开发,js调用api跨域问题
Access to XMLHttpRequest at ‘http://localhost:8081/api/v3.0/ci/history?user=zhenwentao’ from origin ‘http://localhost:9527’ has been blocked by CORS policy: The value of the ‘Access-Control-Allow-Credentials’ header in the response is ‘’ which must be ‘tru原创 2021-03-14 10:19:54 · 769 阅读 · 0 评论 -
【React】类型 Location<unknown> 上不存在属性 query - ts(2339)
author: jayzhendate: 2022.04.211. 获取 URL 参数,使用 RouteComponentProps 提示报错import React, { useState } from 'react';import { RouteComponentProps } from 'react-router-dom';interface UrlParamType { id: string;}type DetailProps = RouteComponentProps&l.原创 2022-04-21 12:00:33 · 7086 阅读 · 0 评论 -
【TS】type 类型过滤属性
文章目录1. Typescript 里定义 type 哪些定义方式2. 基础方法keyof 关键字ConditionPick 内置方法3. type 类型进行属性过滤1. 把可选属性变成必选属性2. 把所有可选的属性过滤掉3. 把所有指定属性类型过滤掉4. 把所有指定属性过滤掉参考author: jwenshdate: 2022.02.161. Typescript 里定义 type 哪些定义方式Primitive TypeTuple TypeUnion TypeIntersection原创 2022-02-16 14:19:50 · 5994 阅读 · 2 评论 -
【TS】Any, unknown, object, void, undefined, null, andnever 的可分配性
来自官网在TypeScript中,有两种兼容性:子类型和赋值。这些不同之处仅在于赋值扩展了子类型与规则的兼容性,允许使用相应的数值与任何枚举进行赋值。语言中不同的地方根据情况使用两种兼容机制中的一种。实际上,类型兼容性是由赋值兼容性决定的,即使在实现和扩展子句的情况下也是如此。Any, unknown, object, void, undefined, null, andnever可分配性下表总结了一些抽象类型之间的可分配性。行指示每个可分配给什么,列指示可分配给它们什么。“✓” 表示只有在关闭.原创 2022-02-09 20:01:52 · 1478 阅读 · 0 评论