微信小程序与微信小游戏

7个月前
最近在折腾使用 cocos creator 开发运营类小游戏,这确实是一款很棒的游戏开发软件,集成了整套的开发调试工具与跨平台编译支持,目前支持编译到绝大多数平台,甚至最近几年比较火的各种小游戏平台,一些经典游戏如《保卫萝卜》、《开心消消乐》等都是用此工具开发 (微信官方欢乐斗地主小游戏是用 cocos2d-js 开发) ,还是比较靠谱的。 由于我们的需求场景主要在微信平台,所以重点使用了其编译至...
Javascript 313 0 0

微信封禁链接小结

11个月前
大概在今年 6·18 的前几天,我们发现分享至好友和朋友圈的营销活动链接被频繁封禁: 经过大量被封禁链接的规律分析发现,目前微信封禁的是初次访问的 url 中的 path 部分,改变 path 即可临时解封。(如果页面有二次跳转,那么微信封禁的会是跳转前的 url 地址) 但改变 path 成本很高,需要服务端有对应的内容与之响应,通常的手段要么是 nginx 配置虚拟路径,要么是前端复制...
Javascript 766 7 0

Nodejs 中的流式下载解压与流式压缩上传

11个月前
我们的构建工具中有下载和上传的功能,分别是在创建项目和发布代码到测试环境的时候,最开始为了偷懒都是先 下载/打包 成临时压缩包,然后 解压/上传 这个临时压缩包 后来觉得先写个文件到磁盘,再 解压/上传 这个文件有点傻,因为 解压/上传 完毕还要再删掉它,并且即使捕获了程序异常退出、上传失败、网络不通等等异常还是会因为一些原因删不掉,比如突然断电、程序异常崩溃等 倒是有个猥琐的手段,写到一...
Javascript 1316 1 0

BFCache 与 SPA单页面应用前进后退导致白屏

12个月前
什么是BFCache back-forward cache, 为浏览器前进/后退时准备的缓存 官方解释提到了 nsIDOMWindow ,那什么是 nsIDOMWindow 呢? 它是 Gecko 内核标准下的一个 interface, 它主要描述了一个承载了 Document Object Model(DOM)的容器,也就是我们常用的 window 根对象。 与之很像的还有一个叫做 ns...
Javascript 1312 3 0

package-lock 和 npm-shrinkwrap

1年5个月前
最近半年都在做一个团队内部的构建工具(以下简称CLI),目的是统一管理构建环境的版本,构建环境出了问题或者需要升级的时候统一解决。 既然是想统一版本,那肯定希望每个人安装到本地的CLI所依赖的node_modules版本都是一致的,我们用的node版本是v8.12.0(npm@6.4.1),正好会自动生成package-lock.json(从npm@5.0.0开始),想当然的以为它的存在会锁定每个...
Javascript 985 1 0

开发无感知的webp升级方案

1年6个月前
webp最早由Google收购的On2 Technologies于2010年9月底提出,2014年初发布的Chrome@32和稍早发布的Android Browser@4.2完全支持了webp的所有特性,包括有损压缩、无损压缩、动态图等,然而直到现在Apple生态还是完全不支持webp,包括iOS Safari和pc Safari。虽然如此,我相信终有一天它会被广泛接受,毕竟无损压缩可以减少普通p...
Javascript 1501 3 0

微信小程序web-view组件的坑

1年6个月前
最近在做一个活动时候,需要将H5页面嵌入别人家的小程序中,正常微信环境中我们会通过在分享链接拼接参数的方式,来获取微信用户的分享关系,然而在小程序中分享的地址是小程序自己的path,其他用户点击的时候会直接进入小程序的这个path,所以H5就不能直接获取到用户的分享关系了。 那么怎么实现呢?思路是挺简单的: H5将需要拼接在分享链接上的参数,通过wx.miniProgram.postMe...
Javascript 1493 5 0

页面禁止滚动

1年9个月前
最近做了个图表的东西,图表上有拖拽的交互,在拖拽的时候不小心就会拖动到页面,为了避免这个交互带来的影响,很自然的我们想到了阻止页面滚动常用的伎俩: document.body.addEventListener('touchmove', e => { e.preventDefault(); }, false); 打开页面发现,好像并没有生效,并且报了这么个错误: ...
Javascript 1055 0 0

webpack4 抽离公共css产生的问题

