计算滚动条的宽度--js
原理 创建两个div嵌套在一起 外层的div设置固定宽度和overflow：scroll 滚动条的宽度=外层div的offsetWidth-内层div的offsetWidth 实现代码 /** * 获取滚动条的宽度 */ getScrollWidth() { const scroll = docum ... 查看全文
解决html表单提交后页面自动刷新的问题
今天在做How2J上的一个js小练习时，发现在使用<button>按钮提交表单后，使用js改变的页面元素只是出现了一下后立即消失了。通过仔细研究才了解到： 在表单的提交按钮如果没有type属性，在点击提交按钮后页面会自动刷新，导致使用js改变的页面元素被刷新掉了。 解决方法： 使用<input ty ... 查看全文
Docker deamon配置文件说明deamon.json
配置文件路径： mac: ~/.docker/ 下有config.json daemon.json centos7:/etc/docker/下有key.json daemon.json（若无可以自己生成） { "authorization-plugins": [],//访问授权插件 "data-ro ... 查看全文
[XState] Drag and Drop example (data-state, attr in css)
import { createMachine, assign, interpret } from "xstate"; const elBox = document.querySelector("#box"); const elBody = document.body; const assignPoi ... 查看全文
Spring Boot 使用 JSR303 实现参数验证
JSR-303 是 JAVA EE 6 中的一项子规范，叫做 Bean Validation。Bean Validation 为 JavaBean 验证定义了相应的元数据模型和 API。缺省的元数据是 Java Annotations，通过使用 XML 可以对原有的元数据信息进行覆盖和扩展。在应用程... ... 查看全文
使用Node.js和vue.cli+element-ui搭建vue项目(一)
一、安装Node.js 1.Node.js下载地址: https://nodejs.org/en/download/ 最新的Node.js自带npm所以这里不再下载npm了。 下载完成后，双击打开程序，按提示一路next安装，有一个页面可能有点不一样， 选择第三个第四个都行。 2.安装完毕后我们查看 ... 查看全文
地图热点 jquery.image-maps.js 的使用
在我悠闲了几天之后，我们后端给了我个任务，地图热点问题。简单来说，就是后台划出热点区域，设置链接，前端拿到数据渲染页面，显示热点区域。我主要使用了jquery.image-maps.js,并且添加了一些我所需要的功能。 前端是很好显示的，获取到数据后直接渲染页面。 主要是后端热点区域位置坐标的确定。 ... 查看全文
fastjson配置序列化过滤转换
@Configuration@EnableWebMvcpublic class WebConfig implements WebMvcConfigurer { @Override public void configureMessageConverters(List<HttpMessageConve ... 查看全文
无法读取本地服务器JSON文件, 返回404错误
问题: 使用Ajax方法,读取本地的json文件, 代码如下: <scrip> var requestURL = 'superheroes.json'; var request = new XMLHttpRequest(); request.open('GET', requestURL); requ ... 查看全文
JavaScript 浮点数陷阱以及解法
恢复内容开始 JavaScript 浮点数陷阱以及解法 参考winter大大重学前端 0.1 + 0.2 为什么不等于 0.3 ? https://zhuanlan.zhihu.com/ne fe 众所周知，JavaScript浮点数计算经常会遇到 0.000000001 和 0.999999999 ... 查看全文
本章介绍HTML5 拥有若干涉及表单的元素和属性
HTML5 的新的表单元素： HTML5 拥有若干涉及表单的元素和属性。 本章介绍以下新的表单元素： datalist keygen output 浏览器支持 Input typeIEFirefoxOperaChromeSafari datalist No No 9.5 No No keygen N ... 查看全文
本章介绍HTML 5 拖放实例
拖放（Drag 和 drop）是 HTML5 标准的组成部分。 拖放 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 浏览器支持 Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safa ... 查看全文
WEB前端第十课——CSS字体、文本、列表属性
1.字体属性 color，规定文本的颜色，如 div{color:red;} font-style，规定文本显示方式，如 p.normal {font-style: normal;} ，有normal（正常显示）、italic（斜体显示，字体结构有一定变化）、oblique（倾斜显示，仅仅是文本的倾 ... 查看全文
jmeter json提取与使用
1、jmeter使用是，一定会用到提取上层接口参数，传到下层接口中进行使用，所以此时json提取器的功能就出现了 右键点击http请求-添加-后置处理器-json提取器 点击json提取器 Name of created variables: 设置变量名称 JSON Path expressions ... 查看全文
ES6+react.js 中定义公共方法、常量
ES6+react.js 中定义公共方法、常量 1、公共方法 1.1 constantFunction.js 文件（不用写class域中） // 解析时间 将时间戳变成可读的string const parseTime = (text)=>{ if(!!text && typeOf(text) 'n ... 查看全文
VSCode 中 js 文件类型注释报错的问题解决
在阅读 Vue.js 源码的时候遇见的一个问题，本来可以忽略的玩意，但是报错的波浪线，如鲠在喉实在受不了，解决之。 报错说明Type annotations can only be used in TypeScript files.ts(8010) 类型注释只能用于TypeScript文件。ts(8 ... 查看全文
three.js 数学方法之Vector3
今天郭先生来说一说three.js的Vector3，该类表示的是一个三维向量（3D vector）。 一个三维向量表示的是一个有顺序的、三个为一组的数字组合（标记为x、y和z），可被用来表示很多事物，它的构造函数为Vector3( x : Float, y : Float, z : Float )x ... 查看全文
File and Code Templates | webstorm代码文件模板 vue typescript
Typescript Class import _ from "lodash"; /**类型${NAME}*/ export default class ${NAME} { /**v-for :key*/ forKey?: string = _.uniqueId() constructor(obj? ... 查看全文
webpack结合typescript项目配置
1.项目准备 首先npm init初始化工程，然后安装typescript和webpack相应模块： npm install --save-dev webpack webpack-cli npm install --save-dev typescript npm install --save-dev ... 查看全文
jQuery Ajax 操作函数汇总
jQuery库拥有完整的Ajax兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据www.xinchengcork.com。1，jQuery.ajax()执行异步HTTP(Ajax)请求。2，.ajaxComplete()当Ajax请求完成时注册要调用的处理程序。这是一个Ajax事件。3，.ajaxError()当Ajax请求完成且出现错误时注册要调用的处理程序。这是一个Aj 查看全文