原创 前端精華集錦(一)
1. 佈局框架: Bootstrap: http://getbootstrap.com/ Foundation: http://foundation.zurb.com/ Uikit: http://www.getuiki
原创 JS 驗證碼功能的實現
一 圖形驗證碼 <div class="code"> <input type="text" value="" placeholder="請輸入驗證碼(不區分大小寫)" class="input-val"> <canvas i
原创 vue 關於https操作代碼
分享一下小編 開發時遇到關於http請求的問題 下圖是小編開發vue項目時總結的 希望能幫助到你們!
原创 vue 個人頭像修改
這篇小編要分享給剛踏出校園,進入職場的初級前端開發人員,讓你們更快的在公司立足。。 下圖是用vue 開發的個人資料修改中頭像上傳部分,希望能幫到你,爲了更好地幫助,小編就不放代碼了 如需要評論小編 小編將發送給你
原创 關鍵字搜素
在開發過程中,經常會遇到關鍵字查詢功能,比如酒店列表,搜索酒店名稱查詢對應酒店,如果將查詢交於後端實現的話,前端只需將關鍵字傳遞給後端接口,但是不斷的請求服務器定然不是可行之舉啊! 所以最優的解決方案就是隻訪問一次服務
原创 Vue 項目搭建
第一步,安裝node.js根據實際操作系統選擇安裝包 下載地址:https://nodejs.org/en/download/ 打開Cmd命令行 輸入 node –v檢測安裝是否成功 第二步npm設置 大家都知道國內直接使用 npm
原创 談談less與sass
介紹: less和sass都可以視爲一種基於CSS之上的高級語言,他們引入了mixins,參數,嵌套規則,運算,顏色,名字空間,作用域,JavaScript賦值等,加快了css的開發效率,當然這兩者都可以配合gulp和grunt等前端構建
原创 原生js求一個班的平均值(去掉最高分;最低分)
js 操作: function zhang(){ var arr=[89,67,75,77,59,95,88,87]; var sum=0; //排序 arr.sort(function(a,b){return a-b
原创 js拓撲圖-vis插件
<html> <head> <title>js拓撲圖-vis插件</title> <link href="https://cdn.bootcss.com/vis/4.21.0/vis.min.css" rel="styl
原创 常用的Meta標籤寫法和作用
常用的Meta標籤寫法和作用 頁面關鍵詞 <meta name="keywords" content="your tags" /> 頁面描述 <meta name="description" content="150 w
原创 陌上花開,可緩緩歸矣
陌上花開,可緩緩歸矣 “陌上花開,可緩緩歸矣。”含義:(夫人),田間阡陌上的花開了,你可以一邊賞花,一邊慢慢地回來。 “陌上花開,如果沒有悄然佇立阡陌併爲陌上風情所陶醉的人,那麼花開也寂寞,風情也蒼白....”喜歡這句話,是因爲看了忍冬的
原创 用原生JS實現字符串的反轉
//定義一個變量並賦值;var x = "扎心了,我的作業";//變成數組var y = x.split("");//把數組反轉var z = y.reverse(y);//彈出反轉後的新值 alert(z.join(""));
原创 用原生JS實現的簡單註冊信息
HTML:<div class="warp" id="txt2"> 用 戶 名:<input type="text" id="dome" onblur="func2()" autofocus required/><span id="te
原创 用JS生成13位條形碼
js操作:window.onload=function(){ var x ="698394303457"; var y=x.split(""); var sum = 0; var sum1 = 0; for(var i=0;i < y.l
原创 用原生JS判斷用戶輸入的郵箱是否正確
JS操作:var x = prompt("輸入格式"); if(x.charAt(x.length-4) == "." && x.indexOf(".") == x.length-4 && x.lastIndexOf(".") == x.