02 2022 档案

form-serialize-serializeArray-submit
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-02-17 17:50 13522679763-任国强 阅读(30) 评论(0) 推荐(0)
事件委托
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-02-17 15:57 13522679763-任国强 阅读(15) 评论(0) 推荐(0)
Dom操作,width，height， offset， each
摘要：// var $p = $('<p id="insert">我是新添加的p标签</p>') var $p = $('<p>我是新添加的p标签</p>',{ id:'insert', class:"insert" }) $('#box').append($p) var $box = $('#box') 阅读全文
posted @ 2022-02-17 15:56 13522679763-任国强 阅读(22) 评论(0) 推荐(0)
attr-prop
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-02-17 15:56 13522679763-任国强 阅读(14) 评论(0) 推荐(0)
touch 事件
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-02-17 15:53 13522679763-任国强 阅读(23) 评论(0) 推荐(0)
文件类的读写封装
摘要：const fs = window.require('fs').promises // const path = window.require('path') const fileHelper = { readFile:(path) => { return fs.readFile(path,{enc 阅读全文
posted @ 2022-02-07 21:09 13522679763-任国强 阅读(23) 评论(0) 推荐(0)
工具函数的封装
摘要：export const flattenArr = (arr) => { return arr.reduce((map,item)=>{ map[item.id] = item return map },{}) } export const objToArr = (obj) => { return 阅读全文
posted @ 2022-02-07 21:09 13522679763-任国强 阅读(16) 评论(0) 推荐(0)
封装index.js
摘要：async function renderMovie(){ const res = await fetch('/api/getMovie') const json = await res.json() let data = json.data.house43 console.log(data); l 阅读全文
posted @ 2022-02-07 15:26 13522679763-任国强 阅读(39) 评论(0) 推荐(0)
封装sw.js
摘要：// install 主要就是缓存内容 const CACHE_NAME = 'cahe_v1' const URLS = [ '/', '/index.css', '/images/1.png', '/index.js', '/manifest.json', '/api/66462d0145d35 阅读全文
posted @ 2022-02-07 15:26 13522679763-任国强 阅读(191) 评论(0) 推荐(0)
service worker
摘要：service worker 使用步骤 <script> // 1 在网页加载完成的时候 注册 service worker window.addEventListener('load', () => { // 2 能力检测 if ('serviceWorker' in navigator) { n 阅读全文
posted @ 2022-02-07 15:25 13522679763-任国强 阅读(36) 评论(0) 推荐(0)
消息通知
摘要：/** * 如果页面一进来， 发现用户没有联网，给用户发一个通知 * */ if(Notification.permission 'default'){ Notification.requestPermission() } if(!navigator.onLine){ new Notificatio 阅读全文
posted @ 2022-02-07 15:25 13522679763-任国强 阅读(75) 评论(0) 推荐(0)
manifest
摘要：manifest 使用步骤 1 新建一个 manifest.json 文件 2 在 index.html 引入 manifest.json 文件 3 在 manifest.json 文件中提供常见的配置 4 需要在 https 协议或者 http://localhost 下访问项目 <link re 阅读全文
posted @ 2022-02-07 15:24 13522679763-任国强 阅读(384) 评论(0) 推荐(0)
封装 公共 window
摘要：const { BrowserWindow } = require('electron') class AppWindow extends BrowserWindow { constructor(config,urlLocation){ const basicConfig = { width:102 阅读全文
posted @ 2022-02-06 15:33 13522679763-任国强 阅读(29) 评论(0) 推荐(0)
配置 devtron
摘要：cnpm i --save-dev devtron require('devtron').install() mainWindow.webContents.openDevTools() 阅读全文
posted @ 2022-02-06 15:32 13522679763-任国强 阅读(54) 评论(0) 推荐(0)
发送和接收消息
摘要：const { ipcRenderer } = require('electron') window.addEventListener('DOMContentLoaded', () => { document.getElementById('node-version').innerHTML = pr 阅读全文
posted @ 2022-02-06 15:32 13522679763-任国强 阅读(46) 评论(0) 推荐(0)
配置script 开启命令
摘要：-- 是否为 发开环境 cnpm install electron-is-dev --save-dev npm install concurrently --save-dev npm install nodemon --save-dev npm i nodemon --save-dev 配置命令 " 阅读全文
posted @ 2022-02-06 15:31 13522679763-任国强 阅读(84) 评论(0) 推荐(0)
导入文件
摘要：// 导入文件 const importFiles = () => { remote.dialog.showOpenDialog({ title:'选择导入的 markdown 文件', properties:['openfile','multiSelections'], filters:[ {na 阅读全文
posted @ 2022-02-06 15:29 13522679763-任国强 阅读(148) 评论(0) 推荐(0)
设置窗口菜单
摘要：const {app,shell } = require('electron') let template = [ { label:'文件', submenu:[ { label:'新建', accelerator:'CmdOrCtrl+N', click:(menuItem,browserWind 阅读全文
posted @ 2022-02-06 15:28 13522679763-任国强 阅读(54) 评论(0) 推荐(0)
关闭子窗口
摘要：remote.getCurrentWindow().close() 阅读全文
posted @ 2022-02-06 15:27 13522679763-任国强 阅读(27) 评论(0) 推荐(0)
持久化设置保存的地址和内容
摘要：const Store = require('electron-store') const settingsStore = new Store({name:'Settings'}) let savedLocation = settingsStore.get('saveFileLocation') i 阅读全文
posted @ 2022-02-06 15:26 13522679763-任国强 阅读(26) 评论(0) 推荐(0)

点击右上角即可分享
微信分享提示