摘要: 懒是技术进步的一大原因。这不,为了实现领导快速方便的检查我们正在开发的应用,就研究了一下如何把web应用打包成exe可执行文件,并且自动打开浏览器,这样,领导只需要轻轻地点击一下,就可以看到酷炫的页面了。 环境: 前端:Angular 后端:Nodejs + Koa 打包工具:pkg库 打开浏览器库 阅读全文
posted @ 2020-12-07 20:05 JasonWangTing 阅读(1028) 评论(0) 推荐(0) 编辑
摘要: const input = document.createElement('input') as HTMLInputElement; input.type = 'file'; input.accept = 'application/json'; input.addEventListener('cha 阅读全文
posted @ 2020-12-07 19:31 JasonWangTing 阅读(1022) 评论(0) 推荐(0) 编辑
摘要: const a = document.createElement('a'); a.href = `data:text/txt;charset=utf-8, '文件内容'}`; a.download = 'log.txt' // 文件名称; a.click(); 阅读全文
posted @ 2020-12-07 19:30 JasonWangTing 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 使用Chrome打开网址 var open = require("open"); open("http://www.google.com", "chrome"); 调用Start打开 open模块的实现原理非常简单,即start命令,我们可以直接在命令行中调试: C:\Users\c2u> star 阅读全文
posted @ 2020-12-07 19:13 JasonWangTing 阅读(935) 评论(0) 推荐(0) 编辑
摘要: flex布局是目前布局的主要方式,它能够解决大多数的布局问题。本文是flex布局的总结,记录了一下flex布局的常见使用场景及flex布局不能解决的一下问题和对应的解决方案。 阅读全文
posted @ 2020-09-11 15:57 JasonWangTing 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 定制主题有很多种方式,下面提供一种在Angular项目中基于SCSS的主题定制方式。 阅读全文
posted @ 2020-09-11 15:21 JasonWangTing 阅读(787) 评论(0) 推荐(0) 编辑
摘要: 使用原生js,html,css封装web component比较麻烦,在angular 10.0中,提供了一种使用angular elements把angular component转换成web component的能力。 阅读全文
posted @ 2020-09-10 14:36 JasonWangTing 阅读(2707) 评论(1) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-07-12 18:17 JasonWangTing 阅读(161) 评论(0) 推荐(0) 编辑
摘要: display属性值: 常用的大的分类值:block inline inline-block <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev 阅读全文
posted @ 2020-07-12 17:47 JasonWangTing 阅读(143) 评论(0) 推荐(0) 编辑
摘要: CSS盒子模型:只针对block元素或者inline-block元素,也就是可以设置size的元素 在元素上设置的height和width是作用在内容区域的。 background作用在contect + padding的区域。 盒子模型的size是content + padding + borde 阅读全文
posted @ 2020-07-12 17:33 JasonWangTing 阅读(140) 评论(0) 推荐(0) 编辑