原创 筆記十三(繪製二)

利用quadraticCurveTo(cpx,cpy,x,y)方法繪製曲線,接收兩個參數,第一個是控制點,第二個是曲線終點。該形狀由一個名爲二次貝塞爾曲線的標準算法決定。該曲線會彎向但永不觸及控制點。要想曲線穿過某點,使用一下公式

原创 筆記二十一(綜合運用——飛船)

基本動畫知識總結綜合運用。 首先創建一個飛船構造函數。 文件名:ship.js。 function Ship(){ this.x = 0; this.y = 0; this.width = 25;

原创 jquery插件編寫

參照公衆號”jquery大師“的jquery插件編寫分享,在這裏做一次轉載。 編寫jquery插件的方法主要有三種: 1、第一種是最常見的,通過一個簡單的jquery函數prototype屬性的別名(jquery.fn)進行擴

原创 焦點輪播圖

開始編寫一個焦點輪播圖的插件 :) 實現焦點輪播的方式有許多,這裏採用的方式的主要點是採用css中z-index屬性和position屬性,通過設置圖片的層級和位置來實現焦點輪播。 首先照例奉上最終效果圖: 1、首先

原创 web標準

web 標準是一系列標準的組合,網頁包含結構、表現及行爲三個部分,web 標準也就是這三個部分標準的組合了。 1. 結構相關標準 常提到的幾個標準語言有HTML、XHTML、XML、以及不熟知的SGML和GML GML【General

原创 vue父子組件的嵌套

組件的註冊: 先創建一個構造器 var myComponent = Vue.extend({ template: '...' }) 用Vue.component註冊,將構造器用作組件(例爲全局組件) Vue.component('

原创 HTML標籤嵌套問題

HTML裏塊元素都可以自由嵌套嗎,如果不能,會產生什麼問題? 以前沒思考這個問題,也沒發現這個問題,可能代碼太規範了⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄ 終於,偶然寫了這麼一段代碼 :-( 基礎沒學好,遲早得補回來) 瀏覽器裏運行字

原创 前端主流框架雙向綁定實現原理簡述

一、Angular Angular的屬性綁定語法爲[attr]=porperty,事件綁定語法爲(event)=fn。雙向綁定的使用存在兩種場景: 1、在表單中雙向綁定使用[(ngModel)]=porperty,但同時得設置name屬性

原创 ECMAScript數據屬性和訪問器屬性

ECMA-262中把對象定義爲:“無序屬性的集合,其屬性可以包含基本值、對象或者函數。” js中每個對象都是基於一個引用類型創建的。 創建自定義對象的最簡單方式無非是創建一個object的實例,再爲其添加屬性和方法。 用對象字面

原创 js幾種跨域方法原理

這裏說的js跨域是指通過js在不同的域之間進行數據傳輸或通信,比如用ajax向一個不同的域請求數據,或者通過js獲取頁面中不同域的框架中(iframe)的數據。只要協議、域名、端口有任何一個不同,都被當作是不同的域。 下表給出了相對ht

原创 nginx安裝及配置虛擬主機

在騰訊雲買了一個學生機,centOS系統,試着學習nginx。 一、安裝nginx: 1、首先下載xShell,鏈接到主機。 2、cd /定位到根目錄;mkdir download新建下載文件夾;ls查看當前目錄下文件;如下圖(這水

原创 canvas實現放大鏡功能

採用canvas實現放大鏡功能,只需要使用一個方法。。。 先奉上效果圖: 先介紹該方法: drawImage() 這個方法有三種使用情況: 1、drawImage(img,x,y) 三個參數,第一個參數當然是img元素了,

原创 正則表達式簡結

全局匹配: /g 不區分大小寫匹配: /i 匹配任意字符: “.” 匹配特殊字符:用”\”進行轉義 定義字符集: [] 字符區間:用”-“定義,例[0-9] 注意: “-”是一個特殊的元字符,只能用在”[” 與 “]”之間,在字

原创 wamp配置虛擬主機時可能遇到的問題

一、瀏覽器輸入localhost,提示錯誤:Forbidden You don’t have permission to access / on this server。 解決辦法: 1、進入wamp安裝目錄(假定安裝在D盤,D:\w

原创 centOS6.8升級gcc

這裏計劃升級爲gcc7.1,原本的是gcc4.7 一、下載安裝包: cd /usr/local/src // 進入用戶自主操作目錄 wget http://ftp.gnu.org/gnu/gcc/gcc-