前端
「已注销」
WEB研发工程师,运维|开发工程师,Python工程师,发展方向为数据挖掘分析、大数据。羽毛球、乒乓球、桌球业余爱好者,Guitar爱好者。
展开
-
nodejs socket实现的服务端和客户端简单通信
nodejs socket实现的服务端和客户端简单通信nodejs socket通信nodejs socket端口监听原创 2017-07-31 00:31:21 · 16895 阅读 · 1 评论 -
经济学人阅时即查应用 V3版本发布
新版本主要有以下几方面的功能增加或者提升将生词查询结果直接以悬浮层的形式展示在文章页,避免了页面切换增加了生词发音增加了单词统计数据扫码获取文章,同一二维码,每日扫码结果均为当日最新文章 ...原创 2018-05-19 23:32:57 · 287 阅读 · 0 评论 -
利用python爬虫结合前端技能实现经济学人(The Economist)阅时即查APP(00)
python爬虫结合前端技能实现经济学人(The Economist);python爬取主页,获取最新文章列表;python爬取文章列表,归档为本地文件;python实现数据清洗,过滤出每篇文章中有一定难度的单词;python分别从有道、必应爬取单词的发音、解释、短语、例句等信息,首选有道;根据文章,以及爬取的对应单词解析文件,生成最终可供请求处理的json文件原创 2018-04-29 00:00:14 · 1140 阅读 · 2 评论 -
jQuery实现CheckBox全选
关于jQuery实现CheckBox全选只能生效一次的问题这代码只有一次全选、全不选的效果 第三次点击checkall会没有任何效果 $("#checkall").click(function(){ $('input[name="check"]').attr("checked",this.checked); }); 使用prop才能实现每次点击都能达到预期效果 ...原创 2018-05-14 23:25:42 · 5405 阅读 · 0 评论 -
JavaScript如何判定数组以及对象的type
判断是否为数组:Object.prototype.toString.call(arr) == '[object Array]'判断是否为对象:Object.prototype.toString.call(ob) == '[object Object]'原创 2018-05-16 21:09:20 · 489 阅读 · 0 评论 -
error/exception/new operation与解决记录
Django动态生成复合Q查询条件#假定我们需要获取id为某些值的记录,id参数为一个列表 import operator from django.db.models import Q Qlst = [] for id in question_ids: Qlst.append(Q(question_id= id)) if len(...原创 2018-05-23 23:41:12 · 377 阅读 · 0 评论 -
jQuery 事件 - one() 方法
定义和用法one() 方法为被选元素附加一个或多个事件处理程序,并规定当事件发生时运行的函数。当使用 one() 方法时,每个元素只能运行一次事件处理器函数。语法$(selector).one(event,data,function) 参数 描述 event 必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。 da...转载 2018-05-23 23:47:37 · 345 阅读 · 0 评论 -
经济学人(The Economist)阅时即查应用 V4版本发布公测
第四个版本计划了有一个月了,但是因为工作忙、新版设计未定、懒等原因前天晚上才动工开始做,其实效率还算很高的,毕竟只不过用了两天时间,但是却完成了完全的改版,使用过上一版本的同学应该会有很深体会的新版本设计亮点如下**所有板块以nav的形式来进行切换文章分页做了很大改进增加了每日格言整体的style改变也很明显,pc和mobile的兼容有了很好提升个人相关链接的布局改变等。。...原创 2018-07-01 18:07:43 · 660 阅读 · 1 评论 -
CSS3的nth-child() 选择器
nth-child()浏览器支持IE9及以上版本,火狐,谷歌,Safari ,Opera都支持!:nth-child(n) 选择器匹配属于其父元素的第 n个子元素,不论元素的类型。n 可以是数字、关键词或公式。p:nth-child(2)/*将匹配body的第二个元素*/{background:#ff0000;}不要把:nth-child() 和:nth-of-type...原创 2018-07-04 22:25:55 · 319 阅读 · 0 评论 -
React搭配好用的图表模块Recharts
如果你正在寻找一个图表库||插件||模块来为你的React应用绘制一些统计||分析图表,那么本文可能会给你一些解决方法,并且你会看到一个本人正在使用的插件效果示例。福利推荐:一个拥有多个10+主题的网站,such as:Top 10+ React Graph Chart Libraries with Demo正题:Recharts, 基于 React 的组合式图表基本的使用方法就不多说了,官...原创 2019-03-16 16:01:22 · 3141 阅读 · 2 评论 -
Javascript读取上传文件内容/类型/字节数
在网站开发的某些情况下我们需要上传文件到服务器,在这个过程中可能会对文件做一定的限制,比如说文件格式,文件大小等,在一些情况下我们上传文件其实是为了获取其中的内容在前端区域展示,这个时候就不需要将文件上传到服务器,完全可以通过Javascript来获取上传文件内容然后进行展示,既加快了操作速度,也减轻了服务器的负载和存储。接下来就是一个实际操作的过程:首先来看一下一个上传文件对象的属性:UI...原创 2019-03-22 15:52:34 · 1390 阅读 · 0 评论 -
Javascript arrow function--箭头函数
箭头函数有别于函数表达式,它更加简洁,并且没有自己的this,arguments,super或 new.target。箭头函数更适用于那些本来需要匿名函数的地方,并且它们不能用作构造函数。基本语法(参数1, 参数2, …, 参数N) => { 函数声明 }//相当于:(参数1, 参数2, …, 参数N) =>{ return 表达式; }(参数1, 参数2, …, 参数N) ...转载 2019-04-21 23:28:45 · 690 阅读 · 0 评论 -
React循环遍历渲染数组和对象元素
遍历渲染数组1.单纯数组const pureArr = ['a','b','c','d']//假如我们想将上面的数组利用react渲染成一个列表,代码如下:{{pureArr.map(item => (<li key={item}>item</li>))}以上代码在codesandbox中运行结果如下:2. 对象数组const objArr =...原创 2019-04-28 10:22:51 · 43580 阅读 · 2 评论 -
迭代修改javascript对象的每一个属性值或者返回一个新对象
使用map方法迭代修改原有对象var myObject = { 'a': 1, 'b': 2, 'c': 3 };Object.keys(myObject).map(function(key, index) { myObject[key] *= 2;});console.log(myObject);// => { ‘a’: 2, ‘b’: 4, ‘c’: 6 }使用 fo...原创 2019-06-13 08:09:03 · 5833 阅读 · 0 评论 -
经济学人(The Economist)导读(阅时即查,每日更新)
经济学人是一个涵盖了经济、政治、文化、人物评论等多方面内容的English Daily Newspaper,近几年因其中出现的很多文章被用来作为大学四六级、考研、雅思、托福等的阅读理解内容,故而受到了很高的关注度。本人因为工作有较高的英语读写说要求,为了更好的适应工作环境,便选择了经济学人作为一个英语阅读能力提升入口,但是经济学人的文章中生僻词相对较多,并且有阅读限制,为了摆脱限制实现顺畅阅读,秉...原创 2018-05-11 20:23:13 · 3692 阅读 · 3 评论 -
JavaScript获取url传递参数构造可供使用的键值对象
location.search; //获取url中"?"符后的字串;JavaScript获取url传递参数构造可供使用的键值对象;window.location.pathname;//设置或获取与 URL 关联的端口号码。window.location.port//设置或获取 URL 的协议部分。window.location.protocol//设置或获取 href 属性中在井号“#”后面的分段。js正则使用原创 2018-05-05 15:21:03 · 403 阅读 · 0 评论 -
个人公众号“易读英闻”计划起航,敬请关注
css3 @mediacss3媒体查询响应式网页设计css适配不同窗口大小原创 2017-07-19 22:42:03 · 27470 阅读 · 3 评论 -
JavaScript动态绑定(向后绑定)
JavaScript事件的动态绑定jQuery on用法示例jQuery on源码JavaScript元素事件绑定失效解决原创 2017-07-23 09:05:38 · 833 阅读 · 0 评论 -
css盒子模型
css盒子模型前端csshtml原创 2017-07-19 00:20:26 · 570 阅读 · 0 评论 -
JavaScript requestAnimationFrame动画
requestAnimationFrameJavaScript动画原创 2017-07-24 00:35:04 · 514 阅读 · 0 评论 -
javascript:void(0)有什么作用?
javascript:void(0)作用href="#id"与href="javascript:void(0)"的区别原创 2017-07-25 23:59:26 · 1756 阅读 · 0 评论 -
HTML 5 Web 存储 localStorage 和sessionStorage
HTML 5 Web 存储 localStorage 和sessionStoragelocalStorage用法示例sessionStorage用法示例localStorage和sessionStorage的区别原创 2017-07-26 00:32:52 · 707 阅读 · 0 评论 -
nodejs日志读取、日志查找、日志刷新
JavaScript函数传参JavaScript日期处理JavaScript字符串操作前端时间插件按需定制使用nodejs文件操作nodejs按行读取文件nodejs日志操作原创 2017-07-27 00:13:30 · 9683 阅读 · 2 评论 -
nwjs(node-webkit)桌面app自定义窗体事件、nwjs托盘tray的实现
nwjs(node-webkit)开发nwjs(node-webkit)自定义窗体事件nwjs(node-webkit)托盘tray的实现node原创 2017-08-06 00:00:13 · 8756 阅读 · 3 评论 -
css去除chrome浏览器输入框默认样式填充及chrome浏览器滚动条样式设置
css修改chrome浏览器输入框自动填充的默认行为chrome浏览器滚动条样式设置原创 2017-07-28 22:22:40 · 4615 阅读 · 0 评论 -
PHP中如何将stdClass Object转为array
PHP中如何将stdClass Object转为array;stdClass类原创 2017-09-24 22:10:32 · 2528 阅读 · 0 评论 -
WebSocket+多线程python socket网页版实时在线聊天实现
Python套接字、Python多线程、websocket协议应用、前端三剑客,网页版在线聊天应用原创 2017-10-08 10:25:16 · 8961 阅读 · 4 评论 -
JavaScript垃圾回收概述
JavaScript垃圾回收;JavaScript数据类型转载 2017-11-09 10:08:36 · 347 阅读 · 0 评论 -
个人主页上线,敬请关注(star,fork at github)
炫酷个人主页,github.io,github原创 2018-02-02 12:11:32 · 365 阅读 · 1 评论 -
javascript atob()函数和 btoa()函数-Base64的编码与解码
在 JavaScript 中,有两个函数被分别用来处理解码和编码 base64 字符串:atob() //ASCII to Base64btoa() //Base64 to ASCIIatob() 函数能够解码通过base-64编码的字符串数据。相反地,btoa() 函数能够从二进制数据“字符串”创建一个base-64编码的ASCII字符串。Encoded size increase...转载 2019-06-13 08:31:57 · 17553 阅读 · 1 评论