原创 android webview 加載H5頁面,設置字體不隨系統設置變化

webview.getSettings().setTextZoom(100); WebView加上這個設置後,WebView裏的字體就不會隨系統字體大小設置發生變化了.

原创 webstrom 註釋ctrl+/快捷鍵無效

在html文件裏使用註釋(ctrl+/),發現註釋不了,光標直接逐行往下走,點擊頁面默認顯示瀏覽器的位置也不顯示,嘗試了很多辦法,發現最近安裝了一個插件svelte,導致某些快捷鍵不能使用,然後卸載了這個插件快捷鍵就可以使用了。 找到we

原创 前端公衆號開發,微信分享遇到的坑,分享的鏈接,描述,圖片未能正常顯示

首先要做微信公衆號分享,必須要關注這個微信公衆號,這是重點。 我的項目是vue的項目在項目中安裝了微信jssdk,然後引用微信的jssdk。調用裏面的方法。方法如下圖代碼,我分享的的頁面不是當前頁面,而是同一個域名下的其他頁面。 一定要

原创 解決Unable to preventDefault inside passive event listener invocation 報錯問題

問題描述:項目裏使用echarts滾動事件在chrome裏報錯 Unable to preventDefault inside passive event listener invocation 由於瀏覽器必須要在執行事件處理函數之後

原创 Red5服務器搭建,流媒體rtmp推流實現H5在線直播以及遇到的坑

1.先安裝JDK,red5運行需要運行在java環境裏,(java環境配置自行百度) 2.1下載red5鏈接,選擇適合的版本 https://github.com/Red5/red5-server/releases 我(第一次下載的是1.

原创 mysql安裝包裏邊沒有my.ini怎樣配置my.ini

 我下載的是mysql5.7的安裝包,安裝包裏沒有my.ini,在網上找到對應的配置文件一下就是my.ini 的配置,其中紅色部分替換成自己本地對應的路徑。 # For advice on how to change settings

原创 Vue報錯:Uncaught TypeError: Cannot assign to read only property 'exports' of object 的解決方法

vue項目重構的時候遇到的問題;運行起來報錯 具體錯誤如下圖, 找到具體的原因是當前版本的webpack已經不允許 import 和 module.exports 共存,所以將代碼 module.exports修改爲export def

原创 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event.

在基於 Element-ui 寫項目的時候,Chrome 提醒: [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event.

原创 vue中使用vue-router切換頁面時自動滾動到頂部的方法,並且不聚焦到底部input

問題1:vue路由切換之後,之前的滾動距離會一直存在,頁面沒有到頂部。 router.afterEach((to,from,next) => { window.scrollTo(0,0); })  這樣解決有如下幾個問題 1.scrol

原创 解決vue 界面在蘋果手機上滑動點擊事件等卡頓問題

用vue編寫項目接近尾聲,需要集成到移動端中,在webstorm上界面,運行效果都很完美,但是在蘋果手機上各種問題都出現了,原生項目一向滑動流暢,事件響應迅速,可是蘋果手機打開這個項目有兩個問題, (1).滑動頁面卡頓, (2).點擊事件

原创 iOS Safari 中click點擊事件失效的解決辦法

問題起因: 在微信公衆號開發(微站),使用原生的click方法,點擊本元素img之外,關閉彈框。微信瀏覽器,pc端Safari點擊img外側可以正常關閉,移動端的Safari瀏覽器,QQ瀏覽器click不能正常關閉,判斷click事件無效

原创 vue運行,打包項目後css中使用的-webkit-line-clamp: 2這個屬性不生效

在項目中要實現多行省略,會使用-webkit-line-clamp這個屬性,-webkit-line-clamp: 2;代碼如下 p{ word-break: break-all; text-overflow: ellipsis; di

原创 獲取瀏覽器和屏幕各種高度寬度

原生JS部分 document.body.clientWidth; //網頁可見區域寬(body) document.body.clientHeight; //網頁可見區域高(body) document

原创 vue 滾動吸頂效果

最近做vue項目需要一個滾動吸頂的效果,實現的效果如下。 <template> <div> <div style='' class='head' id='head'> <img src='../../../st

原创 Vue 身份證精準校驗

1、在main.js中 import IdCard from '../static/js/IdCard' Vue.prototype.validid = IdCard; 2、使用 console.log( this.validid.c