- 博客(22)
- 收藏
- 关注
RSS订阅原创 echarts给整个地图添加外阴影
废话不多说，附上核心代码，可以自己去echarts实例上修改编辑查看效果（https://www.echartsjs.com/examples/zh/index.html）： geo:{ show: true, map: 'china', label: { normal: {...
2019-10-29 15:05:43
5676
1
原创 在Echarts区域的任何位置精准触发事件
需求背景：点击Echarts区域跳转页面，跳转的区域不包括grid的坐标及标签，翻看了Echarts官网，实现触发事件之的on方法，但是此方法只能在鼠标点击某个图形上会触发，这样并不能实现需求。通过百度和查看github issue后多用Echarts实例的getZr()方法监听到整个画布的 click 事件。 使用echartsInstance.getZr().on('click' , p...
2019-10-15 17:25:42
5016
转载 JS HashMap
function HashMap(){//定义长度 var length = 0; //创建一个对象 var obj = new Object(); /*** 判断Map是否为空*/ this.isEmpty = function(){ return length == 0; ...
2019-07-11 20:34:54
150
原创 初识React
学习React不是一蹴而就的事情，入门似乎也没那么简单。但我觉得这一切都是值得的。这是我在学习React中的一些心得，希望能够帮助到大家！下面介绍 一个简单的用户管理系统，拥有增加、删除、更改的功能。样式先从最简单的样式讲起吧React可以使用两种样式，一种是普通的css，一种是在React中定义的样式。普通的css样式，通过className=""来引用<...
2019-06-27 18:02:06
115
原创 快速上手使用vuex
很多刚学习vue的人对于全局变量管理工具vuex都觉得很神秘，今天就用很通俗的大白话协助大家理解一下vuex，作者的vue项目使用vue脚手架搭建的，用脚手架搭建的项目会在src文件夹下有一个store文件，打开store文件，会看到里边有index.js，getters.js，actions.js这几个js文件（如果没有的话就自己建一下）。那么vuex的核心就在这几个文件当中，其实vuex最核心...
2019-06-27 16:12:36
182
原创 vue-element-admin 项目中将局部页面导出为PDF格式
整体思路:将需要导出的内容页面转换为PDF格式，再通过图片的Base64码生成PDF。html 页面<el-button type=“success” @click=“getPdf(‘exportPdf’,filename)”>js部分：下面我们将进行实际操作：1.我们需要引入两个模块html2canvas和jsPdf安装上面两个模块：npm install htm2...
2019-06-27 14:29:36
2544
1
原创 Vue 导出页面为PDF格式
1 、我们要添加两个模块第一个.将页面html转换成图片npm install --save html2canvas第二个.将图片生成pdfnpm install jspdf --save2、定义全局函数..创建一个htmlToPdf.js文件在指定位置.我个人习惯放在('src/components/utils/htmlToPdf')// 导出页面为PDF格式import h...
2019-06-27 14:27:04
711
转载 React全栈–现代前端技术
React全栈–现代前端技术1.ES6– 新一代JavaScript标准1.1 const和let关键字以前只有全局变量以及函数内部的局部变量，所以以前的局部变量只能定义在函数里面，但是现在不是了，可以通过let关键字来定义局部变量。同时通过const关键字来定义常量，定义后的基本类型数据是不能改变的，但是定义的是引用类型的变量的话，还是可以改变的。1.2 函数
2017-02-15 17:19:02
796
转载 HTML5前端UI框架 ZUI
zui框架是什么？zui是禅道项目管理软件团队在完善自己产品过程中形成的一个开源前端实践方案，帮助你快速构现代跨屏应用。它的特点如下： > 简单美观，易于使用，快速构建简洁大方的现代web应用。 > 新颖健壮，采用HTML5且支持所有流行的移动及桌面浏览器平台，一些旧的浏览器也能够降级支持。 > 轻快独立稳定，最佳的可用性能，最大限度的不依赖于外部组件。 > 全平台响应，一
2015-10-30 19:34:47
6491
原创 游戏引擎 白鹭（egret）学习总结（一）
今天了解并学习了下这个游戏引擎（egret）,个人觉得这是个不错的游戏引擎，对于以后游戏的开发有非常大的帮助，以下是自己的学习心得总结，有兴趣的同学可以去官网了解 http://www.egret.com/好了 不废话了 这是我一天下来的成果，希望对你有所帮助，坚持每天更新 。。。
2015-10-23 18:46:53
7071
原创 个人工作总结（非常实用）
以下是关于个人的工作总结，希望对大家有所帮助，工作中少走弯路。1:关于截取字符串的代码：var Imgsrc = "abcdefg";Imgsrc.substr(Imgsrc.length-5,[1])//截取字符串长度倒数第五个开始，截取1个2：检测手机系统为android还是iPhone //判断手机系统是否iOS或者android var u
2015-10-23 18:40:37
1039
原创 关于兼容性的一些个人工作总结
好久不更新博客了，基于个人原因无暇做这些事情，好了废话不多说，开始吧1:浮动时，父级元素无法撑开解决方案： 全局增加样式.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}父级元素调用clearfix2:I
2015-10-23 18:27:20
573
原创 纯CSS制作各种图形
Rectangle(矩形)#rectangle { width: 200px; height: 100px; background: red;}Circle(圆形)#circle { width: 100px; height: 100px; background: red; -moz-border-radi
2015-05-20 13:16:38
498
原创 Javascript代码及注释规范
## 声明 ##- 变量声明必须加var关键字，严格控制作用域；- 使用驼峰式命名变量和函数，如：functionNamesLikeThis, variableNamesLikeThis, ClassNamesLikeThis,namespaceNamesLikeThis；- 私有成员变量和方法命名以下划线开头，如：var _this；- 常量定义单词全部大写，以下划线连接，但
2015-05-15 00:16:25
724
转载 HTML5移动应用开发为什么需要引入前端工程化
使用HTML5和Javascript开发的移动应用，和典型的现代Web前端项目一样，有着大量的Javascript，HTML和CSS代码，因此前端工程化在HTML5移动应用开发中同样有着重要意义，可以避免大量重复性的工作，提供效率和质量，优化产品的性能。 目前前端工程化比较通用的框架主要有国外的grunt，gulp，百度的F.I.S等，这些框架基本上都是基于N
2015-05-13 00:59:15
568
转载 Oracle数据库安装等事项
§ 数据库连接： 在连接这个问题上，我们使用xml文件将MyEclipse和Oracle 11g连接到一起，让我们的drp项目可以获取和操作oracle中的数据，在src的文件夹下新建一个xml文件，其内容如下：[html] view plaincopyspan style="font-family:FangSong_GB23
2015-05-13 00:55:56
570
1
转载 python爬虫实战之模拟正方教务系统登录查询成绩
最近由于某些需要，开始入门Python网络爬虫，想通过一个Python程序来访问正方教务管理系统并且抓取到期末的成绩，由于我并没有深入了解过过其他的编程语言，所以，也比较不出Python和其他语言(如JAVA/PHP)的优缺点，只是因为我会Python，废话不多说，开工。 首先说一下，我们学校教务系统的网址是http://222.24.19.201，我想到的流程是，登入教务系统，
2015-05-13 00:48:45
2418
原创 HTML5 form （表单）的使用
1. 与html4不同的是form表单是一个form表单是直接闭合的没有子标签在里面 ``2. 关联的input标签有一个form属性指向表单的ID号 ``3. input的type类型 1. text：文本 2. submit：提交按钮 3. Email：邮箱 4. URL：路径 5. data：时间： 年月日（下面的均没有引号）
2015-05-13 00:43:39
472
原创 HTML5元素拖拽、视频、音频
## 关于文字与图片的拖拽 ##1 给对象设置可拖拽属性 `draggable='true'` 2 给对象绑定起始拖拽事件 `ondragestart='drag(event)` 3 设置事件data `function drags(e){ e.dataTransfer.setData("Text",e.target.id);
2015-05-13 00:42:28
969
原创 css3动画效果的变换个人总结
css3动画变换 transform: 兼容性问题 1. webkit 谷歌浏览器2. moz 火狐浏览器3. ms microsoft 微软W3c标准4. o Opera IE9属性: 1. matrix 矩阵（6个参数：a,b,c,d,tx,ty）2. translate 2D平移(x,y) #div1{
2015-05-13 00:40:23
470
原创 关于背景裁剪与背景大小的个人总结
背景裁剪 background-clip 提醒一点：background默认从左上角开始覆盖，包括边框1. border-box(默认)：从border区域想外裁剪背景。2. padding-box:从padding区域向外裁剪背景。3. content-box:从content(内容)区域向外裁剪背景。在设置背景的时候可以方便的根据需求裁剪背景图 背景
2015-05-13 00:36:25
728
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人