随笔分类 -  javascript

（十分钟视频教程）nodejs基础实战教程3：react服务端渲染入门篇
摘要：视频截图如下： （具体视频见文末） 前言： 这是小猫的第三篇node教程，本篇内容是由公众号粉丝票选得出的，相信大家对这篇教程是抱有较大希望的，这篇教程由小猫和一位多年的好朋友合作完成（笔名：谷雨，博客地址：https://segmentfault.com/u/1024dylan），也是ssr的启蒙 阅读全文
posted @ 2018-05-15 10:18 毛绒猫猫 阅读(1078) 评论(0) 推荐(0) 编辑
只需几分钟跟小猫学前端（内含视频教程）：nodejs基础之用express、ejs、mongdb建设简单的网站
摘要：开门见山视频教程 https://v.qq.com/x/page/d0645s79xrq.html 前 言： 这是小猫的第二篇node教程，第一篇教程是一个简单的试水，小猫的node教程面向对象为没有后端开发经验的但对node有所了解的web前端工程师们，每篇几分钟的视频和博文，由浅入深的学习nod 阅读全文
posted @ 2018-05-06 17:56 毛绒猫猫 阅读(648) 评论(6) 推荐(3) 编辑
每天几分钟跟小猫学前端之node系列：用node实现最简单的爬虫
摘要：先来段求分小视频： https://www.iesdouyin.com/share/video/6550631947750608142/?region=CN&mid=6550632036246555405&titleType=title&timestamp=1525407578&utm_campai 阅读全文
posted @ 2018-05-05 12:19 毛绒猫猫 阅读(793) 评论(0) 推荐(0) 编辑
关于ajax的content-download时间过慢问题的解决方案与思考
摘要：前言： 做前端架构很久很久了，经常到我这里都是些棘手的问题，之前没有养成很好的记录问题的习惯，以后会努力成文，积累。 于是今天就有个这篇文章。关于ajax的content-download时间过慢问题的解决与思考 事件背景： 开发人员反馈给我一个bug，ajax相应速度很慢，经过定位，速度慢的原因在 阅读全文
posted @ 2018-04-24 13:45 毛绒猫猫 阅读(16274) 评论(17) 推荐(7) 编辑
用html5文件api实现移动端图片上传&预览效果
摘要：想要用h5在移动端实现图片上传&预览效果，首先要了解html5的文件api相关知识（所有api只列举本功能所需）: 1.Blob对象 Blob表示原始二进制数据,Html5的file对象就继承于它，它提供以下属性： type：mime类型,如果是未知类型则返回一个空字符串 size：Blob对象的字 阅读全文
posted @ 2016-03-22 19:33 毛绒猫猫 阅读(8178) 评论(2) 推荐(5) 编辑
javascript基础之我见（2）----一句话搞定this，并浅析js，as相互调用的this问题
摘要：在写js的时候，我们往往会遇到this的概念，this的指向，总会让人很头痛。今天根据我对this的理解，和一些经验，来用一句话总结下this。那么这句话就是： this在有函数调用者时指向调用者否则指向GLOBAL，call、apply除外。 那么,我们通过一个例子来理解并记住这句话： 1 function test(){ 2 console.log(this); 3 } 4 test();//Window 5 var th = {}; 6 test.call(th)//th 7 test.apply(th)//th 8 var a = function(){ 9 }... 阅读全文
posted @ 2012-09-05 23:03 毛绒猫猫 阅读(2076) 评论(1) 推荐(3) 编辑
触屏RIA开发之为zepto升级，模拟用户行为
摘要：首先，老习惯，先介绍背景： 在开发html5的音乐播放RIA时，在Ios的safari里本小姐发现了一个诡异的问题：1 //代码前提是引用了zepto.js2 var audio = $("audio")[0];3 audio.src="test.mp3";4 audio.bind("tap",function(e){5 audio.play();6 }) zepto的tap居然失效了！！！怎么回事呢？加了很多断点后，发现tap事件并没有失效，而是在tap的回调函数里的audio.play()失效了，android的chrome啊，u 阅读全文
posted @ 2012-08-31 19:30 毛绒猫猫 阅读(1310) 评论(0) 推荐(2) 编辑
写出高性能javascript（1）----三个习惯
摘要：做了这么久的前端工程师，总被朋友问到怎么写出高性能的javascript，那么我今天就来简单总结下，其实js本身是没有什么性能问题的，所谓的内存泄露，也主要针对于IE6，IE7，而IE7的内存泄露问题也并不严重，这里不讨论浏览器造成的内存泄露问题，我们只讨论，养成什么样的书写习惯能够写出，高效率高性能的js。 在这里我总结了三个书写js的习惯，然后分别针对执行效率，内存问题，安全等各个方面综合分析要养成这三个习惯的原因。 1.尽量使用局部变量： 局部变量的创建和访问都是特别廉价快捷的，而使用全局变量的话，js对全局变量的调用实际上是对GLOBAL对象的查找引用，性能低下。而局部变量则是... 阅读全文
posted @ 2012-08-31 16:17 毛绒猫猫 阅读(3129) 评论(6) 推荐(9) 编辑
javascript基础之我见（1）----深度理解原型链
摘要：写在开始之前： 早就想要好好总结下javascript的基础知识了，所以从这篇文章起，我会开始总结各种js的语法知识，作为一名以js开发为生计的前端工程师，深深的着迷于js的语言魅力，而js最吸引人最强大的地方，便在于他独特的语法，能深刻的理解js的语法，是作为一个前端工程师的基本素质，在这里，笔者在总结的同时，也希望前端朋友们给予自己的补充和见解。那么就让我们从js最最独特的语法，闭包，原型，词法作用域开始，接下来，笔者也会讨论this，正则，浏览器的能力检测，事件代理等细节问题，以及html5，css3等前沿领域，今天我先试着总结下原型链相关的知识。笔者的经验和知识也许会有很多不足之处，. 阅读全文
posted @ 2012-08-29 16:46 毛绒猫猫 阅读(2475) 评论(13) 推荐(4) 编辑
js汉字排序问题--支持中英文混排，兼容各浏览器，包括CHROME
摘要：这套排序机制同时兼容了IE和ff 可以实现所有浏览器下排序的统一哦~具体技术 1.使用GB编码与UNICODE的转换2.数组关联排序注意：GB编码 库地址 http://www.blueidea.com/user/qswh/qswhGB2312.js代码（demo写的很简陋）<script>//power by 毛绒猫猫 176929463@qq.com var strGB="啊阿埃挨哎唉哀皑癌蔼矮艾碍爱隘鞍氨安俺按暗岸胺案肮昂盎凹敖熬翱袄傲奥懊澳芭捌扒叭吧笆八疤巴拔跋靶把耙坝霸罢爸白柏百摆佰败拜稗斑班搬 扳般颁板版扮拌伴瓣半办绊邦帮梆榜膀绑棒磅蚌镑傍谤苞胞包褒剥薄雹保堡 阅读全文
posted @ 2011-12-18 18:14 毛绒猫猫 阅读(4433) 评论(1) 推荐(3) 编辑
suggestion开发小结以及 对键盘事件的总结（针对中文输入法状态）
摘要：重要的键盘事件：事件顺序：keydown -> keypress ->keyup对于输入法开启时： keypress： 这三个事件中最最特别的事件的说,如果巧妙运用可以事半功倍： 1. 首先对于大部分功能键是没有keypress事件的 Caps lock，shift，alt，ctrl，num lock、、、庆幸的是enter拥有此事件 2.对于字母，数字，press返回的keyCode是不可靠的 在IE和webkit下 返回的是ASCII code firfox下永远返回0 但是 对于keyUP keyDOWN事件 键值是完全统一的 3.KeyPress只能捕获单个字符KeyDow 阅读全文
posted @ 2011-12-18 17:19 毛绒猫猫 阅读(2454) 评论(3) 推荐(3) 编辑

点击右上角即可分享
微信分享提示