原创 假如女朋友要求幫她挑選衣服，怎麼辦？
一.分析需求 假如你的女朋友發給你一堆衣服的圖片，然後問你哪件好看，只能選一件最好看的，你會如何做？爲什麼不交給程序來進行抉擇呢？本文的主題就是開發一個選擇程序來解決你的女朋友的選擇問題。 頁面最終效果如圖所示: 我們來總結一下要實現的功
2019-10-16 17:55:28
原创 pixi.js學習總結
一.pixi.js簡介 pixi.js是一個非常快速的2D精靈渲染引擎。它可以幫助我們顯示，動畫和管理交互式圖形。如此一來，我們可以使用javascript和其它HTML5技術來輕鬆實現一個應用程序或者完成一款遊戲。它有一個語義化的、簡潔的
2019-10-15 14:55:24
142
原创 一個奇葩問題引發的"吐血"
某天，和某同事交流技術，他提到了一個問題：在js中，如果一個變量賦值給另一個變量，那麼他們一定相等嗎？爲什麼？。然後，我脫口而出，是相等，這無毛病。變量賦值本身就只是一個定義好的變量的副本，他們相等是沒問題的，即便是引用類型的數據對象，在賦
2019-05-14 15:55:03
1
原创 裝逼的最高境界---一行js代碼完成一個簡易版的貪吃蛇遊戲
有些奇淫技巧玩好的話，就能提升自己的逼格，這不，一行js代碼實現一個貪吃蛇小遊戲就成了裝逼到了最高境界嘛！代碼如下: (function(){var s = [41,40],d = 1,f = 43,x,c = document.creat
2019-05-10 14:45:02
1
原创 js驗證身份證號碼記錄
在一些需要填寫身份證的表單網頁中，需要對身份證的輸入做一個驗證，於是，我記錄下了自己寫的驗證。在寫驗證之前，我們需要理解身份證的一些常識規則。中華人民共和國居民身份證驗證規則如下: 1.號碼的結構: 公民身份號碼是特徵組合碼，由十七位數字
2019-04-26 10:15:08
14
原创 原生js封裝了一個拖拽插件
雖然目前功能只有拖拽與限制拖拽範圍，不過我會不斷的更新功能。 ew-drag 一個基於原生js而封裝的拖拽插件 安裝與使用 安裝 npm install ew-drag --save-dev 引入 <script src="./r
2019-04-14 13:05:17
原创 vue.js實現會動的簡歷(包含底部導航功能，編輯功能)
這篇文章主要介紹了vue.js實現一個會動的簡歷(包含底部導航功能，編輯功能),本文給大家介紹的非常詳細，具有一定的參考借鑑價值，需要的朋友可以參考下 在網上看到一個這樣的網站，STRML 它的效果看着十分有趣,如
2019-04-09 19:23:13
原创 vue.js實現一個會動的簡歷(包含底部導航功能，編輯功能)
在網上看到一個這樣的網站，STRML它的效果看着十分有趣,如下圖所示: 這個網站是用react.js來寫的，於是，我就想着用vue.js也來寫一版，開始擼代碼。 首先要分析打字的原理實現，假設我們定義一個字符串str,它等於一長串註釋加CS
2019-04-07 11:35:06
原创 es6塊級作用域
一.var 聲明與變量提升機制 在JavaScript中使用var定義一個變量，無論是定義在全局作用域函數函數的局部作用域中，都會被提升到其作用域的頂部，這也是JavaScript定義變量的一個令人困惑的地方。由於es5沒有像其它類C語言一
2019-03-24 15:25:09
原创 使用es6實現iview的選項卡切換
代碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi
2019-03-03 21:54:50
原创 淺談JavaScript位操作符
位操作符的基本概念 因爲ECMAscript中所有數值都是以IEEE-75464格式存儲,所以纔會誕生了位操作符的概念. 位操作符作用於最基本的層次上,因爲數值按位存儲,所以位操作符的作用也就是操作數值的位.不過位操作符並不能操作64位的值
2019-02-21 22:48:39
原创 算法入門
一.算法的定義 任何代碼片段都可以被稱作是算法,這也就是說算法其實就是完成一組任務的指令.算法的優點在於要麼速度很快,要麼解決一些很有趣的問題,要麼兼而有之.並且算法可以應用於任何編程語言中. 二.什麼人適合學算法 學算法的人必須要懂得一定
2019-02-21 14:25:12
1
原创 自己動手寫了一個可以通過調後臺接口實現模糊查詢的下拉框。
今天遇到一個問題，就是layui.js的下拉框模糊查詢功能並不能滿足我的需求，因此我動手自己寫了一個下拉框。 實現思路其實就是，模仿layui.js的下拉框樣式，然後監聽input的輸入事件，一旦輸入，就調接口，讓後臺返給我查到的數據。 還
2018-12-14 22:05:01
原创 從零開始學習vue(3)
一.計算屬性和偵聽器 模板表達式提供給我們處理簡單的邏輯，對於更復雜的邏輯，我們應該使用計算屬性。來看兩個示例的對比: <!DOCTYPE html> <html> <head> <meta charset="utf-8" />
2018-11-29 13:05:57
原创 從零開始學習vue(2)
一.vue實例 每個vue應用都是通過Vue構造函數創建的一個新的實例開始的: var vm = new Vue({ //選項對象 }) 在這其中vm(viewModel的簡稱)通常都表示vue實例的變量名。當創建一個vue實例，你
2018-11-22 15:40:10
1