20190401 前端开发日报-前端开发博客

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

vue项目首屏打开速度慢？我来带你飞最近接手了一个后台管理系统，技术栈主要是vue全家桶+elementui，老大打开测试环境页面的时候，说看到首页需要6秒钟，那如何进行优化呢？
Git 中文参考原文：Git Reference协议：CC BY-NC-SA 4.0 欢迎任何人参与和完善：一个人可以走的很快，但是一群人却可以走的更远。在线阅读 ApacheCN 学习资源贡献指南请您勇敢地去翻译和改进翻译。虽然我们追求卓越，但我…
我所知道的 Web 性能优化策略常用性能优化总结。
前端HTML、JS、CSSe.stopPropagation() 阻止冒泡 e.preventDefault() 阻止默认事件
Vue JSX 深入解析 Vue 的 JSX 确实酸爽，谁用谁知道。
一步步搭建 VuePress 及优化【初始化到发布】在之前为了搭建 VuePress 的文档，顺带制作了视频教程，如今准备再次搭建一个 VuePress 的项目，一看自己的视频竟然有五个小时，天呐，我只是需要过一遍而已，所以重新整理成文档吧，万一将来又要用呢……
CSS 技巧 (01) 大漠老师为你介绍好用的 CSS 小技巧。
JS中的观察者们 —— 四种 Observers 文章介绍了 JavaScript 中的 4 种 Observer API。建议深入了解。
Web安全防范注入攻击主要包括系统命令注入，SQL注入，NoSQL注入，和ORM注入等，这里我们简单介绍一下SQL注入
一步步教你用 CSS 为 SVG 添加过滤器自21世纪初以来，SVG就存在了，但仍有一些有趣的方法去用它。在本教程中，重点将放在 SVG 的过滤器上 —— 但不只是将它们应用于 SVG 图像，我将向你展示如何将它们应用于任何常规页面的内容上。
一步步搭建 VuePress 及优化【插件系列】在之前为了搭建 VuePress 的文档，顺带制作了视频教程，如今准备再次搭建一个 VuePress 的项目，一看自己的视频竟然有五个小时，天呐，我只是需要过一遍而已，所以重新整理成文档吧，万一将来又要用呢……
javascript 单选、复选树 —项目中遇到这个功能，与其copy一个不如自己造个轮子。预览地址设计主要思路:1.展现层树的显示用递归函数罗列出页面显示效果。2.不同的功能对应不用模式model来区分、对应这不同的展示效果（ui交互效果、初始化数…
CSS :focus-visible 伪类让我感动哭了感动加一。更多资料点我。
vue-router学习vue-router使用步骤(本教程并不全面，只研究到了本人够用的程度，如果还想要深入了解路由，请在vue router 文档中学习)：
《Vue 前端面试题》本文总结了关于 Vue 的面试题，分享给有需要的小伙伴。（by 游荡de蝌蚪）
Laravel 框架 Model 对象转 json 字符串丢失更新Laravel 的 IlluminateDatabaseEloquentModel 实现了 JsonSerializable 接口，所以在调用 json_encode 进行序列化时，会调用 Model::jsonSerialize 方法，他这个方法返回的数据是：
Refs 在 React 中的应用在介绍 Refs 之前，我们先来了解两个概念：受控组件和不受控组件。受控组件在 HTML 中，表单元素（如 input、textarea、select）之类的表单元素通常可以自己维护state，并根据用户的输入进行更新。而在React中，可变状态（mutable state）通常保存在组件的 state 属性中，并且只能通过 setState(…
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 …
Egg 和 Webpack 项目搭建实践最近的项目技术栈使用 Egg + React，因为本身有 Egg，所以不希望在单独启动类似 webpack-dev-server 的工具来运行前端，而是在开发模式下，前端直接基于 Egg 运行起来。想法是好的，可是实现起来颇费了一番周折。最终的效果在 Egg-Webpack-Starter ，有同样需求的朋友可以看看。下面详细讲讲配置和使用方法：我…
基于 React.Suspense 和 React.lazy 的前端性能优化 React16.6于2018年10月份发布，该版本带来了许多新的特性同时赋予给React更强大的功能。其中最为显著的两个特性是 React.Suspense和 React.lazy。这两个特性，将React的代码分割和懒加载带到了一个新的高度。使用这两个特性，你可以做到的是在真正需要时才加载该组件的文件。本文主要介绍我在项目中如何使用 …
挖洞经验 | 利用跨站WebSocket劫持（CSWH）实现账户劫持本文分享的是作者在某次漏洞测试中，由于目标应用使用了WebSocket协议，经测试后，存在跨站WebSocket劫持漏洞。之后，作者利用该漏洞结合用户密码重置功能，实现了对目标应用注册账户的账户劫持攻击。 WebSocket技术和跨站WebSocket劫持攻击导读为了更好地理解WebSocket 技术，在此，我们参考了IBM Developer社区…