关键字:ref
  • JS兼容及常用工具代码封装
    本文目录: 1.格式化日期时间函数 2.获取对应id或者class的DOM对象 3.获取当前浏览器的类型 4.为任意一个元素绑定事件 5.为任意一个元素解绑事件 6.获取页面向上或者向左卷曲出去的距离 7.限制字符显示字数 8.ajax原生 ...
  • 大佬教你如何写出更好的CSS,分享web前端资料
    让我们开门见山:编写优秀的 CSS 代码是件十分痛苦的事情。很多开发人员都不想做 CSS 开发。你让我干什么都行,但是 CSS 还是算了吧。在我创建应用的时候,从来都无法从 CSS 中享受到乐趣。但是你也躲不过去,是不是?我是说,我们全神贯 ...
  • webpack打包优化
    此篇分享为 vue-cli2.0 中 webpack 的优化配置。 1、按需引入组件 例如引入 element-ui ,用到哪些组件就引哪些 import {Button,Dialog} from 'element-ui'; Vue.us ...
  • px/em/rem的相同与不同点
    1px有多大? 我们先了解几个概念: 关键概念 设备像素:设备屏幕实际拥有的像素点一般来说:宽度方向有1920个像素点,长度方向有1080个像素点。 逻辑像素:CSS 的像素单位(就是我们这次要讨论的css的px),其尺寸大小是相对的,也称 ...
  • 实现一个美化原生拖拽的draggable-polyfill
    拖拽的实现 在HTML5还未普及之前,实现元素的拖拽还算是一件比较麻烦的事,大概思路就是监听鼠标移动相关事件,下面是伪代码 oDiv.onmousedown = function(ev){ //记录起始位置 } document.o ...
  • 手写通用的事件监听函数
    前言 在问题前,需要先理解事件冒泡、事件代理 可参考文章【事件代理】 动态数据列表里,如何监听每条数据的点击? 具体实现如下: DOM节点: a1 ...
  • 前端实现下载文件功能总结
    如果只是下载个xlsx静态模板文件,可以使用纯前端形式来实现 一种是给页面要实现点击下载功能的元素绑定事件 let dounBtn = document.querySelector(".down") dounBtn.onclick = fu ...
  • 第29期 写给初中级前端的高级进阶指南 & 前端性能优化:当页面渲染遇上边缘计算 & 平庸前端码农之蜕变 — AST
    写给初中级前端的高级进阶指南 我曾经一度很迷茫,在学了Vue、React的实战开发和应用以后,好像遇到了一些瓶颈,不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题,这篇文章,笔者想结合自己的一些成长经历整理出一些 ...
  • Vue中将列表数据导出为EXCEL表格及TXT
    项目中刚好有个需求让前端在页面上增加一个按钮,用户点击就可以将列表中的数据导出为Excel表格,在网上查了一下方法,大体思路都是需要安装三个插件以及拷贝两个文件,然后在页面中写入逻辑代码,感觉挺复杂的,所以研究了一下,总结了一个简单版本的解 ...
  • 前端基建
    这两三年我自学了一些前端知识,有幸在一个小型团队里经历了从 0 建设前端项目的整个过程。这期写写我在这次经历中的一些体会吧。 代码规范 基建的第一点自然是代码风格了,我记得早些年网上没事还在争吵 tab 是两个空格还是四个空格的问题。虽然听 ...

暂无数据