随笔分类 - Javascript
JavaScript...
摘要:2022年了,微信打开APP(唤端)发生了一些改变。iOS支持通用链接,安卓只能使用微信开放平台提供的开放标签实现。 踩过的坑有几个: appId 要注意跟公众号appId区分 开放标签生效条件是,扫码或卡片分享链接,与分享机制相同。 jsApiList不能为空,这个我没有验证 样式得写在开放标签内
阅读全文
摘要:代码片断 import { Swiper, EffectFade, Mousewheel, Pagination } from 'swiper' import { directive } from 'vue-awesome-swiper' import 'swiper/swiper-bundle.c
阅读全文
摘要:之前在做一个项目的时候,遇到一个问题。 就是加载出来的图片都像有缓存一样,然后试了在onload的时候才替换,但是后来发现。只是没有加key属性,我们平时习惯在for的时候加上,但是如果你写了自定义的组件,就会忘记加上这个属性,在做diff的时候,vue以为没有做改变,所以不会更新。但是事实上,是会
阅读全文
摘要:deno js目前快要发布1.0。其实我已经安装了,之前有一个批量下载视频的需求,于是我就试了一下。我的需求是下载m3u8的视频,这些视频都是视频流的模式播放,要下载m3u8无非是把地址中的ts片断全部下载,然后合并,最后使用ffmpg转成mp4文件。这里使用了一个C 的 "开源项目" 来下载,它已
阅读全文
摘要:在做项目的时候,无意发现了一个小东西。 输出的结果是不同的,相差了8小时。然后让我回忆到之前看的一个时间转换函数,把 替换成/。于是,我把它替换了一下。问题就解决了,返回的就是相同的时间。所以可以简单地得出一个结论: 1. 其实不关是否加了0的问题 2. 把 替换成/,可以躲过这个坑 本来这个日记已
阅读全文
摘要:从上一年开始,我们开始接触直播,现在直播成本真的很低,很多CDN供应商都有提供,本文只是大概讲述播放器这个话题。 开始调研 播放格式,我挑了三种。分别是HLS,RTMP,HTTP-FLV。 下面简单说说区别,如果不做移动端,HTTP-FLV是最优选择,也是当前主流直播网站所用的格式。HLS在vide
阅读全文
摘要:cookie-parser的作用,官方的说法是:ParseCookieheader and populatereq.cookieswith an object keyed by the cookie names.我的理解是,转换headers中的cookie并跟req.cookies合并。作为coo...
阅读全文
摘要:之前加入了一个学习笔记本群,通过学习笔记来分享学习成果。也在这里发一份吧。* 难得第一次发首页,还不给上。那一些hello world的都能上。好歹是我自己研究过的,太不尊重人了。当我们在写web的时候,难免会要使用到cookie,由于node.js有了express这个web框架,我们就可以方便地...
阅读全文
摘要:http://stackoverflow.com/questions/22189544/print-a-div-using-javascript-in-angularjs-single-page-aplicationhttp://stackoverflow.com/questions/2307129...
阅读全文
摘要:1. templateURL和路由之类的要在web server下运行。2. 使用模板replace设为true,模板里也要有相应的标签,否则不出现任何数据。3. 1.2版本之后,ngRoute模块独立。4.空的controller不定义会出错。5.Directive的link参数是有顺序的:sco...
阅读全文
摘要:方法1,提取JQ(来源网络),此方法完整。Array.prototype.unique = function(){ var results=this.sort() for ( var i = 1; i < results.length; i++ ) { if ( results[i] === results[ i - 1 ] ) { results.splice( i--, 1 ); } } return results;}方法2,方法完整。 Array.prototype.unique = function...
阅读全文
摘要:if 语句,&&,三目到底有什么分别?if :判断&& :短路? : ; 相当于if
阅读全文
摘要:现在,我发现JavaScript最有质量的文章是来自博客园。这句话真的不假,因为其他的论坛什么的,已经是没什么人再去讨论了。然后,再说说,今日所阅读的文章,真的像拾宝一样,我很开心。基础的知识,虽然知道了很久,但是你再花心思看多一次,得到的是不同的收获,我终于明白了这一点。举个例子:var name = "Global name"; function funcA(){ var name = "FuncA name"; return function(){ alert(this.name); };} funcA()(); //Global name这个例子
阅读全文
摘要:Grunt适合中大型的JavaScript开发,它可以帮你打包,压缩,单元测试等……很遗憾告诉你,0.4已经出来了,意味着很多新的插件都是这个版本的,尽管现在0.3是稳定版。我们一直是勇于尝鲜的人,我终于花了2天时间把Grunt-cli这个搞懂了,事实上是说明我比较笨的。回头再学Node,因为这是必须的。我用Grunt就是想看看它到底有没有提供方便,未来可以使用在项目上,帮助我管理项目等。Grunt的核心是Gruntfile,Gruntfile是一个JS文件(0.4后Grunt.js改成了Gruntfile.js)。用于告诉grunt如何执行任务,还有一个重要的是文件是Package.json
阅读全文
摘要:Grunt is a task-based command line build tool for JavaScript projects。简单来说就是基于Grunt的前端的Build工具集合,包含各种功能。也许你觉得它会是一个装Cool的工具,事实上我不想花时间去说明它是如何如何优秀。在这里发帖,只是想唤起大家的一种想法,JavaScript的开发不只是用一个Editor的年代了,国外的技术已经到了很成熟的地步了,跟或不跟,都在于你。我也是头一次接触到Grunt。一、Grunt安装Grunt的安装离不开NodeJS,所以,你首先要安装NodeJS,在Windows,Linux安装也是方便的,
阅读全文
摘要:在The good parts中,有专门提到注释的问题。我承认这本书10年就买了,后来丢了,最近一次读书活动中,我又重新得到它。我从头看了一次,看到注释的时候,我才知道,原来注释还不能乱用,考虑以下情况:/* var str = 'hellO wOrld.'; str.replace(/O*/g,"o");*/可能是由于我写JS的时间不长,加上少用正则,这类问题才没有遇到。但是这些都必须要知道的。所以,这种多行注释最好只用于开头的信息说明,如果是代码注释,还是用单选的//代替会比较保险。
阅读全文
摘要:http://docs.jquery.com/Plugins/Authoring总得来说,今年才是我开始使用JQ的一年。jQ还有一个重要的特点,那就是插件体制。写一个插件之后,可以共享给其他的人用,可以大大地节省时间。上面的链接很全面地讲了如何去编写一个jQuery插件。开始写一个jQuery插件,最好的方法是以插件名作为jQuery.fn的一个对象:jQuery.fn.myPlugin = function() { // Do your awesome plugin stuff here};但是,我却看不见那个我喜欢的美元符号了?它仍然在那里,为了防止如其他的JavaScript库之前的$.
阅读全文
摘要:Singleton Pattern ,Github上有一些讲JavaScript Design Pattern的例子,当时没有保存地址下来。我突然想弄明白模式之一的单例模式。看了一篇在新浪博客和腾讯前端博客的文章,各有各精彩。引入那腾讯作者的一句话,“在平时的代码中也不知不觉用到了一些设计模式. 就像多年前我明白老汉推车是什么回事的时候也想过尼玛原来这就是老汉推车”。尼玛的,我最近也有在用单例,只是不知道原来它就是叫单例。看完后,我明白了高手原来就是比普通人再做多一件事,让事情更加简单化。var singleton = function( fn ){ var result; ret...
阅读全文
摘要:看了2篇有关Each的文章,只有一篇比较好。jQ大多操作都离不开这个方法,这也是为什么我们平时一个addClass,所有选择的元素都加上class,而不用我们去遍历。类似的还有许多,大概看了each这个方法,有几点小体会。jQuery.each这个方法挂在了jQuery.fn(jQuery.prototype),也就是原型链上。这样每个JQ对象都有这个方法。each方法虽然挂在jQuery.fn上,主体却是在jQuery.extend里。extend方法是的扩展各种方法的,jQuery.extend,相当于jQuery function的静态方法。通过jQuery.extend({ me...
阅读全文
摘要:replace是一个很好用的方法,但是我却一直害怕用它。原因是它里面有涉及到正则,今天来看看能突破到哪一个地步。首先,来看看它的语法:newstring=str.replace(regexp|substr,newSubStr|function[,Non-standardflags]);来一个比较简单的例子先,var str = "He said,Hello world.";var newString = str.replace(/He/g,'he'); // ==> he said, hello world.这个最简单的用法,没有用到正则,没有函数。只
阅读全文