技能
10篇文章 · 0订阅
  • 停止滥用div! HTML语义化介绍
    我们喜欢（使用）<div>标签。它们已经存在了几十年，这几十年来，当需要将一些内容包裹起来达到（添加）样式或者布局目的的时候，它们成为首选元素。查看线上站点时，看到像下面这些内容的情况依旧很常见： Hoo，那有很多的div标签。但是，它有效。我的意思主要是，它具有你需要的结构。…
    HTML 前端 程序员
    停止滥用div! HTML语义化介绍
  • 工作中遇到的一些问题和处理
    onconTextmenu=window.event.returnValue=false;右键菜单禁用，用这个可以禁止复制。 *为通配符。 一个更简单的方法就是在<body>中加入如下的代码,这样鼠标的左右键都失效了. 在JavaScript中，Truthy(真值)指的是在Bo…
    前端
  • 剖析一些经典的CSS布局问题，为前端开发+面试保驾护航
    width和margin实现。margin: 0 auto; table标签配合margin左右auto实现水平居中。使用table标签（或直接将块级元素设值为display:table），再通过给该标签添加左右margin为auto。 inline-block实现水平居中方法…
    JavaScript
  • 快速配置 webpack 多入口脚手架
    要改多入口，首先改造一下webpack.base.conf.js中的context和entry。 context：基础目录，绝对路径，用于从配置中解析入口起点(entry point)和 loader。 entry：起点或是应用程序的起点入口。从这个起点开始，应用程序启动执行。…
    Webpack
  • 又双叒叕是一个动态简历
    首先，因为动画是多段完成的，所以我们通过参数 content 传入的是一个二维数组，其中每个 item 存放着我们想要加载的内容和对应要求，如何让动画一段一段的完成呢？很自然的能想到 Promise 方法，通过 Promise.then() 来实现。 所以我们可以将这个需求抽象…
    JavaScript
  • 移动端H5跳坑指南
    在移动端H5应用开发过程中，我们难免会遇见很多问题，使得我们很郁闷。所以我感觉有必要把它们记录下来，分享给即将踏入移动端 Web 开发大门的朋友们，更好的解决ios和android兼容。 发现在iOS中不兼容，返回valid Date。 首先你可能会给页面的html和body增…
    CSS
  • 灵活运用JS开发技巧
    何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…
    JavaScript ECMAScript 6
    灵活运用JS开发技巧
  • 制定自己团队的前端开发规范
    篇幅可能会比较长，但是我感觉有一套规范对于一个团队其实还是很重要的，这样在维护起来也会很方便，如果接下来的规范感觉对你们团队有帮助，希望可以在团队中进行实践或者推荐给你的leader，代码规范参考自：腾讯alloyteam团队，希望大家可以跟着看一遍，各取所需。 后续的文章我也…
    前端
    制定自己团队的前端开发规范
  • 图像延迟加载 && 列表图顺序加载
    图片延时加载十分重要，尤其是对于移动端用户。 从理论上来看，图像延迟加载机制十分简单，但实际上却有很多需要注意的细节。 此外，有多个不同的用例均受益于延迟加载。 首先，我们来了解一下在 HTML 中延迟加载内联图像。 延迟加载是一种在加载页面时，延迟加载非关键资源的方法， 而这…
    React.js
  • this.$toast() 了解一下？
    前言 在平时的开发过程中，我们总是先写好一个组件，然后在需要的页面中用 import 引入即可，但如果是下面这种类型的组件呢👇 上面这种类型的浮层提示有一个很大的特点，就是使用频率特别高，几乎每个页面
    Vue.js