JavaScript

javascript的函數劫持淺析，javascript淺析javascript的函數劫持是什嗎？函數劫持，顧名思義，即在一個函數運行之前把它劫持下來，添加我們想要的功能。當這個函數實際啟動並執行時候，它已經不是原本的函數了，而是帶上了被我們添加上去的功能。這也是我們常見的鉤子函數的原理之一。乍一看上去，這很像是函數的改寫。函數的改寫也可以理解為是函數劫持的一種，但是這種方式太噁心了。作為一個劫持者，在綁票獲得好處以後也應該遵守職業道德，把人原封不動地還回去，所以我們得在合適的地方把函數原本的功

jQuery中JSONP的兩種實現方式詳解，jqueryjsonp前台代碼如下：後台Action代碼如下：運行後就可以看到結果了。我追蹤了下後台ProcessCallback代碼，如：可以看到jsonCallback的值為"jQuery17104721...."，它是前端傳給遠程伺服器後台Action的。這裡 jQuery171..表示的是jQuery的版本，可以簡單地將這個理解為JSONP類型請求回呼函數，jQuery在我們每次指定Ajax請求方式為

IOS中safari下的select下拉式功能表文字過長不換行的解決方案，iossafari今天遇到這種問題，文字過長，顯示不全。折騰了老半天，在網上搜了半天也找不到解決方案。於是問了下同事，同事提到了<optgroup>，這個標籤厲害。<optgroup> 標籤定義選項組。optgroup

小程式 開發指南詳解，小程式指南詳解編寫代碼建立小程式執行個體點擊開發人員工具左側導航的“編輯”，我們可以看到這個項目，已經初始化並包含了一些簡單的代碼檔案。最關鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個。其中，.js尾碼的是指令檔，.json尾碼的檔案是設定檔，.wxss尾碼的是樣式表檔案。小程式會讀取這些檔案，並產生小程式執行個體。 下面我們簡單瞭解這三個檔案的功能，方便修改以及從頭開發自己的小程式。​

小程式 在Chrome瀏覽器上運行以及WebStorm的使用，chromewebstorm「小程式」的開發架構體驗起來，還不錯——內建了UI架構。但是問題是他的IDE，表現起來相當的糟糕——其實主要是因為，我當時買WebStorm License買了好多年。所以，我覺得他的IDE真不如我這個付費好用。而且，作為一個擁護自由和開源的 「GitHub 中國區首席Markdown程式員」。在「小程式」引導著Web開向封閉，我們再也不能愉快地分享我們的代碼了。如果我們放任下去，未來的Web世界令人堪憂。

小程式（應用號）簡單一實例應用及執行個體詳解，小程式詳解Demo 預覽示範視頻（流量預警 2.64MB）GitHub Repo 地址倉庫地址：https://github.com/zce/weapp-demo使用步驟將倉庫複製到本地：bash $ git clone https://github.com/zce/weapp-demo.git weapp-douban --depth 1 $ cd weapp-douban開啟Web開放者工具（注意：必須是0.9.092300版本）必須是0.9.0

angular基於路由控制ui-router實現系統許可權控制，angularui-router前端去實現許可權控制聽起來有點扯淡（實際也有點扯淡），掩耳盜鈴，主要是擔心安全問題，但是如果在前後端分離的情況下，需要做一個帶有許可權控制的後台管理系統，angular基於ui-router應該怎麼做呢？許可權的設計中比較常見的就是RBAC角色型存取控制,基本思想是，對系統操作的各種許可權不是直接授予具體的使用者，而是在使用者集合與許可權集合之間建立一個角色集合。每一種角色對應一組相應的許可權。&nb

javascript動畫之類比拖拽效果篇，javascript動畫拖拽先看看實現，

