精选推荐

推荐优秀的web前端开发技术、前端开发资源、前端开发教程和原创内容等

微信小程序最近被吐槽最多的一个更改,就是用户使用wx.getUserInfo(开发和体验版)时不会弹出授权,正式版不受影响。现在授权方式是需要引导用户点击一个授权按钮,然后再弹出授权。我最近围绕这个做了一些研究,来看看我是如何做好这个授权。

如何实现深度拷贝,前面的文章:javascript中的深拷贝和浅拷贝区分以及实现 给出了几种,但都是很复杂的,这篇文章通过另辟蹊径的用浏览器自身的API来实现深度拷贝,有MessageChannel、history api 、Notification api等。

本文来自github上的 30-seconds-of-code 项目,作者分享了大量有用的Javascript片段,你可以在30秒或更少时间中理解。本文为中文版翻译,下面一起来看看有哪些精彩的JavaScript代码值得收藏。

浅度拷贝:复制一层对象的属性,并不包括对象里面的为引用类型的数据,当改变拷贝的对象里面的引用类型时,源对象也会改变。深度拷贝:重新开辟一个内存空间,需要递归拷贝对象里的引用,直到子属性都为基本类型。两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性。

今天来说说这个长连接和短连接,长轮询和短轮询的相关知识:长连接:在HTTP 1.1,客户端发出请求,服务端接收请求,双方建立连接,在服务端没有返回之前保持连接,当客户端再发送请求时,它会使用同一个连接。这一直继续到客户端或服务器端认为会话已经结束,其中一方中断连接。

微信小程序图片自适应,是一个比较常见的需求,平时我们在WEBView中,只需要设置max-width:100%.在微信里面虽然widthFix也能实现,但有一个缺陷就是图片的宽度值要大于或者等于设定的值,否则就会发生拉伸变形,本文通过另外一种来适应。

js随机洗牌算法,在于如何随机排序一个数组,得出一个随机数组,网上有一些代码其实并不完全随机,下面这个答案来自stackoverflow高分回答,希望对你有所帮助。

使用rem实现自适应布局,应该算是当前移动前端的一大趋势,有些人对此还有点迷惑,搞不懂rem是如何实现自适应布局,如何根据设计稿来调整rem的值?rem布局如何用雪碧背景图片?rem一定要加载js吗?rem的根html font-size设置为多少合适?看看这篇文章,也许能帮到你。

结一的一篇文章《这个问题你应该很熟悉,然后懵逼,然后放弃》,看起来像是一篇探讨移动端平分布局的写法,里面的平分有些只适合三个,我试着把它拓展到四个或者多个平分的布局上,并加入一些文字在其中。

最近这个话题由一篇《程序员如何优雅的挣零花钱》而起,想一想360行,行行都能写出个所以然来,然而依旧没有多少人能够挣到零花钱。借助本文,详细说说程序员赚钱的渠道有哪些?

互联网上的自适应方案到底有几种呢?就我个人实践所知,有这么几种方案:1.固定一个某些宽度,使用一个模式,加上少许的媒体查询方案。2.使用flexbox解决方案。3.使用百分比加媒体查询。4.使用rem。你还有其他方案吗?来分享你的想法吧。

本文讲的通过flexible.js实现了rem自适应,有了flexible.js,我们就不必再为移动端各种设备兼容烦恼,flexible.js是如何通过rem实现自适应的呢?

平时我们碰到这种文字在透明背景层上的制作稿,都是做一个css透明层和文字层分开,今天分享的是css一个层搞定背景透明而文字不透明的方案。

canvas怎么画圆?前段时间的一个项目做到这个玩意,研究了一下绘制圆环的方法。最终使用HTML5的画布标签来做。arc()是HTML5 canvas的一个API函数,作用是“创建弧/曲线(用于创建圆形或部分圆)”。本文先讲解如何绘制圆形以及一些应用。

来自微信的一篇文章《一个公众号编辑的自我修养》,其实倒不如说是一个网络编辑,当然这个标题在微信里面这样子,更能吸睛。换成博客的话可以叫一个“一个站长编辑的自我修养”,换成经营微博的话叫“一个微博小编的自我修养”等等。归根到底,还不是一个网络编辑嘛。

一般人不会说出来的移动前端动画技巧,文章来自“TQ的独立博客:玩转HTML5移动页面”,在这篇教程你会发现许多非常有用的动画处理技巧,细心点还会发现许多有用的zepto插件,例如:zepto.onepagescroll.js、zepto-touch.js、weixinshare.js,以下为原文。

在网上看到一篇文章:为什么你要建一个SEO博客,萌发了写一篇“为什么你应该建技术博客”。本人不是大牛,写过几个插件,做过一些移动前端页面,对付日常的前端开发制作还是能够熟练上手,如果是高手,权当一笑而过,如果能够给出一些建议,那是我的荣幸。

很给力的一篇关于CSS 预处理器和CSS后处理器的分析文章,介绍了CSS预处理器的框架(SASS、LESS和Stylus)和CSS后处理器框架(rework和postcss)。受益匪浅,文章来自赵雷的博客。

弹窗也叫modal(模态)在网页设计中是一个常见的功能。实现方法也不会太复杂,可以通过css实现居中(bootstrap的modal是使用靠上边距来实现),然后JS控制点击显示和消失。在弹窗中也许你会发现一个问题,就是当页面有滚动条时,点击弹窗可能需要隐藏滚动条,这时内容会变宽,本文来自于江水提供了三种解决方法。

上一次我发了一篇文章叫“微信打开网址添加在浏览器中打开提示”,今天来一个简化版带可以关闭的按钮,一进入微信不会弹出遮罩,只有点击应用的链接后,才弹出提示“点击右上角图片,在浏览器中打开”。

css tab,纯CSS3制作tab,不用JavaScript就可以制作选项卡是不是很神奇,而且效果跟不适用jQuery是一个样的,本站独创的CSS3 Tab绝对让你眼前一亮。