20190401 前端开发日报

Vue项目首屏打开速度慢?我来带你飞;Git 中文参考;我所知道的 web 性能优化策略;前端HTMLJSCSS;Vue JSX 深入解析;一步步搭建 VuePress 及优化【初始化到发布】;CSS 技巧 (01);JS中的观察者们 —— 四种 Observers

  1. vue项目首屏打开速度慢?我来带你飞最近接手了一个后台管理系统,技术栈主要是vue全家桶+elementui,老大打开测试环境页面的时候,说看到首页需要6秒钟,那如何进行优化呢?
  2. Git 中文参考原文:Git Reference协议:CC BY-NC-SA 4.0 欢迎任何人参与和完善:一个人可以走的很快,但是一群人却可以走的更远。 在线阅读 ApacheCN 学习资源 贡献指南 请您勇敢地去翻译和改进翻译。虽然我们追求卓越,但我...
  3. 我所知道的 Web 性能优化策略 常用性能优化总结。
  4. 前端HTML、JS、CSSe.stopPropagation() 阻止冒泡 e.preventDefault() 阻止默认事件
  5. Vue JSX 深入解析 Vue 的 JSX 确实酸爽,谁用谁知道。
  6. 一步步搭建 VuePress 及优化【初始化到发布】在之前为了搭建 VuePress 的文档,顺带制作了视频教程,如今准备再次搭建一个 VuePress 的项目,一看自己的视频竟然有五个小时,天呐,我只是需要过一遍而已,所以重新整理成文档吧,万一将来又要用呢……
  7. CSS 技巧 (01) 大漠老师为你介绍好用的 CSS 小技巧。
  8. JS中的观察者们 —— 四种 Observers 文章介绍了 JavaScript 中的 4 种 Observer API。建议深入了解。
  9. Web安全防范注入攻击主要包括系统命令注入,SQL注入,NoSQL注入,和ORM注入等,这里我们简单介绍一下SQL注入
  10. 一步步教你用 CSS 为 SVG 添加过滤器自21世纪初以来,SVG就存在了,但仍有一些有趣的方法去用它。在本教程中,重点将放在 SVG 的过滤器上 —— 但不只是将它们应用于 SVG 图像,我将向你展示如何将它们应用于任何常规页面的内容上。
  11. 一步步搭建 VuePress 及优化【插件系列】在之前为了搭建 VuePress 的文档,顺带制作了视频教程,如今准备再次搭建一个 VuePress 的项目,一看自己的视频竟然有五个小时,天呐,我只是需要过一遍而已,所以重新整理成文档吧,万一将来又要用呢……
  12. javascript 单选、复选树 ---项目中遇到这个功能,与其copy一个不如自己造个轮子。预览地址设计主要思路:1.展现层树的显示 用递归函数罗列出页面显示效果。2.不同的功能对应不用模式model来区分、对应这不同的展示效果(ui交互效果、初始化数...
  13. vue-router学习vue-router使用步骤(本教程并不全面,只研究到了本人够用的程度,如果还想要深入了解路由,请在vue router 文档中学习):
  14. Vue 前端面试题》本文总结了关于 Vue 的面试题,分享给有需要的小伙伴。 (by 游荡de蝌蚪)

    Vue 前端面试题
  15. Laravel 框架 Model 对象转 json 字符串丢失更新Laravel 的 IlluminateDatabaseEloquentModel 实现了 JsonSerializable 接口,所以在调用 json_encode 进行序列化时,会调用 Model::jsonSerialize 方法,他这个方法返回的数据是:
  16. Refs 在 React 中的应用 在介绍 Refs 之前,我们先来了解两个概念:受控组件 和 不受控组件。 受控组件 在 HTML 中,表单元素(如 input、textarea、select)之类的表单元素通常可以自己维护state,并根据用户的输入进行更新。而在React中,可变状态(mutable state)通常保存在组件的 state 属性中,并且只能通过 setState(...
  17. Nodejs教程29:Node.js项目之四:添加路由,完成项目 查询item_table表中的商品数据后,返回给前台,并将回调函数作为模块导出。 示例代码:/lesson29/router/list.js const connection = require('../lib/database') module.exports = async (res, query, post, files) => { try { // 查询商品列表 const data = await connection.query(`SELECT * FROM ...
  18. Egg 和 Webpack 项目搭建实践 最近的项目技术栈使用 Egg + React,因为本身有 Egg,所以不希望在单独启动类似 webpack-dev-server 的工具来运行前端,而是在开发模式下,前端直接基于 Egg 运行起来。想法是好的,可是实现起来颇费了一番周折。最终的效果在 Egg-Webpack-Starter ,有同样需求的朋友可以看看。下面详细讲讲配置和使用方法: 我...
  19. 基于 React.Suspense 和 React.lazy 的前端性能优化 React16.6于2018年10月份发布,该版本带来了许多新的特性同时赋予给React更强大的功能。其中最为显著的两个特性是 React.Suspense和 React.lazy。这两个特性,将React的代码分割和懒加载带到了一个新的高度。使用这两个特性,你可以做到的是在真正需要时才加载该组件的文件。 本文主要介绍我在项目中如何使用 ...
  20. 挖洞经验 | 利用跨站WebSocket劫持(CSWH)实现账户劫持 本文分享的是作者在某次漏洞测试中,由于目标应用使用了WebSocket协议,经测试后,存在跨站WebSocket劫持漏洞。之后,作者利用该漏洞结合用户密码重置功能,实现了对目标应用注册账户的账户劫持攻击。 WebSocket技术和跨站WebSocket劫持攻击导读 为了更好地理解WebSocket 技术,在此,我们参考了IBM Developer社区...

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20190401 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20190401.html)