原创 css3 animation 實現幀動畫
先上代碼： <!DOCTYPE html> <html> <head> <title></title> <style> .ani-container{ width: 125px; height: 275px;
2020-06-14 07:44:21
原创 通過babel-register在nodejs端使用es6
nodejs對es6的支持並不好，像class, import這些關鍵字，react的jsx都無法使用。但是babel可以將這些都轉化爲es5。此處講講如何在node端使用babel。 babel-register可以理解成一個小插件，將
2020-06-14 07:44:21
原创 在flex中使用text:ellipsis
在flex中使用text:ellipsis時，發現不起作用，代碼如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport
2020-06-14 07:44:21
原创 css 修改placeholder的顏色
直接上代碼： input::-webkit-input-placeholder { color: #ccc; } input::-moz-input-placeholder {
2020-06-14 07:44:21
原创 在移動設備中使用js調用陀螺儀api
此爲開發vr全景，所用到的： window.addEventListener('deviceorientation', function(event) { var alpha = event.alpha; // var beta
2020-06-14 07:44:21
1
原创 改變瀏覽器滾動條樣式
僅限webkit系。 /*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: @orang
2020-06-14 07:44:21
原创 mysql 地理位置從近到遠查詢排序
表設計： create table geo( id int primary key auto_increment, lat float, lng float ); 查詢語句： SELECT id, ( 6371 * a
2020-06-14 07:44:21
原创 stf(smart test farm) 網頁多安卓設備管理器
什麼是stf？講得通俗一點，就是可以把多臺安卓設備連接到一臺服務器上，然後在這臺服務器上，做一個web server, 其他電腦就可以在網頁中直接操控所有的安卓設備了。這對於安卓開發者，由其是移動web開發者，來測試自己開發的內容真是太方
2020-06-14 07:44:21
原创 React入門教程 - 組件生命週期
每一個React組件在加載時都有特定的生命週期，在此期間不同的方法會被執行。 組件加載: componentWillMount componentWillMount() componentWillMount會在組件render
2020-02-20 19:39:38
原创 preventDefault()、stopPropagation()、return false 之間的區別
可能在你剛開始學習關於jQuery事件處理時，看到的第一個例子就是關於如何阻止瀏覽器執行默認行爲，比如下面這段演示click事件的代碼 $("a.toggle").click(function () { $("#mydi
2020-02-20 19:39:38
原创 javascript中的this
this關鍵字在javascript中是非常讓人困惑的。我們必須記住一點，那就是this與定義無關，只與function調用的上下文有關。 當一個f
2020-02-20 19:39:38
原创 PageSpeed Insights網頁性能測試工具
PageSpeed Insights是google出品的一款網頁性能測試工具，並提供網頁性能優化建議，針對移動端網頁還有單獨的建議。可謂是前端開發者的神器。 其也有一個chrome插件，在chrome應用商店中搜索pageSpeed i
2020-02-20 19:39:38
原创 javascript深拷貝
javascript的淺拷貝和深拷貝是老生長談的問題了。淺拷貝是內存引用，修改一個會引起另一個跟着改變，當然只對object類型生效。今天看到一個深拷貝的方法: var cloneObj = function(obj){ var
2020-02-20 19:39:38
原创 js創建style元素的方法
js創建style元素： var style = document.createElement('style'); style.type="text/css"; style.appendChi
2020-02-20 19:39:38
原创 express中設置cookie的httpOnly屬性防禦xss攻擊
大部分是xss攻擊（跨站腳本攻攻擊），都是嘗試在客戶的瀏覽器中注入腳本，然後獲取cookie發送到黑客指定的地址。因爲服務端的session都是通過一個記錄seesionId的cookie來識別的。黑客拿到了cookie, 自然就能夠僞造
2020-02-20 19:39:38