关键字:小技巧
  • 前端开发小技巧(Vue、JS、CSS)
    常用开发小技巧 写在前面 JavaScript 篇 1.格式化金钱 const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); const ...
  • node.js爬虫入门(二)爬取动态页面(puppeteer)
    之前第一篇爬虫教程node.js爬虫入门(一)爬取静态页面讲解了静态网页的爬取,十分简单,但是遇到一些动态网页(ajax)的话,直接用之前的方法发送请求就无法获得我们想要的数据。这时就需要通过爬取动态网页的方法,selenium和puppe ...
  • Vue
    今天分享一个小技巧,教你如何一分钟内学会用vue实现分享功能。H5无法实现直接调用手机App并实现分享功能,如果你想自定义分享的内容,就必须在微信内嵌的浏览器里面调用微信的分享接口(QQ浏览器就要调用它的相关api,其他浏览器也是),毕竟H ...
  • 又学到一招:巧用CSS 伪类控制表单,太秀了!
    假设你正在做一个简单的搜索表单,用户在输入框中输入关键词,然后点击按钮进行搜索。 大概长这样: 搜他丫的 这里有个要求,搜索按钮应该只在搜索框有内容时才 ...
  • JS 条件判断小技巧(二)
    我前面讲过一期关于条件判断小技巧的文章,今天接着聊。所谓小技巧,说实在就是特定场景里的特例手段;对于具备一定开发能力的码农,这些特例基本都能避开。但是,某些业务逻辑本身就十分复杂,嵌套的条件语句在逻辑层面就不可能有所优化了;碰到这类场景,我 ...
  • web前端入门到实战:只用一个div来做的弹跳小动画
    这是只用了一个div来做的小动画,纯粹利用CSS3的animation来完成,就像是一个正方形在地上弹跳,碰到地面的时候尖角还会压缩变圆,阴影的部分也会随着正方形升高而缩小,至于到底该怎么完成呢?让我们继续看下去。 利用伪元素 由于只使用了 ...
  • typescript修炼指南(四)
    大纲 本章主要是一些ts的类型工具以及模块化和相关实践,涉及以下内容: 类型编程 module和namespace 小技巧 ts在react中的实践 这篇稍微有点零碎,建议多查阅文档或者查阅相关的文章进行更多的了解,代码示例以告知 QAQ ...
  • 优化webpack构建时间的小技巧
    在之前工作的地方,我们一直使用webpck去构建。但是,经过长达四年的更新迭代,每个人都在同一个项目中做了不同的操作和更新,这导致我们生产构建时间达到了惊人的一分半,watch模式的rebuild也达到了14秒之久。 这导致你每次保存代码都 ...
  • Flex 布局教程,前端必会的基础技能,面试必会基础
    前言 flex 是常用的 css3 布局方式,可以用少量的代码高效的实现各种页面布局,是一个基础的但是必须会的基本技能,在面试中经常会用到。 例如,最基本的让你实现元素的水平/垂直居中,或在这个基础上延伸出更多其他复杂一些的问题。 下面我们 ...
  • 使用rollup打包图片懒加载插件
    前言众所周知,图片的加载是前端页面加载性能的优化之一。如果一个页面在加载的时候全部加载当前页面的图片,当图片资源比较多且比较大(质量)的时候会严重影响页面的加载。特别是SPA应用,先加载jsbundle资源,再去加载图片 ...

暂无数据