20190623 前端开发日报

最新推荐文章于 2024-09-04 15:47:59 发布

前端开发博客

最新推荐文章于 2024-09-04 15:47:59 发布

阅读量310

点赞数

文章标签：单元测试 html css javascript vue

原文链接：http://caibaojian.com/goods

版权

给「前端开发博客」加星标，每天打卡学习

长按二维码即可识别“进入网页”查看哟

1、【整理】20个让你效率更高的CSS代码技巧

在本文中，我们想与您分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合。有一些是面向CSS初学者的，有一些知识点是进阶型的。希望每个人通过这篇文章都能学到对自己有用的知识。

https://segmentfault.com/a/1190000019542534

2、前端单元测试实践（koa篇）

前端的业务逻辑日益复杂，对于逻辑正确性的要求也越来越高，单元测试作为一种简单快捷的测试工具为前端业务的正确性提供了有力的支持。所谓单元测试，就是通过测试单个代码单元以测试代码的单一功能，单元测试可以让开发人发现很多潜在的问题。为什么要写单元测试单元测试费时费力的苦力活，很多人都不愿意写，甚...

https://juejin.im/post/5d09935ce51d451063431816

3、Vue.js 高级概念：Mixins，自定义指令，过滤器，过渡，状态管理和服务端渲染

搭建环境（Vue.js 2.x）下面利用 Vue-cli 搭建一个工程，首先安装Vue-cli npm install -g vue-cli 复制代码安装完成执行Vue -V 检查是否安装成功，我的 Vue-cli 版本是2.9.6。 Mixins Vue 官方网站对 Mixins 定义：混入 (Mixins) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一...

https://juejin.im/post/5d0aec48e51d455a694f9542

4、10 种 JavaScript 最常见的错误

前言查看了数千个项目后，发现了 10 个最常见的 JavaScript 错误。我们会告诉你什么原因导致了这些错误，以及如何防止这些错误发生。如果你能够避免落入这些 “陷阱”，你将会成为一个更好的开发者。 JavaScript 常见错误 Top 10：为了便于阅读，我们将每个错误描述都尽量简化。接下来，让我们深入到每一个错...

http://developer.51cto.com/art/201906/598206.htm

5、Vue单页SPA后台管理点击刷新当前页面

使用vue都知道 SPA页面中跳转当前页面是不会有反应的,例如在login页面使用 this.$router.push('login') ,页面是不会出现任何现象的,push的路由也不会进入你是记录,那么我们如何实现在单页应用的刷新呢? 需求: 点击左侧菜单的当前导航页面属性我们看一下Vue-router的文档导航式编程 router.pus...

https://juejin.im/post/5d0c88d451882532bc6bd5f3

6、Vue生命周期钩子简介[每日前端夜话0x8A]

每日前端夜话 0x8A 每日前端夜话，陪你聊前端。每天晚上18:00准时推送。正文共：1993 字预计阅读时间： 6 分钟作者：Nwose Lotanna 翻译：疯狂的技术宅来源： logrocket 在本文中，我们来学习可用于 Vue JS 工作流程中的所有 hooks 。 Vue Vue JS 是...

https://www.tuicool.com/articles/hit//hit//hit//hit/hit/FnIFZz6

7、CSS改变鼠标样式（图片）

如果你想让你的网站看起来更酷炫，可以改变鼠标样式，用你喜欢的图片来代替。下面就来介绍下步骤方法：首页把鼠标图标格式转换成.ico格式，大小为32*32转换格式网址为：[链接] 然后在CSS样式中增加代码： {代码...

https://segmentfault.com/a/1190000019546150

8、vue项目工程化规范

在一个团队中，一般会同时有多个项目在开发，我们除了要开发自己主要负责的项目，偶尔也会因为客观因素去开发别的团队或个人主导的项目。这时问题就出现了，我们需要花一定的时间去了解项目的目录结构，并且努力遵循当前项目的一些潜在的规范（即使这些规范内心是拒绝的，为了不破坏整体性也会去遵守）。那么我们对于采...

https://juejin.im/post/5d0c8a92f265da1b94215196

9、一文搞懂eggjs中上传文件

在 eggjs 中上传文件的官方文档 1、配置上传的路由 module.exports = (app) => { const { router, controller } = app; router.resources('file', '/api/v1/file', controller.file); }; 复制代码 2、在 config/config.default.js 中配置上传的基本配置(可以参考官方文档 )...

https://juejin.im/post/5d0c8721f265da1baf7cf458

10、Vue和MVVM的对应关系

Vue是受MVVM启发的，那么有哪些相同之处呢？以及对应关系？ MVVM(Model-view-viewmodel) MVVM还有一种模式 model-view-binder ，主要用来简化用户界面的事件驱动程序设计 MVVM可以分成四部分 Model:模型 View:视图 ViewModel:视图模型 Binder:绑定器主要形式还是 Model-ViewModel-View 模...