原创 html事件傳播和各個瀏覽器的處理方式

一.html事件傳播機制 event.eventPhase 常量值 Event.CAPTURING_PHASE 1 , 捕獲階段 Event.AT_TARGET 2 , 目標元素階段 Event.BUBBLIN

原创 css3學習之animation

一.API 值 | 描述 animation-name | 規定需要綁定到選擇器的 keyframe 名稱。。 animation-durati

原创 css3學習之3d轉換

一.API 函數 | 描述 ----------------------------------- matrix3d(n,n,n,n,n,n, n,n,n,n,n,n,n,n,n,n)

原创 es6學習之Proxy & Reflect

一.Proxy 1.概述 (1)概念 Proxy是攔截,代理的意思,即在目標對象前架設一層攔截. (2)注意 proxy想要生效,必須在proxy實例上進行相應的操作 proxy內部的this指向proxy實例而不是目標對象,要

原创 vue源碼學習 --- flow學習

一. flow的作用 靜態檢測JavaScript類型,可以在編譯階段(說法不太準)識別出錯誤,規避運行時才顯現的bug 二. 基本類型 // @flow /** * JavaScript 基本類型在flow中使用 */ /*

原创 從url中獲取查詢參數對象

function urlParams2Obj(href) { var obj = {}; var splitHrefArr = href.split('?'); var tmpStr =

原创 自己實現一套tip

開發中很多比如alert,confirm等等原生的都是不符合設計要求的,需要自己寫 思路有2中,一種是單例模式(只能彈出來一個框) ; 另一種是多例模式(能彈出來多個框,並依次關閉) (1)單例模式 不困難,從下面myAlert方法中

原创 前端使用 CryptoJS(v3.1.2) 進行des解密,後端java

後端Java使用JDK的API進行des加密, 需要前端解析 JavaScript解密 注意key和iv(向量)都應該是utf8格式的 Java使用byte數組加密的,前端需要先轉換爲字符串,然後再轉爲utf8 <!DOCTY

原创 小程序圖片裁剪功能簡易版,分享前裁剪

該文件主要執行分享前的裁剪 微信後臺的download安全域名別忘記設置,否則上線後不能剪切 小程序內是圖片是HTTP的要想辦法換成https 一.介紹使用 1.基本使用 以商品詳情爲例: <template> <vi

原创 wepy小程序項目總結

1. wepy 不能在computed中獲取props對象內容,可以獲取String,需使用setTimeout,不知爲何 2. 項目中出現需求如所述: 點擊灰色透明遮罩關閉遮罩層,點擊白色區域的 “X” 也是關閉遮罩層 但是通過一般佈

原创 js 彈層下面的body禁止滾動

當彈出出現的時候,設置body的position爲fixed,並設置overflow爲hidden document.body.style.position = 'fixed'; document.body.style.overflow

原创 es6的箭頭函數和es5的function函數區別

一.es6的箭頭函數 es6箭頭函數內部沒有this,使用時會上朔尋找最近的this 不可以做構造函數,不能使用new命令,因爲沒有this 函數體內沒有arguments,可以使用rest參數代替 不能用yield,不能使用gener

原创 angular初步學習

初步學習angular,這裏做一個總結 一.目前瞭解的angular應用基本架構 angular和Vue思想還是有一定相似的,應用被拆分成了各個組件,都是SPA開發,等 上圖中: 從app.module開始作爲類似於全局的配置,

原创 網頁兼容iPhone X

參考網址 https://aotu.io/notes/2017/11/27/iphonex/index.html iPhone X中安全區域的概念 設計的兼容要求: 在Vue項目中應用如下(共2步): 1. 設置meta

原创 JavaScript打開APP

方法都是網上的方法,但是抄來的方法有一個缺陷就是, 打開APP後再返回網頁,發現依然能跳轉到下載頁面 這裏看到了一中解決方法,就是在setTimeout中加時間差值的判斷,如果setTimeout中的時間差值超過1s,即代表用戶已經安