wg_iGBFcBFB的博客_axios,Bootstrap,canvas

css半透明效果

.VPNav.no-sidebar[data-v-4da33ef2] { -webkit-backdrop-filter: saturate(50%) blur(8px); backdrop-filter: saturate(50%) blur(8px); background: rgba(255,

ide

原创 10月前 656 阅读

响应式css-flex布局

.container { width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } /*sm*/ @media (min-width: 576px) { .contai

css

原创 2022-06-05 19:49:16 442 阅读

拖拽

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,

html

3d

拖拽

原创 2022-06-05 19:48:25 162 阅读

自适应js

;(function(){ // 判断缩放比解决1px 像素边框问题 var docEl = document.documentElement var viewportEl = document.querySelector('meta[name="viewport"]') var dpr = wi

scala

缩放

原创 2022-06-05 19:48:06 161 阅读

hammer.js-使用方法

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,

html

scala

原创 2022-06-05 19:47:50 380 阅读

hammer.js-》移动端事件监测

css

ide

sed

原创 2022-06-05 19:47:33 89 阅读

css 单行和多行文本显示

.text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .multiline-ellipsis { overflow: hidden; text-overflow: ellipsis; di

css

原创 2022-06-05 19:47:11 585 阅读

gulp打包css,js文件

gulp学习记录npm init -y yarn add gulp -D 修改 package.json "scripts": { "build": "gulp" }, // 查看版本 npx gulp --version 新建 gulpfile.js // 重命名 gulp-rename // 压

gulp

css

html

原创 2022-06-05 01:44:37 116 阅读

默认插槽

// 默认插槽 <Category title="美食"> <img src="https://oss.aolb.top/public/uploads/goods/1645257691_95884.jpg" alt=""> </Category> <div class="cateogry"> <h3

插槽

默认值

原创 2022-05-05 17:19:48 210 阅读

作用域插槽

// 作用域插槽 <template> <div class="cateogry"> <h3>{{title}}分类</h3> <slot :games="games"> 我是默认的一些内容</slot> </div> </template> <script> export default { na

插槽

作用域

原创 2022-03-22 18:48:57 77 阅读

具名插槽

// 具名插槽 <div class="cateogry"> <h3>{{title}}分类</h3>  <slot name="center">这里填写默认值1</slot> <slot name="footer">这里填写默认值2</slot> </div> <Cate

ide

插槽

4s

原创 2022-03-22 18:47:05 76 阅读

关闭子窗口

remote.getCurrentWindow().close()

关闭子窗口

原创 2022-03-14 18:24:02 127 阅读

设置窗口菜单

const {app,shell } = require('electron') let template = [ { label:'文件', submenu:[ { label:'新建', accelerator:'CmdOrCtrl+N', click:(menuItem,browserWind

sed

ide

最小化

原创 2022-03-14 18:23:40 173 阅读

导入文件

// 导入文件 const importFiles = () => { remote.dialog.showOpenDialog({ title:'选择导入的 markdown 文件', properties:['openfile','multiSelections'], filters:[ {na

导入文件

原创 2022-03-14 18:23:03 71 阅读

配置script 开启命令

-- 是否为发开环境 cnpm install electron-is-dev --save-dev npm install concurrently --save-dev npm install nodemon --save-dev npm i nodemon --save-dev 配置命令 "

新窗口

环境变量

原创 2022-03-14 18:22:33 247 阅读

发送和接收消息

const { ipcRenderer } = require('electron') window.addEventListener('DOMContentLoaded', () => { document.getElementById('node-version').innerHTML = pr

html

发送消息

原创 2022-03-14 18:19:00 233 阅读

配置 devtron

cnpm i --save-dev devtron require('devtron').install() mainWindow.webContents.openDevTools()

devtron

原创 2022-03-14 18:18:35 32 阅读

封装公共 window

const { BrowserWindow } = require('electron') class AppWindow extends BrowserWindow { constructor(config,urlLocation){ const basicConfig = { width:102

sed

html

原创 2022-03-14 18:18:12 106 阅读

复制功能实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi

html

激活码

原创 2022-03-14 18:17:40 105 阅读

绑定和取消全局快捷键

// 绑定全局快捷键 globalShortcut.register('ctrl+e',()=>{ mainWindow.loadURL('http://baidu.com/') }) // 判断是否绑定快捷键 let isRegister = globalShortcut.isRegistered

快捷键

原创 2022-03-14 18:17:12 173 阅读

底部通知消息-

底部通知消息 <body> <button id="notifyBtn">通知消息</button> </body> <script> var notifyBtn = document.getElementById('notifyBtn') var option = { title:'小二,来订单了

底部通知消息

原创 2022-03-14 18:16:00 72 阅读

设置右键菜单

const {remote} = require('electron') var rightTemplate = [ { label:"粘贴" , accelerator:'ctrl+c', // 增加快捷键 }, { label:"复制", accelerator:'ctrl+v', // 增加快

快捷键

右键

打开菜单

原创 2022-03-14 18:15:26 127 阅读

打开外部跳转链接

// 打开外部跳转链接 var { shell } = require('electron') var aHref = this.document.querySelector('#aHref') aHref.onclick = function(e){ e.preventDefault() var

跳转链接

原创 2022-03-14 18:15:03 157 阅读

封装公共窗口

封装公共窗口 class AppWindow extends BrowserWindow { constructor(config,fileLocation){ const baseConfig = { width: 800, height: 600, webPreferences: { nodeI

弹出窗口

封装

html

原创 2022-03-14 18:14:38 78 阅读

nodemon 设置自动检测修改

npm i nodemon --save-dev 修改启动命令 "scripts": { "start": " nodemon --watch main.js --exec electron ." },

自动检测修改

原创 2022-03-14 18:14:14 153 阅读

自动打开调试窗口

// 自动打开调试窗口 mainWindow.webContents.openDevTools()

调试窗口

原创 2022-03-14 18:11:59 98 阅读

封装公共函数

exports.$ = (id) => { return document.getElementById(id) } exports.convertDuration = (time) => { // 计算分钟 02 020 const minutes = "0" + Math.floor(time/

公共函数

原创 2022-03-14 18:11:33 52 阅读

封装electron-store

const Store = require('electron-store') const { v4: uuidv4 } = require('uuid'); const path = require('path') class DataStore extends Store { construct

store

原创 2022-03-14 18:10:46 462 阅读

封装localStorage 和 sessionStorage

class EricCache{ constructor(isLocal = true){ this.stroage = isLocal ? localStorage : sessionStorage } setItem(key,value){ if(value){ this.stroage.set

json

原创 2022-03-14 18:09:58 133 阅读

indexedDB

const dbRequest = indexedDB.open('Eric') dbRequest.onerror = function(err){ console.log('打开数据库失败~'); } let db = null dbRequest.onsuccess = function(ev

数据库

i++

主键

原创 2022-03-14 18:09:28 135 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

13522679763-Eric-任国强

css半透明效果

响应式css-flex布局

拖拽

自适应js

hammer.js-使用方法

hammer.js-》移动端事件监测

css 单行和多行文本显示

gulp打包css,js文件

默认插槽

作用域插槽

具名插槽

关闭子窗口

设置窗口菜单

导入文件

配置script 开启命令

发送和接收消息

配置 devtron

封装公共 window

复制功能实现

绑定和取消全局快捷键

底部通知消息-

设置右键菜单

打开外部跳转链接

封装公共窗口

nodemon 设置自动检测修改

自动打开调试窗口

封装公共函数

封装electron-store

封装localStorage 和 sessionStorage

indexedDB