- 博客(27)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
原创 上传压缩文件并解压( 包括excel 和 图片文件) 中文日文不乱码 批量上传S3
上传压缩文件包括( excel 和 图片文件)1.由页面上传压缩文件test.zipaaa.xlsximagesa.pngb.png
2022-04-06 15:33:41 928 1
原创 bpmnJS 使用记录
bpmnJS 使用记录1 创建 导入 xml2 修改xml 获取根节点3 获取 modeling新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入1 创建 导入 xmlthis.bpmnJS = new BpmnJS();
2021-11-25 11:59:51 1290
原创 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 411
原创 如何使用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 535
原创 配置步骤
配置环境前端科 学 上 网首先是 npm 或者 yarn 安装node然后安装 sublime text3功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLow...
2019-07-18 13:37:42 169
原创 后台记录
后台记录后台mysql功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入后台mysql今天遇到了一个同事写的代码I...
2019-03-09 17:54:09 495
原创 JS 多字段(多条件)排序问题以及字符串排序方法
js实现数组的多条件排序其实这种排序在后台做一个order by 啥的就解决了 但是前端做也是可以的.需求是这样的 例如有这样一个数组给你排序 const jsonStudents = [ {name:"张三", totalScore:"197", Chinese:"100",math:"97"}, {name:"李二", totalS...
2018-08-30 22:29:01 6277
原创 React 中受控组建与不受控组件选择
React 中受控组建与不受控组件选择不必纠结标题 你一定看过很多文章说不应该使用 setState 但是官方文档却说 ref 不是最好的解决方案 这如此的矛盾 让我们很难去选择正确的用法,甚至连选择的标准都很难弄清楚。哪我们应该如何去设计表单呢? 毕竟表单是许多的网络应用程序的的核心,然而react中对表单的处理看起来像是他的基石。没有关系 让我来介绍两种方法之间的不同之...
2018-07-26 00:00:13 296
原创 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 331
原创 学习总结-ES6 --- 基础-解构赋值
学习总结-ES6 — 基础-解构赋值首先是变量的解构赋值(数组) <script> let [a,b] = [1,2] console.log(a);//1 console.log(b);//2 </script>这样简化了赋值的过程其中友以下的集中情况也可以赋值 <s...
2018-07-10 21:04:09 173
原创 学习总结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 176
原创 学习总结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 264
原创 JavaScript DOM 编程艺术 阅读总结 (第十二章 实践案例代码)
JavaScript DOM 编程艺术 第十二章 实践案例在开始学习前端的时候买了这本书,看了很多视频这本书也就没太认真看,最近终于是看完了这本书,最后的这章算是综合了前面大部分章节的内容的一个实例,这本书内容简单易懂,就像是一个人在你身边一点一点的教,很适合入门的小白,有一些基础的人看起来会很快,因为很多都是已经掌握的基础。 这第十二章如果你前面都跟着做了,其实很简单。...
2018-06-15 13:45:52 1323 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 1426 1
原创 初步了解Ajax 以及注意事项 Hijax初步认识
AjaxAJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。简单的说就是只更新你要更新的部分。ajax的核心就是XMLHttpRequest 对象 这个对象就像是浏览器与服务器之间的中间人,js可以通过这个对象发送请求 也可以处理响应。首先创建一个例子,保存为Ajax.html<!DOCTYPE html><html lang="en"><he...
2018-05-31 14:24:55 250
原创 什么是平稳退化和渐进增强---- JavaScript DOM 编程艺术
平稳退化 :确保网页在没有JavaScript的情况下也能正常的工作 网站的访问者可能是不支持JavaScript也可能是禁用了JavaScript,如果没有考虑这两种情况,这些用户访问你的网站会出新很多的问题。 所以在浏览器不支持JavaScript的时候也能浏览你的网站这就是所谓的平稳退化,就是说虽然某些功能不能使用但是最基本的操作热能完成。下面举一个例子=============...
2018-05-30 19:47:16 429
原创 关于弹性盒模型学习和总结
首先是定义弹性盒模型#wrap{ display: -webkit-flex; display: flex;}注意webkit内核必须加-webkit-前缀================================================第一个属性是 flex-direction 是确定主轴的方向 row:主轴方向是水平 从左到右。 column:主轴方向是...
2018-05-30 10:02:06 1709
转载 js 实现微信打飞机小游戏 小练习
还是想练习js 的内容 看见了一个关于微信打飞机小游戏的例子,就照着做了一点,发现看懂和自己写真的是不一样,很多问题都是对函数理解不够透彻。 这次是使用了面向对象的方法创建了敌机类,在学习这个的时候也了解到了js实现继承的方法 call 和apply...
2018-05-19 11:50:37 1555
原创 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 21319
原创 使用onmousemove事件实现移动(拖拽)div 出现的关于offsetX的问题
出现的问题如下图所示(截屏看不出来看log)再移动鼠标的过程中会不断的出现异常值导致拖动的div不断切换位置,回到左上角。我以为是冒泡机制导致的所以添加了下面一段阻止冒泡,随便也阻止了默认事件,但是并没有效果==================================================================ev.preventDefault();if (ev.sto...
2018-05-11 16:36:42 7466 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 759
原创 最近总结一下最近学的东西 ,想到之前关于样式的获取
内联样式的获取: 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 328
原创 学着做的第一个小游戏 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 5278 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 333
正则表达式 去掉大括号里面的小括号
2022-08-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人