1年10个月前
webpack4对css的默认处理是同步引用的[s]css合并成一个文件,其他异步引用的分别单独打成独立文件,但是在[s]css文件中使用@import引用的公共模块并不会被抽离出来合并到同步引用的[s]css合并成的文件中,这导致引用了大量的重复代码,可以看看sass-loader其中一个issue对此问题的讨论并且我们希望同步引用的[s]css文件最终打包成两个css,一个是通用的common...
Javascript 1994 0 0

http请求被307到https

1年10个月前
问题复现 先访问https://a.com, 该网页JS会请求https://api.a.com接口 再访问http://a.com, 该网页JS会请求http://api.a.com,但是查看网络请求发现,http://api.a.com被强制307到了https://api.a.com 经过排查发现,这是命中了浏览器的HSTS策略,即: 一切能通过https访问的网址,都用htt...
Javascript 2833 1 0

迟迟未到的babel-preset-env@2

2年5个月前
从babel-preset-env之前官方github的release列表中可以看到,距离可追溯的第一个2.0的alpha版本v2.0.0-alpha.4 (2017-04-07)已经过去了382天,在经历了几十个alpha版本和几个beta版本后版本号变成了7.0.0-beta.3,与之对应的babel-core也接连发布了多个7.0.0的alpha和beta版本,目前也已经到了7.0.0-be...
Javascript 1423 0 0

再谈webpack-dev-server之proxy

2年5个月前
今天在折腾proxy代理的时候,遇到了这么个需求:只匹配不包含/js/的路径,然后理所当然的认为proxy的路径应该是支持正则匹配的,不匹配某个特定组合的字符需要用到零宽度负预测先行断言(?!exp):^(?!.*\/js\/).*$ 然而并没有起任何作用,似乎并没有匹配到任何路径。查遍了官方文档也没有找到可以打印代理日志的方法,只能去webpack-dev-server的代码里打断点来调试了。然...
Javascript 6963 2 0

webpack-dev-server编译文件写入磁盘

2年5个月前
了解webpack-dev-server的同学们都知道,启用它之后编译生成的文件是存在内存里不落磁盘的,但如果我就是想落磁盘应该怎么操作呢? 先来看看webpack官方是怎么回复这个问题的:#issue62,先是让用webpack --watch来解决,然后质疑了为什么会有这种需求,再然后另外一位Contributor回答说假如你监听的端口是9000,那么可以访问http://localhost:...
Javascript 4268 3 0

腾讯云centos7安装gitlab及数据迁移

2年6个月前
前几天花360元撸了4年1核2G腾讯云,最近打算把原来阿里云上的gitlab迁过去,主要原因是这东西开起来就吃掉1G内存,当初为了能装这个玩意还升配了阿里云,花了不少银子。 当初阿里云怎么装的gitlab都有点忘干净了,只记得这玩意好像内置了nginx,搞不好会和之前安装的nginx有冲突。这次重新装正好可以记录下过程。 打开gitlab官网,选择自己的linux版本,然后按照提示一步步的进行即可...
Javascript 2046 2 0

React 服务端渲染

2年6个月前
写了这么多年博客,本来就没几篇,被百度收录的更是少之又少,可能因为之前大部分时间都是为了追求页面效果而使用了前端模板,导致百度蜘蛛过来的时候没有东西可爬吧。所以最近打算搞成前端+服务端共同渲染,实现用户手点页面的时候在前端跳转,直接请求页面则由服务端直接返回拼装好的页面。本篇主要记录使用react服务端渲染来实现这个需求所以到的几个问题,所使用的react版本为15.5.4。 1.首先遇到的问题是...
Javascript 1936 0 0

babel-preset-env前端狗的又一个福音

2年9个月前
之前的文章提到我的小伙伴踩中了babel的坑,当时只是找到了问题的原因,然后给了一个比较潦草的解决方法:直接引入低版本浏览器不兼容的API。但是在实际开发中我们不可能熟知各个浏览器对API的兼容情况,导致只能报错之后再去补救,显然这不是个优秀的方案,下面我们就探讨一下如何优雅的避免此类问题的发生。 先尝试使用vue-cli构建项目,我们发现它的初始模版中同时配置了babel-preset-env和...
Javascript 4905 1 0

javascript中的冒号

