原创 錨點全屏滾動(jQuery)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text

原创 手寫簡單瀑布流

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/

原创 js獲取dom下標(回頭寫個小案例)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body>

原创 localStorage、sessionStorage、jquery_cookie

html4時候:cookies cookies存儲只有4kb; 利用http來進行傳輸,受帶寬影響很大 正確設置cookies時間很麻煩的事情 h5引入了web storage存儲機制 ——sessionStorage/local

原创 外邊距重疊:margin-collapse。

外邊距重疊:margin-collapse。 在CSS當中,相鄰的兩個盒子(可能是兄弟關係也可能是祖先關係)的外邊距可以結合成一個單獨的外邊距。這種合併外邊距的方式被稱爲摺疊,並且因而所結合成的外邊距稱爲摺疊外邊距。 摺疊結果遵循下列計算

原创 三大框架路由

vue中的路由 引入vue-router import Router from 'vue-router' 配置路由 new VueRouter({ routes: [ { path: '/',

原创 bootstrap

網址: bootstrap中文網 菜鳥教程 css部分 默認容器 container/container-fluid 網格系統 col:列;row:行 * 超小屏幕:.col-xs- * 小型屏幕:.co

原创 react

react框架是由facebook開發的,主旨是解決數據交互頻繁,以及組件複用的大型pc項目。 react是一個典型的mvc框架,但它僅僅是一個典型的mvc的view層 react默認是單向數據流,以組件爲核心向四周擴散構建項目 rea

原创 Vue語法

後來添加 <div :style={'obj'}></div> <div v-show="isShow"></div> <div>{{msg}}</div> 實例化vue var vm = new Vue({ el:"#d

原创 前端測試工具-摩卡(簡單瞭解)

關於摩卡 mocha 2011年是目前現在最流行的javaScript測試框架。 測試框架就是運行測試的工具通過一系列的方法對javaScript應用進行測試保證代碼的質量。 安裝項目目錄 全局安裝 npm instal

原创 微信小程序

關於微信小程序 微信小程序是由微信團隊開發的搭建在微信平臺的一種應用 其原理就是app不放在本地,放在微信平臺上 他可以隨掃隨用,不用取消 微信小程序不僅僅是一個‘小程序’,他完全可以構建成一個完整的項目(原本是想起名應用號,後來ios不

原创 canvas

簡介 在js中進行圖片的繪製 往往用於全屏類的動畫和小遊戲的製作和圖標的繪製 基本語法 <canvas width="400" height="500" id="canvas"></canvas> var canvas = docum

原创 win7局域網共享文件夾

一、設置 二、設置共享文件夾 三、常見問題 1、網絡發現無法打開 分別啓動以下服務,  Function Discovery Resource Publication  SSDP Discovery  UPnP Device Hos

原创 js手寫日曆插件

<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title></title><style>t

原创 gulp自動化管理精靈圖

安裝 npm install gulp –save-dev npm install gulp.spritesmith –save-dev var gulp = require('gulp'); var spritesmi