原创 移動端界面標註:如何理清標註的思路?

寫的很好,這裏轉載一下,收藏起來。 解決問題的工序與方法、清晰的邏輯思維….這些纔是你最需要掌握的東西,但它們需要你不停的總結與分析,再多的資源與文章那都不是你的,千萬不要用表面的積極去掩蓋思想的懶惰! 授人以魚不如授人以漁,我

原创 CSS3彈性盒佈局總結(二)

昨天發現flex屬性的總結(一)裏的屬性和w3cschool裏的flex屬性有很多都是重複的功能。今天翻了一篇w3cplus裏的一篇文章:戳這裏,發現其實是flex語法的兩個不同的版本。昨天那個比較老,今天總結的是最新的語法標準。

原创 Javascript對象中關於setTimeout和setInterval的this介紹

在Javascript裏,setTimeout和setInterval接收第一個參數是一個字符串或者一個函數,當在一個對象裏面用setTimeout延時調用該對象的方法時 複製代碼 代碼如下: function obj() {

原创 document.documentElement和document.body的區別

網頁中獲取滾動條捲去部分的高度,可以通過 document.body.scrollTop 來獲取,比如使div跟着滾動條滾動: window.onscroll = function () { var div = do

原创 理解Angular的作用域

原文鏈接:Understanding Scopes 在AngularJS中,子作用域通常會原型繼承於父作用域。這種情況的唯一例外是當一個指令設置了scope:{ ... } -- 這會創建一個孤立的作用域,該作用域不會進行原

原创 從NPM到CNPM

引用NPM網站上的一句話:npm loves you ! NPM是Nodejs的包管理工具,目前NPM社區包的數量已超越C、C++,已然成爲全球最大的代碼工廠; 安裝Nodejs後即可開始NPM之旅了,新建一個package.jso

原创 總結移動端頁面開發時需要注意的一些問題

1、防止手機中網頁放大和縮小,這點是最基本的,最爲手機網站開發者來說應該都知道的,就是設置meta中的viewport 有些手機網站我們看到如下聲明: <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD X

原创 Angular 通過注入 $location 獲取與修改當前頁面URL

以下獲取與修改的 URL 以 ( http://172.16.0.88:8100/#/homePage?id=10&a=100 ) 爲例 【一】獲取 (不修改URL) [javascript] view plain copy

原创 CSS3過渡和動畫

CSS3 過渡和動畫,區別這兩個概念,有助於記憶其屬性。 過渡:一點到另一點;沒有完成時間,runstyle(貝塞爾曲線)及循環方式的概念。 css3的transform屬性裏,無論是rotate,scale,skew,tra

原创 vue-cli#2.0 webpack 配置分析

vue-cli 構建項目目錄結構及說明 目錄結構 . |-- build // 項目構建(webpack)相關代碼 | |-- build.js

原创 js高級技巧---函數綁定

使用場景:把一個含有this的函數作爲值傳入另一個函數中運行,此時造成this指向錯誤的對象。主要出現在事件處理程序以及setTimeout(),setInterval() 使用中。 如何綁定? ECMAScript5 定義 了

原创 Gulp和webpack的區別,是一種工具嗎?

背景: 最近收到很多童鞋的問題:gulp和webpack 什麼關係,是一種東西嗎?可以只用gulp,不用webpack嗎 或者反過來? 基於此問: 我簡單歸結了一下區別和概念,讓需要的同學閱讀理解,從而不把時間浪費到這種模糊不清的

原创 分步驟詳細解說:H5性能優化方案

H5性能優化意義 對於一個H5的產品,功能無疑很重要,但是性能同樣是用戶體驗中不可或缺的一環。原本H5的渲染性能就不及native的app,如果不把性能優化做起來,將極大地影響用戶使用產品的積極性。 用戶感受 當 用戶能夠在1-2

原创 面試總結

es6 let var const 的區別 let var 區別: let具有塊級作用域 var 沒有; let不能變量提升 var可以;let不能重複聲明;var可以。 let const 區別:let

原创 移動端適配方案總結

背景 開發移動端H5頁面 面對不同分辨率的手機 面對不同屏幕尺寸的手機 視覺稿 在前端開發之前,視覺MM會給我們一個psd文件,稱之爲視覺稿。 對於移動端開發而言,爲了做到頁面高清的效果,視覺稿的規範往往會遵循以下兩點