原创 數據埋點的基礎認識

文章作者:枯葉 文章出處:本文原創發佈於人人都是產品經理 —— 枯葉專欄 原文鏈接:http://www.woshipm.com/data-analysis/835413.html 數據埋點原理 數據埋點,對於產品迭代而言,

原创 雜記——CSS sprites

又名雪碧圖,一種網頁圖片應用處理方式。通俗講就是將頁面涉及到的所有零星圖片都包含到一張大圖中去,再利用CSS的“background-image”,“background- repeat”,“background-position

原创 JavaScript中二元運算符 && 和 ||

網上看到的一個面試題,如下: 寫出alert(1&&2),alert(1||0)的輸出結果。 alert(1&&2); //2 alert(1||0); //1 輸出結果 2 和 1。 知識點: &&運算符規則:a&&b,如

原创 雜記——楊輝三角

楊輝三角,是二項式係數在三角形中的一種幾何排列。在歐洲,這個表叫做帕斯卡三角形。帕斯卡(1623—-1662)是在1654年發現這一規律的,比楊輝要遲393年,比賈憲遲600年。楊輝三角是中國古代數學的傑出研究成果之一,它把二項式

原创 一個響應式網頁導航條

常用的一個響應式網頁導航條解決方案,整理記錄。 效果展示入口:https://skyfood.github.io/nav/demo.html html結構和js代碼都很簡單,主要是css樣式。 直接粘上來的代碼有點亂。最下面有de

原创 一個超簡單的閉包示例

實現foo(1)(2); 輸出3。 代碼如下: var result = foo(1)(2); alert(result); function foo(a){ return function(b){ r

原创 一張圖徹底搞懂JavaScript的==運算

by@寫代碼的蘇打餅 原文地址:https://zhuanlan.zhihu.com/p/21650547 大家知道,==是JavaScript中比較複雜的一個運算符。它的運算規則奇怪,容易讓人犯錯,從而成爲JavaScript

原创 雜記——百雞問題

問:“今有雞翁一,值錢伍;雞母一,值錢三;雞鶵三,值錢一。凡百錢買雞百隻,問雞翁、母、鶵各幾何?” 著名的百雞問題,條件如下: 用100元錢買100只雞; 公雞(5/只)、母雞(3/只)、小雞(1/3只); 設公雞、母雞、小雞

原创 雜記——搜索按鈕的小效果

html代碼如下: <div class="wrapper"> <div class="t_search"> <input type="text" placeholder="請輸入關鍵詞" />

原创 按位運算符 & 和 |

一、概述 按位操作符(Bitwise operators) 將其操作數(operands)當作32位的比特序列(由0和1組成),而不是十進制、十六進制或八進制數值。例如,十進制數9,用二進制表示則爲1001。按位操作符操作數字的二進制形式

原创 雜記——setTimeout()

# 定義和用法 setTimeout() 方法用於在指定的毫秒數後調用函數或計算表達式。 setTimeout(function(){ alert("Hello"); }, 1000); 運以上代碼,瀏覽器將在3秒後彈出“Hello”。

原创 JavaScript實現兩個變量值交換

一個經典的問題,“兩個變量之間值的交換”。 1、 引入臨時變量進行數據交換 tmp = a; a = b; b = tmp; 引入臨時變量,最最基本的方法,看着很low,但效率確實很高,經典的纔是最優雅的。 2、 用對象進行數據交換 a

原创 Vue.js—實例

構造器 每個 Vue.js 應用的起步都是通過構造函數 Vue 創建一個 Vue 的根實例: var vm = new Vue({ // 選項 }) 一個 Vue 實例其實正是一個 MVVM 模式中所描述的 ViewModel - 因

原创 Vue.js—Class 與 Style 綁定

操作元素的 class 列表和內聯樣式是數據綁定的一個常見需求。因爲它們都是屬性,所以可以用 v-bind 處理它們:只需要通過表達式計算出字符串結果即可。不過,字符串拼接麻煩且易錯。因此,在將 v-bind 用於 class 和 sty

原创 Vue.js—模板語法

Vue.js 使用了基於 HTML 的模版語法,允許開發者聲明式地將 DOM 綁定至底層 Vue 實例的數據。 插值 文本 數據綁定最常見的形式就是使用“{{…}}”語法 (雙大括號) 的文本插值: <div id="app">