原创 http GET 和 POST 請求的優缺點和誤區 --前端優化

Get和Post在面試中一般都會問到,一般的區別: (1)post更安全(不會作爲url的一部分,不會被緩存、保存在服務器日誌、以及瀏覽器瀏覽記錄中) (2)post發送的數據更大(get有url長度限制) (3)post能發送更多的數據

原创 Jquery代碼組織方法優化

關於jQuery的代碼,以前都是直接取節點,綁事件一把梭,但是這樣子會使代碼很亂不方便維護。 今天介紹一個新的代碼組織形式 實現看原代碼 $(function () { //切換bananer $

原创 JS中style.width和offsetWidth的比較

style.width 獲取的元素寬度只是div的寬度,不包括border、和padding所佔的寬度,且其值是帶單位px的。   只能獲取在行內式CSS所添加的width offsetWidth offsetWidth 獲取的

原创 JS文件上傳以及進度條實現

JS文件上傳,依靠 <input type="file"> 這個標籤可以完成文件上傳的操作,這裏就不細說,這裏主要說一下進度條的實現。 想要實現進度條我們需要了解一個對象 XMLHttpRequest  ProgressEvent接口

原创 Vue+Mock.js搭建前端獨立開發環境

安裝Mock npm i mockjs -s 創建Mock文件 在main.js同級目錄下創建一個Mock.js(可以任意起名)用來存放我們的數據欺騙代碼 Mock.js const Mock = require('mockjs'

原创 動手寫一個jquery插件(實踐)

自己實踐寫一個基於jquery的tab插件,面向對象的寫法這裏我就不寫index.html,和index.css了,主要就是分析插件代碼tab.js代碼我上傳到github上了,如果你們想看DOM結構及CSS樣式的話,可以去把源碼下來看看

原创 jquery常用方法總結

轉載自:https://blog.csdn.net/yl2isoft/article/details/54427694取值與賦值操作$("#ID").val(); //取value值 $("#ID").val("xxx"); //賦值 $

原创 JS && 和 || 的一次應用

場景:後臺返回同一個表的數據,但有時數據是data[{a:1}]數組形式,有時是{a:1}的對象形式 這裏我就寫了個if-else if(dconstructor ===Object){ 業務代碼 }else{ 業務代

原创 網頁Loding效果的實現

想要實現loading效果,實現得了解兩個文檔屬性1、document.onreadystatechange   //頁面加載狀態改變2、 document.readyState    //該屬性描述了文檔的加載狀態。這兩個屬性的具體信息

原创 IE不支持ES6的問題

先聲明:我這個不是解決辦法,只是一個小吐槽當初寫項目的時候不知道,沒了解過IE不支持ES6,而後在網上找了一些IE兼容ES6語法的方法一一試了一下,結果還是報錯網上有人說無法完美兼容,這個時候就很傷心了,難道要把項目裏的ES6全部換掉?不

原创 node.js+express配置vue項目服務器

vue項目打包後如果放在express的服務器裏運行?app.jsvar express = require('express'); var fs = require('fs'); var path = require('path');

原创 vue項目打包爲APP,靜態資源正常顯示,但API請求不到數據

Vue項目通過Hbuild打包爲APP後,靜態文件正常顯示,但並沒有像開發時那樣請求到數據。 這是爲什麼?因爲APP並沒有跨域,不存在跨域一說。 我們在開發的時候,js在不同的域之間進行數據傳輸或通信,所以會給項目設置代理來跨域 conf

原创 Vue 報錯TypeError: this.$set is not a function 的解決方法

報錯場景:將APi中得到的response數據,用Vue$set()使數據動態響應報錯代碼: methods: { textTranslate: function (text, to) { $.ajax({

原创 Vue 新手小項目 vue-translate-peoject 在線翻譯功能

開始這是一適合新手練習的小項目,一個在線翻譯的demo。在正式開始前,先囉嗦一下,是一位網友給我的建議,就是不要強行組件化的問題 開始做Vue時我們可能會喜歡拆很多組件出來 但記住組件是爲了複用(常見如公共菜單按鈕欄等) 如非能夠複用的情

原创 js中的'=='的隱式轉換

js中的不同的數據類型之間的比較轉換規則如下:1. 對象和布爾值比較對象和布爾值進行比較時,對象先轉換爲字符串,然後再轉換爲數字,布爾值直接轉換爲數字[] == true; //false []轉換爲字符串'',然後轉換爲數字0,tr