代码部分请下载本文代码阅读，代码均能正常运行并有详细的注释。 本文代码下载地址 概述 无需置疑，Vue之所以能如此之火，主要受益于它是一个MVVM框架和它易学的文档，几乎所有觉得学习Vue有难度的开发者都是觉得组件脚手架…
分类：html
页面之间传递数据
最近在写公司HR微信公众号，其中某个模块需要A.html传递一个参数Data给B.html，然后B.html通过参数Data发送Ajax。整理一下搜寻到方法； 方法一：通过location给页面传递数据；附上代码。 &l…
三个叹为观止的ES6 Array hack
在JavaScript中，数组随处可见。在最新版本的ECMAScript 6背景下，借助新的展开符、解构等特性，我们可以对数组做很多“四两拨千斤”的事情。 这片文章我会分享几个超级有用的hack技巧。 遍历空数组 Jav…
DataTables表格插件使用说明
DataTables简介 与EasyUI的Datagrid作用一样，比easyui更漂亮 Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。 支持分页、排序…
DOM操作基础事件
DOM结构 – 两个节点之间可能存在哪些关系以及如何在节点之间任意移动 返回文档的根节点<html>:document.documentElement返回<body>:document…
搜索结果页优化
业务场景 在App里面，输入一个关键词，得到一个搜索结果，这是一个很常见的一个功能场景。对于前端而言，有很多事情可以尝试和实践。 优化方案 1. 首屏服务端渲染 第一页可以使用服务端渲染，减少页面的请求量，可快速渲染 方…
使用原生js实现轮播图效果
知乎原文 我的博客 微信公众号这几天在逛网站的时候，发现很多网站都有轮播图这个效果，所以我就仿照小米的官网用原生js写了一个轮播图效果，希望大家喜欢。这是我发布在github上的最后实现的效果：https://heter…
网页入侵最后一道防线：CSP内容安全策略
首先，什么是最后一道防线？网页入侵都有一个过程，简单来说，就是1.代码注入，2.代码执行。 对于黑客来说，代码注入后并不代表就万事大吉了，因为此时代码只是安静地躺在受害者的服务器里，什么坏事都没干呢！ 所以必须要有代码执…
fsLayuiPlugin富文本编辑器使用(layedit)
富文本编辑器基于 layedit实现。 演示地址： http://fslayui.itcto.cn 富文本编辑器使用 必须使用textarea标签 id必须定义 必须定义样式fsLayedit 可以通过height="8…
HTML与CSS 开发常用语义化命名
一、布局❤️ header 头部/页眉；index 首页/索引；logo 标志；nav/sub_nav 导航/子导航；banner 横幅广告；main/content 主体/内容；contai…
2.Vue子组件给父组件通信
子组件给父组件通信 如果子组件想要改变数据呢？这在vue中是不允许的，因为vue只允许单向数据传递，这时候我们可以通过触发事件来通知父组件改变数据，从而达到改变子组件数据的目的 子组件： <template>…
FCC 成都社区·技术周刊 第 14 期
【前端】 1. React Fiber 架构 React16 启用了全新的架构，叫做 Fiber，其最大的使命是解决大型 React 项目的性能问题，再顺手解决之前的一些痛点。 详情：https://zhuanlan.z…
