原创 前端精華集錦(一)

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.