原创 js對call 和apply的理解

之前寫過一篇文章js對call的理解過一段時間去讀自己還算易懂,但是總感覺是給自己寫的,換作別人來讀應該很難理解,今天就再次翻譯一下。希望能夠讓更多前端初學者明白麪試筆試常考的call和apply。 先說call吧,網上很多解釋都是cal

原创 關於betterscroll 默認向上滾動一段距離 解決方式

最近一直用betterscroll 來做頁面的滾動 下拉刷新 上拉加載 等。也遇到一些很頭疼的問題,今天先解決一個我實際遇到的問題 問題描述 下圖是我未加better scroll之前的頁面 可以看出每一條頂上都會有10px的間

原创 vue父子組件數據雙向修改方法

前言 vue中父子組件通信中,爲了保證數據的單向流動,子組件不能直接修改父組件傳進來的值,之前也一直用this.$emit調用父組件方法來修改傳入的值。直到要做一個帶關閉按鈕的彈窗組件時,我才發現了vue的子組件可以不通過this

原创 js閉包通俗解析

開場白 對於js來說,閉包可謂時重點和難點,前端面試應該是必問的題,對閉包的理解程度就可以看的出一個前端開發的功底。網上對閉包的文章比比皆是,但是對於初學者來說不是很友好。今天我就考慮一下初學者,畢竟我還算是吧,簡單通俗的講一下js閉包。

原创 js筆試題之變量連續賦值題

先看一道筆試題:求打印結果 var a = {s:"sss"}; var b = a; a.x = a = {m:"mmm"}; console.log(a.x); conso

原创 vue cli3 創建vw移動端適配項目

一直用rem做移動端的適配,其原理就是根據html的font-size爲100單位rem的大小,flexible的解決方案大致是根據設計稿的大小動態改變不同屏幕下html的font-size的值,得到一個設計稿和rem的轉化比例。具體實現

原创 better scroll與flex聯用在ios 10下無法滑動的問題

better scroll與flex聯用在ios 10下無法滑動的問題 上圖使用的betterscroll做下拉刷新,中間部分中flex:1自適應高度,做betterscroll的殼子,然而在ios10上,居然滾動不了。該問題歸

原创 nginx proxy_pass相關知識

nginx的proxy_pass可以講請求轉發到另一臺服務器,在項目部署時通常也可以用此做跨域處理,使得頁面調用本地服務器,通過轉發至後臺服務器。 對於proxy_pass的基本用法 location /houtaiapi/ {

原创 vue 使用rsa加密整理

由於安全原因一些敏感信息提交時都需要加密處理,之前一直用MD5加密,一些暴力軟件還是可以進行解密,而rsa加密安全性就比較高,它採用前端公鑰加密 後臺私鑰解密。下面就是整個rsa在項目中使用的過程 安裝 npm install j

原创 better scroll內容有圖片上拉位置不準確解決方案

前言 better scroll也是目前在移動項目中 一直推薦的滾動解決方案,隨着項目功能的不斷擴充一些問題也隨之出現,後續問題也會一一記錄並進行解決,先看一下一個常見問題 上拉加載位置不正確問題。 問題描述 在做上拉加載功能時,

原创 基於 vue +better scroll滑動切換頁面 並支持下拉刷新案例

也是公司項目 ,內部app的資訊模塊整改,改是不可能改的,之前還是用jquery。感覺越改越混亂,還是重做。就仿着今日頭條、等資訊頁面做了一個dome,話不多說,先看效果!  微信掃碼預覽 效果看完,感覺還行的話,接着就往下看開啓爬坑

原创 js 的if()判斷的誤區

js的if語句,是把其他數據類型強制轉爲Boolean類型,其主要常見誤區也就是對於js數據類型理解不夠深入。首先說一下js的數據類型吧。 基本類型:字符串(String)、數字(Number)、布爾(Boolean)、對空(Null)、

原创 js筆試題之連續賦值

先看一道筆試題:求打印結果 var a = {s:"sss"}; var b = a; a.x = a = {m:"mmm"}; console.log(a.x); conso

原创 css圖片的自適應排版

不知道大家有沒有在做多個圖片排布的時候感覺會有些吃力,尤其是那些圖片的長寬都是不規範的時候,直接填充圖片容易拉伸,定寬或者定高,最後都會有些超出邊界,下面就是我總結的解決方法。 方法一 :css的background屬性來設置背景圖 知識

原创 百度地圖標記在兩點間運動

最近做一個公司內部的班車項目,要求實時獲取班車的位置,一開始想法就是每隔5s獲取班車位置,然後更新班車marker的座標,做完之後發現,這個班車在地圖上是跳動的,需求部門說班車在瞬移~~~^_^~~~,要做連續的運動,就需要讓班車在這兩點