2年9个月前
最近小伙伴又遇到了问题,告诉我以下代码会报错: ['m', 'd', 'h', 'n', 's'].forEach(v => { console.log(v); } //TypeError: Cannot read property 'forEach' of undefined 但是这么写...
Javascript 1467 1 0

理解babel

2年10个月前
最近有小伙伴发现某页面在iOS8微信环境下显示空白页,跑过来问我可能导致此问题的原因,因为这是个前端模板渲染的页面,所以首先想到的是js抛错了,找个iOS8来试试吧。 手里有了iOS8,也打开了这个不正常的页面,却发现有点手足无措,曾经各种远程调试真机的招数居然一个都想不起来了,于是翻到了这篇文章温习了下,mac插上数据线连接到手机,然后在mac的safari中就能调试到iOS里的页面了,如果是首...
Javascript 3439 3 0

搭建ngrok实现内网穿透

3年4个月前
一直想从外网访问家中的网络,以前听说可以设置端口转发,但必须进入小区的交换机设置,一般运营商是不允许这么做的。后来甚至想过自己用socket实现,外网请求阿里云,阿里云socket推送给家中内网... 今天偶然间发现了ngrok这么个东西,据官方解释,这是一个go实现的可以穿透内网的反向代理服务器,正好符合我的需求。下面就记录一下安装配置过程。 既然是基于go语言实现的,那首先要安装go语言环境,...
Javascript 1245 2 0

单页面web应用避免白屏

3年6个月前
ajax的兴起给web开发带来了新思路,彻底划清了前后端开发的界线,一些优秀单页面SPA也应运而生,然而事情的发展总是有两面性的,单页面应用同样也会有些缺陷,如不利于搜索引擎抓取,首页白屏等,本篇将着重对第二个问题进行分析、解决。 单页面应用的交互方式决定了页面打开伊始是没有数据的,当然也可以进行优化,像本博客采用的方案,后面会说到。首次打开大部分的单页面应用都会发现,做的差一点的会是先白屏,好一...
Javascript 1573 2 1

npm的又一记坑

4年4个月前
以前开发npm包都是直接publish到npm官网,然后install下来使用,遇到有bug的情况就要反复上传新版本,很麻烦,后来有小伙伴说可以使用本地目录或者github地址进行测试,今天正好打算尝试下,npm官方文档:使用本地目录使用github 知道了这些,我们就开始搞吧,先扯个本地目录写两行代码,然后到项目的package.json配上本地路径,npm install走你...报错了,...
Javascript 754 1 2

React Native TextInput标签左右对齐的坑

4年4个月前
相信大家经常遇到如下设计: 上图授权码处,左边一个Text做label,右边TextInput默认显示placeholder提示用户输入,web端大家都会用flex(inline-block)+line-height来分分钟搞定它,然而到了RN端这个问题却好像没那么简单了:RN里面的line-height并不是web端的那种效果,并不能通过设置height=lineHeight来使内容居中,具体效...
Javascript 3287 1 1

npm的几个坑

4年6个月前
随着nodejs发布5.x.x稳定版,npm3也踏坑而来,带来了传说中的flat dependencies。如果没有版本冲突的话,它会把所有的依赖压成一层。 没冲突的情况下,比如模块依赖关系是这样的:---a@1.0.0---b@1.0.0      |-b@1.0.0 安装后的项目结构是这样的:node_modules---a@1....
Javascript 1206 3 1

做个chrome插件吧

4年6个月前
很久没有写点东西了,说来惭愧。团队上有很多杂事要处理,尤其现在组里人多了起来,需要想的事情有很多,想要做的也很多,每天会议也很多...真像某位前辈说的,该适当控制下自己写代码的欲望了,但代码写少了会感觉很心慌...总觉得自己要被时代遗弃了... 最近终于抽空把这个需求做了:给有道词典开发一个能一键加入单词本的浏览器插件。我尝试了好几个官方提供的插件,要么是有bug用不了,要么就必须开启划词翻译,但...
Javascript 878 5 7

测试

4年9个月前
<?php phpinfo(); ?>...
Javascript 287 0 0

iOS平台native调用React Native functions

4年9个月前
上一篇介绍了react native调用native functions,其中提到的js调用oc函数的时候,传递一个回调函数进去,其实已经实现了oc调用js,只不过这种方法官方给出了一个Warning:This section is more experimental than others because we don't have a solid set of best practic...
Javascript 1771 2 4

iOS平台React Native调用native functions

4年9个月前
随着react-native开发的继续深入,我们终于来到了react-native和native相互调用这道坎,本文将介绍react-native调用native functions,下一篇介绍native调用react-native functions(iOS) 官方文档其实写的比较清楚了,感觉这里大部分只是手动把这一过程实践了而已,先想好一个模块的名字,我们以CallNativeTest为例:...
Javascript 1082 3 2

React Native Navigator小结

4年10个月前
双平台的开发工作进展到60%了,代码的可复用程度高的惊人,配合ES6的spread,只需要添加寥寥数行代码就可以很好的兼容双平台。 回头细化代码的时候,发现iOS有个坑,更确切的说是NavigatorIOS的坑,具体表现在:如果设置隐藏navigationBar,那么右滑返回手势将失效,并且官方开发者明确表示,这是Apple平台的特性,他们将不会对此做支持...Android平台也有问题,返回的时...
Javascript 1215 0 3

react-native-tab-navigator引发的血案

4年10个月前
React Native for Android 自从9月15日发布至今已经近两个月了,喜欢折腾的小伙伴们早已做出了不少的例子,当然我们也跃跃欲试了,但过程中踩到一些坑是免不了的。 其中最大的问题,应该是一些组件在iOS平台已经很完善,但Android平台却依然处于todo状态,典型的当属TabBarIOS这个组件,也许这种底部固定tab的UI是iOS风格UI的缘故,名字都起成了iOS结尾.....
Javascript 2336 2 0

React Native iOS环境部署时遇到的坑

4年10个月前
这是自己之前遇到过的一个坑,今天又有同事遇到了,想记录下自己当时解决这个问题的思路和过程。安装完react-native-cli,初始化项目,运行后却遇到如下报错: 既然有报错,那就去看看报错的这几行代码到底干了啥,按照提示的路径找到这个文件: const nodeCrawl = require('./node'); const watchmanCrawl = require(...
Javascript 543 0 0

my_todoMVC

4年10个月前
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="te...
Javascript 264 2 0

js

5年1个月前
js波大井深 ...
Javascript 380 2 3

赋值引用

5年1个月前
var a = {n:1}, b = a; a.x = a = {n:2}; console.log(a.x); console.log(a); console.log(b); ==》==》 ...
Javascript 293 0 0

测试---测试

5年1个月前
测试测试 <html lang> <title></title> <body></body> </html> 好牛逼的感觉 ...
Javascript 323 1 1

测试---测试

5年1个月前
测试测试 <html lang> <title></title> <body></body> </html> 好牛逼的感觉 ...
Javascript 257 0 0

测试---测试

5年1个月前
测试测试 <html lang> <title></title> <body></body> </html> 好牛逼的感觉 ...
Javascript 300 0 0

操作符妙用。。。

5年1个月前
在js逻辑运算中,0、""、null、false、undefined、NaN都会判为false,其他都为true typeof 5 "number" typeof !!5 "boolean" if(a >=5){ alert("你好"); } 可以写成: a >= 5 && alert(&...
Javascript 403 4 1

解决滚动条引起的页面抖动

5年1个月前
之前博客的切页效果有些瑕疵,比如页面滚动条位置保存的不太好,并且还原滚动条位置的时候页面会动一下,再比如切换页面,如果当前页面已经往下拉了一段距离,再切到下个页面的时候,切页动画会扭曲的很厉害,并且切到下个页面也会抖一下。想想也是有原因的,视角已经和旋转的中心点不在一个水平面上了。 设想过几种解决方案,最终决定不使用公共的滚动条,转而一个view使用一个独立的属于该view的滚动条。这样只要这个v...
Javascript 972 1 3

APP开发的这四个月

5年2个月前
从3月中旬就开始倒腾APP开发,到现在大概4个多月的时间,总结一下吧。 以前天天听人说PhoneGap、webview,感觉一副很高大上的样子,如今机会终于来了,却发现效果真的很一般。特别是在一些低端安卓机下,只放一个简单轮播图就会卡成狗,可能代码写的烂也是部分原因,但我觉得大部分原因应该不在这里。 于是寻求其他的方案,从Cordova到Ionic,效果都不太理想,iOS平台上效果很好,到安卓下面...
Javascript 507 0 4

fis对html文件的压缩

5年3个月前
今天在上线一个简单的下载代理页的时候,发现了以前遗留的一个问题。 以前用fis的时候发现,即使开启了html-minifier, 页面中内嵌的css和js代码都不会被压缩,只有html标签那部分被压缩了。 这样当页面上内嵌的css和js代码过多的时候,压缩效果就非常不明显了。典型的例子,就是一些一次性的活动页,这种项目往往不注重后期迭代,开发效率才是首要的。这种场景下,就需要将css和js全部压缩...
Javascript 661 3 0

按钮连点&重复提交

5年3个月前
关于ajax重复提交,已经是老生常谈了,相信各位早已有N种不同的解决方法了。传送门 既然已经解决了重复提交的问题,那按钮连点也不存在什么问题了吧,为什么还要单独拿出来说呢? 最近在做客户端开发的时候,遇到一些连点的问题。比如,点击某个按钮会调起一个webview来装载一个页面,调起webview的操作是异步的,但是完全没有"调起中"和"调起后"的回调或状态,...
Javascript 665 0 3

当FastClick遇上iScroll5

5年6个月前
之前做了个活动页,具极少部分用户反馈,页面的按钮点击不了,我几乎试遍了同事的所有手机,都没发现这个问题,后来有个同事买了个索尼z1,这个问题终于复现了。 当时有点懵,就是个a链接,没有绑定任何事件,怎么可能会不能跳转。但别人家网站的a链接都跳转正常啊。仔细想了想,这个a链接真的没有绑定任何事件吗? 回头看了看引入的模块,fastclick,iscroll5,这些都是会影响到点击事件的存在啊!赶紧写...
Javascript 891 0 0

xss初级防范

5年7个月前
最近发现,自己博客上所有用户可以输入的地方,都可以被xss... 真是不忍直视啊,多亏各位手下留情了(其实是没几个人看)。于是抽空把这个洞堵上了,堵之前先去看了看别人博客是怎么做的,发现大多差强人意,输入后,要么直接啥都不显示,要么只显示script,那如果用户就是想输入的话,就只能使用html编码了(<script>)... 这简直不能容忍啊,本来该你去做的事情,为什...
Javascript 564 0 1

使用vimdiff代替svn diff

5年8个月前
svn自带的diff实在是没法看,果断百度google一番,找到了vimdiff这东西,怕日后别人链接挂了,抄到这里吧。 首先创建一个shell脚本,就叫mydiff吧,放在/usr/bin下好了 #!/bin/sh #指定vimdiff的路径 DIFF="/usr/bin/vimdiff" #svn提供的第六和第七个参数就是两个要对比的文件 LEFT=${6} RIGHT=$...
Javascript 736 0 0

优酷、土豆、腾讯视频html到swf转换

5年8个月前
<?php /* * 支持优酷、土豆、腾讯视频html到swf转换 * @link http://www.phpddt.com</p><p name="4-706b"> */ function convert_html_to_swf($url = ''){ if(!is_string($url) || empty($ur...
Javascript 451 0 0

播放amr格式视频html代码

5年8个月前
amr格式:amr是移动语音通讯中最广泛的语音标准了,被各大手机厂商认可,主要原因是因为它的容量小,质量也就比其它格式差。因公司做移动通讯,amr格式视频需要在后台审核,QuickTime就能很好的播放amr格式视频,如下html代码就可以很好解决: <object width="200" height="20" classid="clsid...
Javascript 447 0 0

xml转义字符

5年8个月前
资讯聚合类合作,一般数据使用的是xml而不是json,那么就要注意xml里的转义字符了,要么合作方会正法了你。http://note.youdao.com/share/?id=085fba7eee2f518f6d79c4eb99106076&type=note ...
Javascript 364 0 0

fiddler4抓包工具

5年8个月前
fiddler 请求列表的icon对应具体的数据类型和状态含义: 中文乱码问题,win7: windows按钮+R 输入regedit+回车+是 HKEY_CURRENT_USER\Software\Microsoft\Fiddler2 右键新建,选字符串值 加上HeaderEncoding 然后值输入 GBK ...
Javascript 342 0 0

如何干掉浏览器历史记录

5年9个月前
今天有个同事问我,从a->b->c->d 依次跳转页面,如何做到,在d页面点浏览器的后退,直接退到a呢? 其实我也不会...但是咱们不是有google baidu嘛,虽然大多时候都是坑爹答案,但是也木有更好的办法啊(我会说其实我是想做一个靠谱的前端问答网站吗..) 经过一番折腾,发现了window.location.replace这个方法,传送门 知道了它,咱们就好办了,从a...
Javascript 646 0 2

移动开发 touch 穿透

5年10个月前
彻底阻止点击事件 pointer-events:none; 该css属性阻止所有的点击事件 包括a链接,但是这一定不是你想要的 穿透(点穿)是在mobile各种浏览器上发生的常见的bug。可能是由click事件的延迟或者事件冒泡导致解决方案: 在非必要情况下 不要使用 touchstart 因为你不知道用户下一步操作是什么 是滑动还是点击 在被穿透的地方加延迟 使用fastclick...
Javascript 503 0 0

ios7 position: fixed

5年10个月前
body,html{ position:absolute; top:0; left:0; width:100%; height:auto; /* iOS position:fixed; elements fix (not 100%) */ min-height:100%; overflow-x:hidden; } ...
Javascript 482 1 0

window.opener带来的隐患

5年10个月前
今天楠哥做组内分享的时候,提到了window.opener这个邪恶的东西,在这里记录下。 先介绍下这东西是个啥,他是打开你当前窗口的父窗口,举个例子:你从百度搜索你的博客,然后从搜索结果页进入了你的博客,那么现在你博客的window.opener就是百度的搜索结果页的窗口。 它可以用来干啥呢,既然它也是个window对象,那也应该有location等等这些属性,并且window.opener.lo...
Javascript 548 0 2

html5 type date datetime-local 默认值的问题

6年前
html5 input 有了更丰富的type: email/url/search/date/datetime 等等 然而 span绝对定位模拟默认值 type="date" <input type="date" id="timePicker"> document.getElementById('timeP...
Javascript 799 0 0

如何判断浏览器是否支持某一个css3属性

6年前
查看某一个css3属性在浏览器中的支持情况:http://caniuse.com/ css3的出现让页面更多丰富多彩,在实际使用中我们需要判断某一css3的浏览器兼容性,方法如下: /* * @return {Boolean} true/false * @version 1.0 * @author ydr.me * 2014年4月4日14:47:19 */ function s...
Javascript 495 0 0

微信浏览器中的window.location方式发开授权页面

6年前
在微信浏览器中,如果授权页面直接是链接的话可以直接跳转到该页面,但是如果使用js跳转页面 使用 window.location 会发现页面并没有跳转 或者得触发两次事件才能跳转。 解决方案:在地址最后加上#wechat_redirect,表示是在微信内进行了有状态跳转。 ...
Javascript 629 0 0

移动设备横竖屏之终极解决方案

6年2个月前
移动开发项目中,我们经常会遇到一个蛋疼的横竖屏切换问题,因为浏览器不像Native可以自主控制是否允许横竖屏切换。只能同时兼容它横屏和竖屏下的样式了。 要实现区分横竖屏样式,可以有两种方式: 利用高级浏览器的window.orientation属性和onorientationchange事件,实时监听横竖屏。window.orientation属性给出了当前浏览器的屏幕方向,0是正常的竖屏状...
Javascript 764 0 1

css3 盒模型

6年5个月前
父元素display:-webkit-box;子元素:-webkit-box-flex:1;width: 100% or 父元素 display:-webkit-flex;子元素 -webkit-flex:1; ...
Javascript 436 0 0

web端如何检测设备是否连接外网

6年5个月前
很多童鞋可能会问,有木有开玩笑啊?不连外网的话,怎么访问你的web呢? 所以我要先描述一下应用场景:最近在做的这个项目,就有检测是否连接外网的需求。 首先描述一下这个项目:它是一个 无线路由器+移动电源+U盘 的东西。由于它内置了无线路由器(移动电源供电),而且附带存储,所以,只要用手机或其他设备连接了它发出的wifi信号,就可以访问它内部存储的数据。 那么通过什么方式来读取它内部存储的数据呢?它...
Javascript 1050 1 0

url中的#

6年5个月前
最初看见这东西,是在网页定位的时候。比如我想让网页一打开就定位在某个位置,我会在url后面添加一个#aaa,然后网页打开的时候,会自动跳转到id为aaa的元素的位置,那时候我们叫它'锚点'。 最近做的项目中,差不多是一个类似于百度网盘的项目吧,在打开一些带#的文件的时候,会提示无法找到该资源。在服务器端监听请求会发现,后端接收到的数据请求,只是#之前的内容。比如,请求这个地址: h...
Javascript 675 2 1

Javascript中对象的有序无序问题

6年7个月前
前些天看到一个奇怪的现象:有的同学,想得到一个有序的数据集合,但是后台GG却给了他一个json的结构,并且他们还成功的完成了这个功能... 当时我就范嘀咕,差点三观尽毁。难道js中的对象是有序的?我怎么一直记得是无序的啊。然后赶紧做了个呆猫试试: 吓!?果然是有序的吗...有点不甘心,一口气写了几十个,a-z写完了,发现依然是按先后次序输出的...不仅如此,后插入的,也会最后输出: 有点崩...
Javascript 1529 1 3

json对象按照某一名称的值对排序

6年7个月前
第一种方法: function arraySort(array, propertyName){ for(var i=0,len=array.length;i<len;i++){ for(var j=1;j<len-i;j++){ if(array[j][propertyName] < array[j-1]...
Javascript 916 1 4

chrome控制台的console.log输出,有时候很坑爹

6年8个月前
今天同事遇到一个问题,简单描述如下:在用console.log打印某个对象(a)和这个对象的属性(a)的时候(同时打印),查看对象a时发现确实有a这个属性,但当时打印的却是undefined,这是为啥呢? 先看这段代码: var a = {b: 2, c: 3, d: 4, e: 5, f: 6, g: 7}; console.log(a) a.a = 1; 大家猜猜,在控制台的输出中查看a这...
Javascript 1669 0 0

尝试使用requestAnimationFrame来解决之前提到的GUI渲染问题

6年8个月前
这个问题搁置了很久:关于Chrome/Firefox最小化后停止GUI渲染的问题 据说requestAnimationFrame可以解决,只是大致去网上搜了搜关于这个函数的一些信息。并未亲自尝试。MSDN这样介绍的:基于脚本的动画的计时控制 看了半天,发现原来setTimeout和setInterval这一对货色在设置的间隔很小时,可能会丢帧。也就是我们所了解的"最小间隔&quo...
Javascript 1031 1 1

FREEBSD9.1 下安装 MySQL Cluster

6年9个月前
MySQL Cluster 是一种允许在无共享的系统中部署“内存中”数据库的技术。通过无共享体系结构,系统能够使用廉价的硬件,而且对软硬件无特殊要求。此外,由于每个组件有自己的内存和磁盘,不存在单点故障。 MySQL从结构看,由3类节点(计算机或进程)组成,分别是: 管理节点:用于给整个集群其他节点提供配置、管理、仲裁等功能。 数据节点:MySQL Cluster的核心,存储数据、日志,提供...
Javascript 480 0 2

JS中的延迟执行与GUI渲染

6年10个月前
最近在做这个编辑器的时候,反复用到延迟执行,在这里总结一下。 先来看一段代码: alert(1) setTimeout(function(){ alert(2); }, 0); alert(3); 看上去应该是依次弹出1,2,3。点击运行后发现,弹出顺序却是1,3,2。为什么会这样呢?不是设置了0秒的延时吗?为啥还是跑到最后执行了。难道是因为这一步比较耗时,所以就先弹出了3? 我们来...
Javascript 1137 1 5

关于Chrome/Firefox最小化后停止GUI渲染的问题

6年10个月前
以前经常遇到这样一种情况:很多网站上的幻灯轮播,尤其是那种拉动切换的,当打开一段时间后(未关闭,但是切到别的标签或最小化)再切换到它的时候,会突然切换好多张,感觉好像是从切换到别的标签之前的状态,一下子切换到切换回来的状态了。这不科学啊,写的好好的一个效果,就这样被糟蹋了。 但是由于之前自己写过的这种幻灯轮播,基本也就存在这一个问题,并且还是大众化的问题,也就未再追究。 但后来发现,这种遇到问题不...
Javascript 2903 0 0

Javascript两种创建字符串方式的区别

6年10个月前
我们在创建字符串的时候,最常用的是直接定义的方法,如 var a = 'aaa', 那么不常用的 var b = new String('aaa') 和前者有什么区别呢? 前者是基础数据类型string,后者是一个字符串对象object类型。所以b.b = 'bb'是可以的,而a.b='bb'是不可以的。 但是考虑到基础数据类型str...
Javascript 876 0 4