原创 錨點全屏滾動(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