原创 前端的跨域解決原理

1,我們先來說一下什麼是跨域a.瀏覽器有同源策略,不允許ajax訪問其他域接口b.跨域條件:協議、域名、端口有一個不同就算跨域例如:我的網站:http://www.my.com/page.html你的網站:http://www.your.

原创 mac抓包工具charles的使用

最近換了公司,電腦也由原來的windows電腦換成了mac,所以抓包工具也得換成mac的charles了,這裏做記錄只是希望更多的和我一樣的初次使用者少走彎路,直接上手使用。 1、介紹 Charles是一個HTTP代理服務器,HTTP監視

原创 異步和單線程

1.首先我們來說一下什麼是異步舉例:console.log(1); setTimeout(function(){ console.log(2); },1000) console.log(3);你會發現,程序不是按部就班的先輸出1,再輸出2

原创 js中作用域與函數閉包

1.作用域很簡單,只是簡單的點一下,js的作用域沒有塊級作用域,只有全局作用域與函數作用域;例如:if(true){ var a=100; } console.log(a);在java或者c中大括號就是塊外邊是獲取不到的,但是在js

原创 web前端面試題

1、如何使元素垂直水平居中?答:a、知道具體寬高:父級定位,子級定位,寬高300px.container {    position: absolute;    left: calc(50% - 150px);    top: calc(

原创 圖片懶加載

一、什麼是圖片滾動加載?通俗的講就是:當訪問一個頁面的時候,先把img元素或是其他元素的背景圖片路徑替換成一張大小爲1*1px圖片的路徑(這樣就只需請求一次),只有當圖片出現在瀏覽器的可視區域內時,才設置圖

原创 微信小程序中的組件使用指南

轉自:https://www.jianshu.com/p/8a2a730d9e60 微信小程序中的組件 前言 之前做小程序開發的時候,對於開發來說比較頭疼的莫過於自定義組件了,當時官方對這方面的文檔也只是寥寥幾句,一筆帶過而已,所以寫起來

原创 最近參加了幾場面試,總結一下面試題

1、用到了關於h5的哪些新特性?答:a.h5新語義元素 header、footer、nav、aside、article、section、hgroup,作用:有利於代碼可讀性和SEO;b、本地存儲:h5提供了sessionStorage、l

原创 git for window系統下的Filename too long

今天從碼雲上克隆文件下來時候發現少了好幾個文件,git報錯filename too long;經過了解原來git有可以創建4096長度的文件名,在windows最多是260,因爲git用了舊版本的windows api,所以我們要在git

原创 小程序微信支付問題

最近由於個人疏忽,在微信小程序中支付時允許同時點擊多次,導致客戶支付但是並沒有獲得相應付費產品,找了一下原因記錄一下。首先個人錯誤原因是點擊支付按鈕時就應該禁用支付按鈕,然而確在支付請求發送之後禁用,請求還沒有返回如果點擊就會發出多個請求

原创 web前端性能優化

轉自:http://www.2cto.com/kf/201604/498725.html         網站的劃分一般爲二:前端和後臺。我們可以理解成後臺是用來實現網站的功能的,比如:實現用戶註冊,用戶能夠爲文章發表評論等等。而前端呢?

原创 html中offsetTop、clientTop、scrollTop、offsetTop各屬性介紹

HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 獲取對象的滾動高度。 scrollLeft:設置或獲取位於對象左邊界和窗口中目前可見內容的最左端之

原创 正則基礎學習

字符串是編程時涉及到的最多的一種數據結構,對字符串進行操作的需求幾乎無處不在。比如判斷一個字符串是否是合法的Email地址,雖然可以編程提取@前後的子串,再分別判斷是否是單詞和域名,但這樣做不但麻煩,而且代碼難以複用。正則表達式是一種用來

原创 js面向對象class

JavaScript的對象模型是基於原型實現的,特點是簡單,缺點是理解起來比傳統的類-實例模型要困難,最大的缺點是繼承的實現需要編寫大量代碼,並且需要正確實現原型鏈。接下來我們來看一下更簡單的實現方法:新的關鍵字class從ES6開始正式

原创 css命名規範總結

一、文件規範1、文件均歸檔至約定的目錄中。具體要求通過豆瓣的CSS規範進行講解:所有的CSS分爲兩大類:通用類和業務類業務類的CSS是指和具體產品相關的文件外聯CSS文件適用於全站級和產品級通用的大文件。內