实践
Abner~o(〃'▽'〃)o
IT界的一个小学生
展开
-
php小程序--记事本--messagebox
php messagebox原创 2015-08-10 11:35:40 · 1217 阅读 · 0 评论 -
初识react--1
在没有实际用到react之前,它给我的印象只有一个:虚拟dom,但是我对虚拟dom是什么完全没有概念下面通过这段时间的工作实践谈一下自己对 Virtual Dom 的理解:通过js操作数据生成js对象实例,然后跟上一次生成的(如果有) Virtual Dom 去 对比,得到一个补丁,然后把这个补丁打到浏览器的dom上去,之所以这样做是因为相同的操作js的速度比未手动优化的dom操作快的多,原创 2018-05-01 11:16:40 · 187 阅读 · 0 评论 -
ECharts3.x中的点击事件与行为
在ECharts中主要通过 on 方法添加事件处理函数,ECharts中的事件主要分为两种,1)鼠标事件,在鼠标click or hove 时触发鼠标事件; 2)另外一种是在ECharts在做图形交互时触发的事件,即调用 dispatchAction 后触发的事件。鼠标事件:'click','dblclick','mousedown','mouseup','mouseover','mouse...转载 2018-03-09 10:54:58 · 2837 阅读 · 0 评论 -
ES6 Set 和 Map数据结构入门
1.SetSet本身是一个构造函数,用来生成Set数据结构,它有个特点就是构造出来的数据中不会有重复的值,利用这一特性我们可以去除数组中的重复成员:const s = new Set();[1,2,3,4,5,3,4,5,2,3].forEach(x => s.add(x))console.log(s)Set有4个操作方法和4个遍历方法操作方法遍历操作原创 2018-02-07 09:58:24 · 187 阅读 · 0 评论 -
前端小程序——js+canvas 给图片添加水印
图片来自网络市场上各种各样的图片处理器有很多,那么作为程序员的我们是不是应该自己做一个呢?那就从加水印开始吧html: 点击添加水印画完页面就是这个样子了:加上js处理:/*加水印*/function shuiyin(canvasid,imgurl,addtext){原创 2017-03-03 14:31:57 · 17973 阅读 · 4 评论 -
前端jquery实现图片点击放大缩小
利用dom的垂直分层实现图片的点击放大和缩小(手机上使用的效果较好),在图片放大的时候同时禁止页面的滑动,如果在web端的话可以不禁止屏幕的滚动(因为图片放大是将图片的宽度变成100%,在web上长度可能会超出屏幕 的高度)。js部分:function clickToBigImg(){//绑定图片函数 //var clickImgId = $(this).attr("i原创 2017-02-15 17:37:38 · 23924 阅读 · 3 评论 -
前端js+html实现简单验证码
前些日子接触到一个项目,要求实现一个简单的验证码,参考万能的百度结合自己的想法实现了一个简单的前端验证码,当然跟后台的不能比安全性,页面部分: 验证码 id="Yzm" style="width: 30%;float: initial; margin-left: 27%;" >style="margin:0;float: right;width:20%" onclick="createCode原创 2017-02-14 09:15:42 · 22101 阅读 · 4 评论 -
js正则表达式积累
整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字:"^[0-9]*$"。只能输入n位的数字:"^\d{n}$"。只能输入至少n位的数字:"^\d{n,}$"。只能输入m~n位的数字:。"^\d{m,n}$"只能输入零和非零开头的数字:"^(0|[1-9][0-9]*)$"。只能输入有两位小数的正实数:"^[0-9]+(.[0-9]{2})?$"。原创 2017-03-01 13:36:54 · 242 阅读 · 0 评论 -
抓住神经猫的学习与实践
最近学习了一款html小游戏叫抓住神经猫:利用了createjs api以及简单的游戏逻辑完成的页面部分: 围住神经猫 再来一次圆类:/** * Created by gjq on 2017/2/7. */function circle(){ createjs.Shape.call(this); t原创 2017-02-07 16:07:25 · 734 阅读 · 0 评论 -
日常js函数积累
js函数积累原创 2016-03-27 11:38:43 · 351 阅读 · 0 评论 -
html5 撕裂网布源码分析????
最近看到一个有趣的demo源码叫做html5撕裂网布是基于html5 的实现的,效果就是下面这样的,百度了好久没有发现有人对此代码研究过,现在将源码贴在这里如果有哪位大牛能够帮忙分析一二,在下感激不尽,过段时间我会将源码的解析版重新放上来希望大家多多指导!! HTML5 Canvas可撕裂布料效果 .top-banner {原创 2016-11-17 11:30:08 · 946 阅读 · 0 评论 -
php小程序--记事本--登陆判断
本学渣近期刚刚学习php写了个记事本来练手,为了让自己对php的理解运用更好特地把编写过程及代码写出来加深印象。 首先从登陆判断开始,//头部标签This is my first diary entry interface //这句话的意思是“这是我的第一个记事本程序”它是显示在地址栏的东西也就是说程序的ti原创 2015-07-28 10:08:02 · 1482 阅读 · 0 评论 -
php小程序--记事本--防止为登陆直接打开页面
刚刚开始写的时候并没注意到这个事情直到后来想了一下觉得这就是个大坑啊如果别人直接进来编辑页面给我大肆的输入保存一统,拿我的数据库岂不完了!废话不多说附上源码解释:<?php session_start(); //开启session //判断登录时的session是否存在 如果存在则表示已经登录 if(!$_SESSION['username']){ // !$_S原创 2015-08-03 18:43:38 · 810 阅读 · 0 评论 -
antd Table 利用自己生成cell结合expandedRowKeys配置,实现任意cell控制展开列
因为项目需要,antd实现一个形如这样的表格但是奈何翻了好几遍api文档并没有发现这样的东西,只好自己改造了,首先table是这样的 <Table columns={this.columns} dataSource={tableData} bordered pagination={false} ...原创 2018-04-25 10:54:02 · 11461 阅读 · 2 评论