2021年8月1日
【Angular教程】-组件通信｜8月更文挑战
摘要： 引言: 上一篇我们初步了解的Angular中组件及基本的使用,但是所有的功能要是放到一个组件里面必然显得更加冗余,臃肿,我们通常会将组件按照一定的规则进行拆分,拆分后的组件免不了的就需要进行通信,这一篇我们就来一起熟悉一下Angular中的组件通信吧。 正文: 在实际的应用中我们的组件将会以树形的结 阅读全文
posted @ 2021-08-01 22:40 前端小鑫同学 阅读(12) 评论(0) 推荐(0)
【Angular教程】-组件初识｜8月更文挑战
摘要： 前提: 准备一个空的angular项目(ng new angular-course) 与Angular组件的第一次会面 **通过创建组件命令: ****ng g c components/HelloWorld**来生成我们的第一个组件 观察目录变化,会在src/app/components下面生成我 阅读全文
posted @ 2021-08-01 12:51 前端小鑫同学 阅读(17) 评论(0) 推荐(0)
2021年7月31日
Vue版拖动验证
摘要： 1. 基础演示 定义一个滑轨: <div id="slideway"></div> 给滑轨上色: #slideway { background-color: #7ac23c; height: 34px; width: 0px; transition: width 0.2s ease; // 过渡的c 阅读全文
posted @ 2021-07-31 21:44 前端小鑫同学 阅读(30) 评论(0) 推荐(0)
2021年7月25日
在SPA模式网页版本检测方案
摘要： 方案来源于团队分享后的总结实现,文中代码并未在实际产品中是使用,仅供参考。 背景 由于在spa模式的应用中页面的内容变化不再引起整个页面的重新加载,故需要解决在spa模式的应用中网页在使用的过程中服务器已更新的资源不能被及时的获取的问题。 解决思路 标记版本: 在vue.config.js中每次编译 阅读全文
posted @ 2021-07-25 00:20 前端小鑫同学 阅读(48) 评论(0) 推荐(0)
2021年7月8日
实现简易版本的MVVM框架(Vue)
摘要： 整体流程图 在10~15分钟完成的自定义Vue <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>EasyFrame</title> <script src="./easy-frame.js"></scri 阅读全文
posted @ 2021-07-08 23:12 前端小鑫同学 阅读(13) 评论(0) 推荐(0)
2021年6月27日
SharedWorker 演示
摘要： 作用: 通过SharedWorker可以在同源内的不同窗口之间传递信息 构建worker脚本 let pool = []; onconnect = function (e) { let port = e.ports[0]; pool.push(port); port.onmessage = func 阅读全文
posted @ 2021-06-27 21:19 前端小鑫同学 阅读(20) 评论(0) 推荐(0)
2021年5月24日
在Vue中初次使用装饰器(Decorator)
摘要： 1. 扩展eslintConfig配置 { "eslintConfig": { ... "parserOptions": { ... "ecmaFeatures": { "legacyDecorators": true } } ... } } 2. 关闭Vetur提示(项目级别) { "vetur. 阅读全文
posted @ 2021-05-24 18:10 前端小鑫同学 阅读(38) 评论(0) 推荐(0)
2021年4月23日
Handlebars初次了解
摘要： 特点 高效地构建语义化模板 Handlebars 与 Mustache 模板基本兼容。 Handlebars 会将模板编译为 JavaScript 函数, 执行速度快。 安装 通过CDN引入: <script src="https://cdn.jsdelivr.net/npm/handlebars@ 阅读全文
posted @ 2021-04-23 18:34 前端小鑫同学 阅读(42) 评论(0) 推荐(0)
2021年4月22日
webpack生成雪碧图案例
摘要： 使用到的插件是: webpack-spritesmith 依赖项: "webpack-spritesmith": "^1.1.0" "webpack": "^4.29.6" "webpack-cli": "^3.3.0" 预设命令: "build:dev": "npx webpack --mode  阅读全文
posted @ 2021-04-22 15:16 前端小鑫同学 阅读(29) 评论(0) 推荐(0)
2021年4月19日
webpack性能优化简要
摘要： 1.优化loader的查找范围 test: 匹配特定条件。一般是提供一个正则表达式或正则表达式的数组，但这不是强制的 include(推荐): 匹配特定条件。一般是提供一个字符串或者字符串数组，但这不是强制的 exclude(**优先级最高): ** 排除特定条件。一般是提供一个字符串或字符串数组， 阅读全文
posted @ 2021-04-19 23:50 前端小鑫同学 阅读(15) 评论(0) 推荐(0)