原创 269個JavaScript小函數( 二二二二二二二 )

91.返回當前url export const currentURL = () => window.location.href; 92.獲取url參數(第一種) /**  * @param {*} name  * @param {*

原创 css中如何定義變量並使用

CSS中原生的變量定義語法是:--*,變量使用語法是:var(--*)  ;  其中*表示我們的變量名稱; vue項目中定義css全局變量的話: 1,首先在assets目錄下新建index.css文件:( :root     文檔的根元素

原创 使用calc不管用時,需要注意的坑

先說問題: 在使用calc時,使用的格式如下:width:calc(100%-100px); 結果不管用,改成 width:calc(100% - 100px);  即可管用(減號左右要有空格纔行);   + 和 - 運算符的兩邊必須要有

原创 269個JavaScript小函數(----------)

1.匹配正整數 // 匹配正整數 let isPositiveNum = val => {     return /^[1-9]d*$/.test(val); }; console.log(isPositiveNum(9)) //tru

原创 記錄js遇到的問題

1,下面兩個函數調用後返回的結果相同嗎?  function foo1(){ return { bar: "hello" }; } function foo2(){ return { bar: "he

原创 269個JavaScript小函數( 三三三三三三三三 )

131.file轉base64 /** * @param { * } file 圖片文件 */ export const fileToBase64 = file => { let r

原创 向github中提交代碼報錯 Updates were rejected because the remote contains work that you do

在向github中並非第一次提交代碼時,提交代碼被拒絕,提示如下: Updates were rejected because the remote contains work that you do 解決辦法:先pull一下遠程倉庫的

原创 jquery中的常規選擇器(1)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 a標籤添加鼠標移入移出的樣式

<a href="javascript:void(0);" οnmοuseοver="this.style.color='blue';" οnmοuseοut="this.style.color='skyblue';" οnclick="

原创 根據 UI 圖設計的大小換算rem單位以及大屏頁面全屏展示的設置

設置rem節點適配 例如設計的UI圖尺寸是1366寬的,則正常頁面往下滾動的是情況下,輸入UI圖設計的尺寸,可以是1366,也可以是1920 等;於是就用rem單位適配,根據根節點換算, // 初始化 let self = this;

原创 微信小程序radio-group 組件的使用

效果圖: wxml 文件代碼如下: <view class="change"> <radio-group class="block lang_btn" bindchange="changeLanguage"> <view

原创 echarts中圖表的圖例設置(單獨設置樣式)

先看效果: mounted() { this.myChart = this.$echarts.init(document.getElementById("main5")); this.option = {

原创 js中一些優雅操作,比如生成隨機時間,隨機顏色等等

1,每一秒都顯示當前時間: setInterval(function(){ document.getElementById("inner").innerHTML = new Date().toLoca

原创 微信小程序實現多國語言的切換

實現步驟: 1,首先在根目錄新建文件夾 i18n,該文件夾下是 各種語言的js文件,如下圖所示: 每個js文件內容和下面的圖片類似; const languageMap = { "授權完成":"授權完成", "完善信息成功"

原创 Vue項目中出現 “Error in mounted hook: TypeError: handler.call is not a function”

出現該錯誤的原因可能是  在頁面中寫了一些生命週期函數,而生命週期函數裏面什麼都沒有;沒有使用的生命週期函數直接刪掉;