赫兹焦耳-CSDN博客

原创 java 生成带文件夹的压缩包zip

java 生成带文件夹的压缩包zip不在本地生成临时目录

2022-05-05 11:32:57 484

原创上传压缩文件并解压（包括excel 和图片文件）中文日文不乱码批量上传S3

上传压缩文件包括（ excel 和图片文件）1.由页面上传压缩文件test.zipaaa.xlsximagesa.pngb.png

2022-04-06 15:33:41 922 1

bpmnJS 使用记录1 创建导入 xml2 修改xml 获取根节点3 获取 modeling新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入1 创建导入 xmlthis.bpmnJS = new BpmnJS();

2021-11-25 11:59:51 1287

原创 mockjs 和 json-server 模拟API接口

mockjs 和 json-server 模拟API接口同时启动vue项目和json-server两个服务目前很多项目都是前后端分离的项目,这种模式解决了很多问题但是同时也出现了很多新到的问题前台开发的时候后台的api接口还没做好.这个时候json-server就上场了JSON-ServerJSON-Server是一个Node模块，也就是前提是得安装node环境(node -v 查看node的版本)安装全局安装npm install -g json-server 1.创建一个文件夹 (

2021-02-27 23:23:53 408

原创如何使用Github Page 发布React

如何使用Github Page 发布React 引言Step.1 首先创建github 的库Step.2 修改package.json 文件Step.3 安装 gh-pagesStep.4 发布遇到的问题及解决方法1 already exists2 Cannot read property 'email' of null3 The remote end hung up unexpectedly4 could not read Username for'https://github.com': No erro

2020-05-24 00:25:25 532

原创配置步骤

配置环境前端科学上网首先是 npm 或者 yarn 安装node然后安装 sublime text3功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLow...

2019-07-18 13:37:42 168

原创后台记录

后台记录后台mysql功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入后台mysql今天遇到了一个同事写的代码I...

2019-03-09 17:54:09 492

原创 JS 多字段(多条件)排序问题以及字符串排序方法

js实现数组的多条件排序其实这种排序在后台做一个order by 啥的就解决了但是前端做也是可以的.需求是这样的例如有这样一个数组给你排序 const jsonStudents = [ {name:"张三", totalScore:"197", Chinese:"100",math:"97"}, {name:"李二", totalS...

2018-08-30 22:29:01 6272

原创 React 中受控组建与不受控组件选择

React 中受控组建与不受控组件选择不必纠结标题你一定看过很多文章说不应该使用 setState 但是官方文档却说 ref 不是最好的解决方案这如此的矛盾让我们很难去选择正确的用法，甚至连选择的标准都很难弄清楚。哪我们应该如何去设计表单呢？毕竟表单是许多的网络应用程序的的核心，然而react中对表单的处理看起来像是他的基石。没有关系让我来介绍两种方法之间的不同之...

2018-07-26 00:00:13 293

原创 React入门----脚手架搭建

首先是环境的配置安装node.js当你安装好node时 npm 就同时安好了的。执行上述命令查看版本打开一个你的工作目录我的是e:/workspaces 依次输入如下命令创建react项目npm install -g create-react-app create-react-app my-app 当然如果你刚安装的node 那版本一定是大于5.2.0 If you...

2018-07-22 09:38:27 330

原创学习总结-ES6 --- 基础-解构赋值

学习总结-ES6 — 基础-解构赋值首先是变量的解构赋值(数组) <script> let [a,b] = [1,2] console.log(a);//1 console.log(b);//2 </script>这样简化了赋值的过程其中友以下的集中情况也可以赋值 <s...

2018-07-10 21:04:09 170

原创学习总结ES6---语法基础const

常量是块级作用域，很像使用 let 语句定义的变量。常量的值不能通过重新赋值来改变，并且不能重新声明首先与var和let 不同的是const声明的同时必须要赋给他一个初值，&lt;script&gt; console.log(123) const a; const a =5; console.log(a); &lt...

2018-07-09 21:42:57 173

原创学习总结ES6 ---语法基础let

学习总结ES6 —语法基础let首先是let是什么：let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。与var关键字不同的是，它声明的变量只能是全局或者整个函数块的。我来举一个例子if(true){ var a = 1; let b = 2; } console.log(&amp;quot;a:&amp;quot;,a); //a: 1 con...

2018-07-08 23:48:33 262

原创 JavaScript DOM 编程艺术阅读总结（第十二章实践案例代码）

JavaScript DOM 编程艺术第十二章实践案例在开始学习前端的时候买了这本书，看了很多视频这本书也就没太认真看，最近终于是看完了这本书，最后的这章算是综合了前面大部分章节的内容的一个实例，这本书内容简单易懂，就像是一个人在你身边一点一点的教，很适合入门的小白，有一些基础的人看起来会很快，因为很多都是已经掌握的基础。这第十二章如果你前面都跟着做了，其实很简单。...

2018-06-15 13:45:52 1318 5

原创图片或背景居中显示的方法（图片背景大于父元素）

第一种情况是图片大于父元素例如 <div id="wrap"> <img src="img/jingpin2.jpg"/></div>div的 width：400px height：300px 图片是 500*500实现居中的一种办法父元素设置text-align：centerimg 元素设置 margin： 0 -100%#wrap{...

2018-06-04 22:19:11 1424 1

原创初步了解Ajax 以及注意事项 Hijax初步认识

AjaxAJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。简单的说就是只更新你要更新的部分。ajax的核心就是XMLHttpRequest 对象这个对象就像是浏览器与服务器之间的中间人，js可以通过这个对象发送请求也可以处理响应。首先创建一个例子，保存为Ajax.html<!DOCTYPE html><html lang="en"><he...

2018-05-31 14:24:55 246

原创什么是平稳退化和渐进增强---- JavaScript DOM 编程艺术

平稳退化：确保网页在没有JavaScript的情况下也能正常的工作网站的访问者可能是不支持JavaScript也可能是禁用了JavaScript，如果没有考虑这两种情况，这些用户访问你的网站会出新很多的问题。所以在浏览器不支持JavaScript的时候也能浏览你的网站这就是所谓的平稳退化，就是说虽然某些功能不能使用但是最基本的操作热能完成。下面举一个例子=============...

2018-05-30 19:47:16 426

原创关于弹性盒模型学习和总结

首先是定义弹性盒模型#wrap{ display: -webkit-flex; display: flex;}注意webkit内核必须加-webkit-前缀================================================第一个属性是 flex-direction 是确定主轴的方向 row：主轴方向是水平从左到右。 column：主轴方向是...

2018-05-30 10:02:06 1708

转载 js 实现微信打飞机小游戏小练习

还是想练习js 的内容看见了一个关于微信打飞机小游戏的例子，就照着做了一点，发现看懂和自己写真的是不一样，很多问题都是对函数理解不够透彻。这次是使用了面向对象的方法创建了敌机类，在学习这个的时候也了解到了js实现继承的方法 call 和apply...

2018-05-19 11:50:37 1554

原创 JS 关于JavaScript 字符串替换元素的几种方法（a 替换为 b）

第一种：一看到替换第一个想到的应该是 string.replace（）var str="hello world";var newStr=str.replace("hello",'goodbay');console.log(newStr);// goodbay world但蛋疼的是只替换出现的第一个 var str = “aaaaabbbbb”把a替换成Avar str='aaaaaaaaaa...

2018-05-17 16:41:35 21305

原创使用onmousemove事件实现移动（拖拽）div 出现的关于offsetX的问题

出现的问题如下图所示（截屏看不出来看log）再移动鼠标的过程中会不断的出现异常值导致拖动的div不断切换位置，回到左上角。我以为是冒泡机制导致的所以添加了下面一段阻止冒泡，随便也阻止了默认事件，但是并没有效果==================================================================ev.preventDefault();if (ev.sto...

2018-05-11 16:36:42 7459 4

原创留言板 dom操作练习总结 lable和textArea一起使用不对齐解决办法

做了一个留言板发现lable 与后面的 textarea总是看起来很别扭，下图内容俩字跑到最下面了在 textarea中加一个vertical-align: top;就OK了<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"/>

2018-05-10 11:16:32 756

原创最近总结一下最近学的东西，想到之前关于样式的获取

内联样式的获取: 1） getComputedStyle(obj)[name] 2）obj.currentStyle[name]function getCss(obj,name) { if (obj.currentStyle) { // 判断是不是旧版本 return obj.currentStyle[name]; }els...

2018-05-10 10:54:53 125

原创接触jQuery作了个小练习砌墙？或者叫盖房子加了一点动画效果 li之间空格解决

好吧效果就是这样可以试一试我把代码贴再下面就是判断整个ul在上一条的左边还是右边然后相应的remove 相应个数<li>，根据删除后的li确定创建新的ul 长度<!DOCTYPE html><html><head> <title></title> <script src="http://libs.ba

2018-05-10 10:37:23 325

原创学着做的第一个小游戏 flappyBrid 飞翔的小鸟有图片资源

<!DOCTYPE html><html><head> <title>飞鸟</title> <style type="text/css"> /* 不同内核*/ @-webkit-keyframes fly{ 0%{ transform: translate3d(0,0,0); -o-t

2018-05-10 10:12:05 5274 4

原创 js中关于eval（）方法，写了一个计算器小例子

有的时候获取到的数值是 string 类型可以转换为number 但有时会得到string类型的表达式，然后发现了eval（）这个函数很方便啊===================================================引用定义和用法eval() 函数计算 JavaScript 字符串，并把它作为脚本代码来执行。如果参数是一个表达式，eval() 函数将执行表达式。...

2018-05-10 09:26:27 2894

原创用css做一个小立方体

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #box{ width: 100px; height: 100px; padding: 100px; border: 1px solid red;

2018-05-10 08:59:01 331

赫兹焦耳的博客