精選推薦

推薦優秀的web前端開發技術、前端開發資源、前端開發教程和原創內容等

微信小程序最近被吐槽最多的一個更改,就是用戶使用wx.getUserInfo(開發和體驗版)時不會彈出授權,正式版不受影響?,F在授權方式是需要引導用戶點擊一個授權按鈕,然后再彈出授權。我最近圍繞這個做了一些研究,來看看我是如何做好這個授權。

如何實現深度拷貝,前面的文章: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絕對讓你眼前一亮。