原创 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聊天記錄的恢復:     這個恢復方法是建立在你電腦