原创 HBuilderX使用高德地圖,獲取當前定位
1、配置高德地圖key 2、地圖插件配置,該鏈接有高德地圖和百度地圖的配置方法 上鍊接中的知識,不在複述,補充一點關鍵資料 2-1、獲取安卓key 結果如下: 2-2、生成IOS的key
原创 CSS——實現水面波紋無限散開的動畫
此方法來自轉載:無限波紋 上文中的補充部分可以實現該無限輪播並實現自然銜接,沒有突然跳動的效果。 下面附上我的一些代碼 1、自然輪播,沒有速度變化 @keyframes ripple2 { 0% { box-sha
原创 使用了 ESlint 後的踩坑和發現
1、中文官網:ESlint 網友博客:ESLint常見命令(規則表) 2、使下一行代碼忽略 eslint 規則: /* eslint-disable-next-line jsx-a11y/media-has-cap
原创 前端面試
一、HTML 1、H5 新特性有哪些 十大新特性。 二、CSS 1、實現左側 div 固定寬度,右側 div 自適應寬度的方法有哪些 a、flex 彈性盒模型 b、float
原创 git 學習筆記
下載 - 安裝 1.git是什麼;與svn的區別;在windows上如何安裝 2、操作 2.1、創建版本庫 git init git add git commit -m ''
原创 獲取 Layui 表單 select 中的 option 的自定義屬性
<div class="layui-form-item"> <label class="layui-form-label" data-form="form-label">指標類型</label> <div class="layui-
原创 layui 的 select 下拉選擇框實現默認選中某一項
1、使用 select 下拉選擇框後在瀏覽器的選擇效果 2、如何實現自動選擇 通過默認執行一次 click 事件觸發 //狀態選中項 var opts = $('.layer_update .layui-input-b
原创 JS——通過元素名刪除數組中該元素
Array.prototype.remove = function (val) { var index = this.indexOf(val); if (index > -1) { this.splice
原创 CSS——content換行符與打點loading效果
效果:省略號從一個點到三個點不停變化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte
原创 小程序——調用手機地圖app
流程:點擊某頁面的地址,出現下圖,點擊右下角導航可選擇打開 app。 實現步驟: 1、高德開放平臺入門指南 2、在你小程序中調用 sdk 接口 let amapFile = require("./amap-wx");
原创 HTML頁面實現打印時有水印功能
本文檔包含 水印背景圖片、水印背景文字 2 種功能實現。 以下 2 種方法實現了打印附帶水印,瀏覽頁面是不顯示水印功能。並可很簡單就改成在以上 2 種狀態時都顯示水印的狀態。 1、水印圖片 實現思路:使用 img 標籤引入圖片作爲
原创 JS——實現左右可拖動改變寬度的div內容顯示區,並且控制拖動範圍
轉自:https://www.jianshu.com/p/014380e6ae50 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met
原创 CSS——瀏覽器兼容問題
1、ie 瀏覽器從 9 開始兼容 flex 佈局並支持媒體查詢,自 9 之後基本上正常開發就可以了,只要不用 css3 屬性,ie9 的顯示效果和谷歌瀏覽器上是一樣的。但一旦需要兼容 ie8,需要面臨很多問題,見此鏈接:小小夕 2、各瀏覽
原创 js 獲取當前頁面名稱
// 取當前頁面名稱(不帶後綴名) function pageName() { var a = location.href; var b = a.split("/"); var c = b.slice(b.l
原创 PC端qq和WeChat聊天記錄的備份及恢復的方法
在重裝系統後 QQ 或 WeChat 的聊天記錄會丟失,依據以下鏈接的方法完全可恢復,非常簡單清晰,故此記錄在自己的博客中: 1、電腦qq聊天記錄的備份及恢復的方法 2、電腦WeChat聊天記錄的恢復: 這個恢復方法是建立在你電腦