小程式使用第三方庫Immutable.js執行個體詳解，小程式immutable.js前言Immutable JS 提供一個惰性 Sequence，允許高效的隊列方法鏈，類似 map 和 filter ，不用建立中間代表。immutable 通過惰性隊列和雜湊映射提供 Sequence, Range, Repeat, Map, OrderedMap, Set 和一個稀疏 Vector。小程式無法直接使用require( 'immutable.js'

小程式 （一）建立項目hello WeApp 詳細介紹，建立項目weapp本篇預設已經成功安裝小程式工具建立項目AppID查看公眾開發平台設定查看（https://mp.weixin.qq.com） 項目名稱隨意填寫本地開發項目： 建立一個空的檔案夾勾線當前會產生一個項目開啟項目更詳細的說多了也沒啥意義看官網的簡易教程非常詳細！！！！！！！！！ https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474644089807相關文章：hello

小程式 （八）View組件詳細介紹，小程式view剛看到這個效果的時候還真是和ReactNative的效果一致，屬性也基本的一樣. view這個組件就是一個視圖組件使用起來非常簡單。主要屬性：flex-direction： 主要兩個特性”row”橫向排列”column”縱向排列justify-content 主軸的對齊（如果flex-direction為row則主軸就是水平方向）可選屬性 (‘flex-start', ‘flex-end', ‘center', ‘space-between',

jQuery實現表格文字框淡入更改值後淡出效果，jquery淡入本文分為html代碼和jquery兩段代碼，代碼很簡單，大家可以參考下！html代碼<table style="border:1px solid blue"><tr><th>id</th><th>name</th><th>age</th><th>sex</th><th>操作</th><

js轉html實體的方法，jshtml實體方法一： 用的瀏覽器內部轉換器實現轉換，方法是動態建立一個容器標籤元素，如DIV，將要轉換的字串設定為這個元素的innerText，然後返回這個元素的innerHTML，即得到經過HTML編碼轉換的字串。 function HTMLEncode ( input ) { var converter = document.createElement("DIV"); converter.innerText = input; var output =

小程式（九）scroll-view組件詳細介紹，小程式scroll-viewscroll-view為滾動視圖，分為水平滾動和垂直滾動。注意滾動視圖垂直滾動時一定要設定高度否則的話scroll-view不會生效。滾動視圖常用的地方一般都是Item項比較多的介面，比如我的模組主要屬性：使用示範：wxml<!--垂直滾動，這裡必須設定高度--><scroll-view scroll-y="true" style="height: 200px"> <view style=

小程式（十）swiper組件詳細介紹，小程式swiperAndroid寫過輪播圖的痛楚只有寫過的知道，相對還是比較麻煩的，並沒有一個輪播圖組件，有個ViewPage也需要自己定製，IOS則多用UIScrollerView去實現，這個swiper封裝的相對還是方便的，使用方式也相對那倆容易些。主要屬性：屬性只需要設定就行了 也可以抽到js檔案的data中進行資料繫結，監聽使用bindchange，在js中做業務處理。wxml<!--是否顯示圓點，自動播放， 間隔時間， 監聽滾動和點擊事件--

JS不完全國際化&本地化手冊 之 理論篇，JS不完國際化前言 最近加入到新項目組負責前端技術預研和選型，其中涉及到一個熟悉又陌生的需求——國際化＆本地化。熟悉的是之前的項目也玩過，陌生的是之前的實現僅僅停留在"有"的階段而已。趁著這個機會好好學習整理一下，為後面的技術選型做準備。 本篇將闡述國際化和本地化的概念，以及其中一個很重要的概念——Language tag(也叫Language code 或

jQuery實現右鍵菜單、遮罩等效果代碼，jquery遮罩最近要做個某管理系統的介面，然後涉及到右鍵菜單，因為之前沒有做過所以就做了一下~感覺還可以，不過我個人不是很喜歡右鍵菜單的這種形式。操作：在固定地區內點擊滑鼠右鍵出現菜單，然後選擇任意一項後進行對應頁面的跳轉。剛開始的想法是用catch..case..的方法，對應不同的選項，只改變彈出層裡的內容，但是內容都要用jQuery產生拼接，所以選用了比較簡單的頁面跳轉。下面就只貼上一個樣本頁面的相關代碼。先上:**index.html主要代碼**

小程式（十二）text組件詳細介紹，小程式text通常文本設定要不在wxml中設定，再要不就是通過weml綁定在js中設定文字。wxml<view > <text>我是文本組件</text></view><text>{{text}}</text>jsPage({ /** * 初始化資料 */ data:{ text:"我是在js檔案中綁定的文本" }, onLoad:function(options){ //

jQuery實現圖片輪播效果代碼，jquery實現代碼整理以前用jQuery實現的圖片輪播效果。 1. 不做操作時，自動輪播 2. 滑鼠懸浮在圖片上時，停止自動輪播，隱藏在圖片左右的箭頭會顯示出來 3. 手動輪播1：滑鼠指向圖片底部的小標按鈕，可以切換對應的圖片 4. 手動輪播2：點擊左右箭頭也可以切換圖片：（PS：用軟體捕捉的，不太會弄，感覺圖片都失真了）下面是代碼地區：**inde.html部分代碼**<div class="box"> &

小程式（十六）form組件詳細介紹，小程式formform表單組件 是提交form內的所有選中屬性的值，注意每個form表單內的組件都必須有name屬性指定否則提交不上去，button中的type兩個submit，reset屬性分別對應form的兩個事件主要屬性： wxml<form bindsubmit="listenFormSubmit" bindreser="listenFormReser" > <checkbox-group name="checkbox"