关键字:设计
  • web前端入门到实战:网页简单布局之结构与表现原则案例
    一开始我们接触网页制作的时候,就了解到html代表结构、css代表样式、javascript代表行为,网页制作中,我们一直强调结构与表现相分离的原则,这里面的结构一般指HTML,此外分离是说把它们写在不同的文件加以引用吗?当然不是,在这里的 ...
  • CSS float详解 -- 一些问题记录
    1. float被设计出来的初衷是为了实现文字环绕效果。2. 被设置了float的元素会自动成为块级元素,display的表现形式为“block”,自动脱离文档流。并且其父元素的会发生塌陷,即高度为0。3. 一排设置了float:left的 ...
  • 前端节流(throttle)和防抖动(debounce)
    节流(throttle)节流指的都是某个函数在一定时间间隔内只执行第一次回调。举个常见的节流案例:我们把某个表单的提交按钮——button 设成每三秒内最多执行一次 click 响应 ...
  • web前端入门到实战:3步实现小程序第一次打开提示“添加到我的小程序”
    本文例子也以Taro代码为示例,如果你用小程序语言、uni-app等框架也不用担心,因为原理是一样的。 一、理解设计原理 问题的关键在于“如何判断第一次打开”,有两种方法: 1、打开页面后本地存一个flag到session; 2、和服务器交 ...
  • 你还在一昧的使用if-else吗?
    请用5秒钟的时间查看下面的代码是否存在bug。 OK,熟练的程序猿应该已经发现Bug所在了,在第8行和第10行下面我没有添加关键字break; 这就导致这段代码的行为逻辑与我的设计初衷不符了。缺点一. 语法正确,逻辑错误这就是第一个理由为什 ...
  • js设计模式之 适配器模式与应用场景
    介绍 *阅读本文并理解大概需要花费2分钟*适配器模式(Adapter Pattern)是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式,它结合了两个独立接口的功能。这种模式涉及到一个单一的类,该类负责加入独立的或不兼容的接 ...
  • web前端学习之《html5与css3权威指南》怎么样?
    HTML5与CSS3权威指南非常不错,它是目前市场上最权威的HTML5与CSS3实战教程,详细的讲述了html 5和css3的所有新功能和新特性,技术新颖,实战性能,再配以精彩的案例讲解,能够帮助用户快速掌握HTML5与CSS3编程技巧。 ...
  • 10个最受欢迎的 JavaScript 框架,以及它们的主要特征和功能
    多年来,业界已经发布了大量 JavaScript 框架,怎样进行选择可能是一个挑战。如果你感到困惑,不知道应该选哪个或者究竟哪个适合你,那么我已经帮你解决了问题。在本文中,我将列出用来构建 Web 应用程序的前10个 JavaScript ...
  • Vue 3 核心原理 -- reactivity 自己实现
    标签(空格分隔): vue 前端 [toc] 前言 为了更好地理解 vue3,阅读其源码是一个重要的途径,但是单纯阅读源码可能理解不了作者为什么这样写,因此自己根据 API 来实现一遍然后再与源码作对比,可以更深刻理解 vue3 的实现原理 ...
  • 数据结构预算法初探
    很久没有来更新了,近半年项目比较忙,难得接近年底闲一阵子,研究一下数据结构预算法。今天首先了解一下关于数据结构和算法的一些基本概念。 数据结构概述: 数据结构主要是通过分析数据对象的结构特性,包括逻辑和数据对象之间的关系,然后把逻辑转换成计 ...

暂无数据