原创 前端面試題——實際遇到

1.react生命週期、優化方式 2.js判斷數據類型的方法,各有什麼區別 3.用戶在瀏覽器輸入url,按了回車鍵之後到頁面渲染出來,都觸發了什麼 4.狀態碼 5.redux和dva的區別 6.函數節流、函數防抖動 答: 1. 優

原创 iOS app內嵌H5頁面,點擊js onclick無效

打了各種log,各種樣式調試,最後發現js onclick點擊效果無效,查看手機版本發現是9.3.5,很低,如果點擊的模塊不是a標籤或者button,需要給他加上cursor: pointer的樣式

原创 puppeteer 前端自動化測試踩坑(1)

puppeteer 和瀏覽器通信的協議是:WebSocket 需求: 我需要自動化測試一個列表的篩選表單 點擊展開之後: 上面三個是input輸入框,下面三個分別是用的ant design組件庫 的Select和DatePic

原创 JS原型、原型鏈

參考:1.https://www.jianshu.com/p/dee9f8b14771

原创 函數節流和函數防抖之間的區別

參考(詳細解釋請去此處看):https://www.cnblogs.com/walls/p/6399837.html 函數節流是指一定時間內js方法只跑一次。比如人的眨眼睛,就是一定時間內眨一次。這是函數節流最形象的解釋。    函數

原创 Ant Design Pro V2.0 --umi 新增頁面、mock、proxy

1.要在各種語言中預製中文 2.router中配置路由 注意:在這裏404必須放在最後,不然頁面顯示就是404 3.pages import React, { PureComponent } from 'react'; impor

原创 mobx修飾器

@ 是ES7裏的修飾器,可以到網上找資源學習 es7的修飾器 import { observable ,computed,autorun,action } from ‘mobx’ 1.observable 將屬性轉爲可觀察的,一旦發生

原创 taro+mobx踩坑記(一)

先看代碼 import Taro, { Component, Config } from '@tarojs/taro' import { observer, inject } from '@tarojs/mobx' type Pag

原创 puppeteer 前端自動化測試踩坑(2)

需求: 我這次需要自動化測試一個固件升級的表單,如下: 裏面包含了多種ant design 的組件:Cascader、TreeSelect、Input、Upload、TextArea、CheckboxGroup、Tag 1.組件下拉

原创 puppeteer 前端自動化測試

需求: 我需要自動化測試一個列表的篩選框 點擊展開之後: 上面三個是input輸入框,下面三個分別是用的ant design組件庫 的Select和DatePicker組件 一.遇到的問題 1. await page.goto(`

原创 ant design pro自動化測試 jest

1.文檔說明 1.1. 前言 基於React+Ant Design(以下用Antd表示)的項目,在對於自己封裝的,或者基於Antd封裝的公共組件的自動化測試技術的選型和實踐。 1.2. 適用範圍 讀者:公牛智能家居前端開發者。 1.3

原创 webpack配置react

webpack —— 模塊加載器 包管理器-npm cnpm bower yarn 使用webpack 之前 安裝兩個命令環境 cnpm(npm) i(install) webpack -g cnpm(npm) i(install)

原创 跳出JS 循環

如果是用for循環 可以用break跳出循環; 如果是用forEach循環,用reaturn false只能終止此次循環,不能跳出循環,如果想跳出要拋錯 throw new Error(’ EndIterative’); 如果是用ma

原创 解決小程序頻繁setData安卓的問題

小程序寫了一個滑動手機屏幕,進度條隨着變動,在滑動過程中,touchmove會毫秒級的頻繁觸發,會影響頁面的渲染,安卓手機上進度條不僅會出現一跳一跳的感覺,還會有緩衝,手指滑動動作已經結束,但是進度條還在變化。解決這個的思路就是設置時

原创 React Native啓動白屏

1.選擇虛擬設備,項目bulid的時候,報了一個warning 參考文檔 https://blog.csdn.net/u014133119/article/details/80981546 是Androidstudio版本的問題,