前端settimeout函数 作用
CSS 数学函数与容器查询实现不定宽文本溢出跑马灯效果
在许久之前，曾经写过这样一篇文章 -- 不定宽溢出文本适配滚动。我们实现了这样一种效果： 文本内容不超过容器宽度，正常展示 文本内容超过容器的情况，内容可以进行跑马灯来回滚动展示 像是这样： 但是，之前的方案，有一个很明显的缺点，如果我们事先知道了容器的宽度，那么没问题，但是如果没法确定容器的宽度， ......
巧用 CSS 变量，实现动画函数复用，制作高级感拉满的网格动画
本文将介绍一种基于 CSS 变量技巧，通过合理使用 CSS 变量，实现 CSS 动画 @keyframes 的复用。 CSS 变量 CSS 变量大家应该都比较熟悉了，已经不能算是新知识了，快速过一遍。 CSS 变量（CSS Variable），在之前也叫做 CSS 自定义属性，其使用方式如下： // ......
函数式编程：Lambda 表达式
函数式编程：Lambda 表达式 每博一文案 曾经读过的依然令我感动的句子，生活总是不如意，但往往是在无数痛苦中，但往往是在无数痛苦中，在重重矛盾 和艰难中才能成熟起来，坚强起来，爱情啊，它使荒芜变成繁荣，平庸变得伟大，使死去的复活，活着的闪闪发光， 即使爱情是不尽的煎熬折磨，像冰霜般严厉，烈火般烤 ......
拥抱下一代前端工具链-Vue老项目迁移Vite探索
随着项目的不断维护，代码越来越多，项目越来越大，决定将老项目迁移至vite。本文介绍了Vue老项目像Vite迁移的过程、遇到的问题以及经验总结。 ......
一文看懂 Python 中的函数参数
函数定义中的参数也就是形式参数，规定了在调用函数时如何传递实际参数以及这些参数有无默认值。 实参传递方式 def f(a): print(a) 实参传递方式有两种，位置和关键字。对于上面定义的函数 f，形如 f(1) 这种调用是通过位置的方式传参，形如 f(a=1) 这种调用是通过关键字的方式传参， ......
立即执行函数在前端国际化方案中的应用
说起国际化，开发过跨区域网页的小伙伴应该都遇到过。我们的网页需要配置多套语言，方便用户进行切换。 本文就以 React 为例，介绍其中一种实现方案，并学习一下其中的知识点。 一种国际化方案 方案是这样的： 为多套语言创建对应的 object，并 export 出去 通过 js 立即执行函数，加载选定 ......
函数式编程：Flutter&Dart中的组合
本文翻译自: Composition in Flutter & Dart 在 Flutter & Dart 中使用组合创建模块化应用程序。 什么是组合？ 在dictionary.com 中 composition 的定义为：将部分或者元素组合成一个整体的行为。简单说，组合就像堆乐高积木，我们可以将积 ......
Typescript 回调函数、事件侦听的类型定义与注释--拾人牙慧
实际项目中会运到的 Typescript 回调函数、事件侦听的类型定义，如果刚碰到会一脸蒙真的，我就是 这是第一次我自己对 Typescript 记录学习，所以得先说一下我与 Typescript 的孽缘 记得最早是在2014年遇上 Typescript 当时是完全看不上这东西的，甚至带着鄙视的心态 ......
前端性能精进之优化方法论（二）——分析
在上一节中曾提到过两种性能监控：SYN 和 RUM，那么对应的也有两种分析：数据分析和实验室分析。 数据分析会通过采集上来的性能信息来剖析和定位可能存在的各种问题。 实验室分析会通过某个线上或本地的测试工具对页面进行单点测试，得出性能分析报告。 本文会对前者介绍一些分析实践，后者会介绍一些比较有名的 ......
前端报表如何实现无预览打印解决方案或静默打印
在前端开发中，除了将数据呈现后，我们往往需要为用户提供，打印，导出等能力，导出是为了存档或是二次分析，而打印则因为很多单据需要打印出来作为主要的单据来进行下一环节的票据支撑， 而前端打印可以说是非常令人头疼的一件事。为什么令大家头疼呢？因为前端打印，要强依赖与浏览器的打印预览页面，会天然存在以下弊端 ......
理解JS函数之call,apply,bind
前言 在 JavaScript 中，apply、bind 和 call 是三个重要的函数，它们都是 Function.prototype 的方法。这些函数可以让我们动态地改变函数的 this 值，或者传递参数来执行函数。本篇博客将详细介绍 apply、bind 和 call 的使用方法以及它们之间的 ......
react 高效高质量搭建后台系统 系列 —— 前端权限
其他章节请看： react 高效高质量搭建后台系统 系列 权限 本系列已近尾声，权限是后台系统必不可少的一部分，本篇首先分析spug项目中权限的实现，最后在将权限加入到我们的项目中来。 spug 中权限的分析 权限示例 比如我要将应用发布模块的查看权限分给某用户（例如 pjl），可以这样操作： 在角 ......
前端和后端分别做什么？
前言 在学习程序开发的时候经常不理解一个工具是前端用的，还是后端用的，想把资料进行分类都分得有点混乱，所以我将我知道的知识点整理成博客前端和后端的区分当我们使用互联网的程序时，比如浏览器中的网页或移动应用，我们实际上时使用的是客户端和服务器之间的通信，其中客户端就是指前端，服务器就是后端。前端开发前 ......
前端性能优化百问大杂烩
主要内容为下面几大类：移动端、图片、JavaScript、css、html、页面内容、服务器、cookie。 移动端性能优化： 保持单个文件小于25KB 移动网站页面要求下载资源，如果文件过大，会大大减慢页面加载速度。 打包内容为分段multipart文档 由于HTTP请求每一次都会执行三次握手，每 ......
Python3中的“加和”函数
如果我们遇到[[1],[2,3],[4,5,6]]这样的一个python列表，想把他展平为一个一维的列表，这个时候你会使用什么样的方法呢？for循环？while循环？其实python的内置函数sum中简单的支持了一下这样的功能，使得我们可以更加简便的把一个高维且长度不固定的列表展平为一个规则的一维列... ......
基于Vue3+TS的Monorepo前端项目架构设计与实现
写在前面 你好，我是前端程序员鼓励师岩家兴！去年在另一个项目https://juejin.cn/post/7121736546000044046中，我向读者朋友们介绍了结合npm包管理工具yarn作vue3项目的monorepo架构设计。今天，在这个风和日丽阳光明媚的钱塘江畔，我心情很好，我打算再写 ......
你想知道的do{...}while(0)的作用，都在这里了
0、引言 我们在嵌入式开发的过程中，经常可以碰到在一些宏定义或者是代码段中使用了do {...} while(0)的语句，从语义上理解，do {...} while(0)内的逻辑就只执行一次，并没有循环执行，粗略看来，似乎画蛇添足了，那么为什么还需要在只执行一次的逻辑外面加上一层do {...} w ......
前端分支规范
开发规模不大，结合比较正式的规范做了一些简化 基本概念 常设分支 master - 主分支，用于正式发布 develop - 开发分支，用于创建新开发feature分支 临时分支 feature/*** - 任务开发分支 release - 预发布分支 hotfix/*** - 线上热修分支 这三种 ......
前端程序员是怎么做物联网开发的
前端程序员是怎么做物联网开发的 上图是我历时一周做的在线的温湿度可视化项目，可以查看截至目前往前一天的温度、湿度变化趋势，并且实时更新当前温湿度 本文可能含有知识诅咒 概述和基础讲解 该项目用到的技术有： 前端：jq、less、echarts、mqtt.js 后端：eggjs、egg-emqtt 数 ......
Vue/ React/ Angular 前端项目在 Web 服务器上的部署配置
Web 服务器是一种用于存储，处理和传输 Web 内容的软件。它是一种特殊类型的服务器，具有处理 HTTP 请求并向浏览器返回 Web 页面和其他内容的能力。Web服务器支持多种编程语言，如 PHP，JavaScript，Ruby，Python 等，并且支持动态生成 Web 页面。常见的 Web 服 ......
JavaScript 高阶函数
JavaScript 中的高阶函数是一种接受函数作为输入或返回函数作为输出的函数。高阶函数可以用于创建抽象概念，例如柯里化、组合和管道。 ......
js函数中的this指向
写代码的时候遇到这个问题了，在这里复习一下 2023.3.09：忽然发现写的有点绕口，再总结一下，普通函数this指向调用他的那个对象（动态的，this不是一定的），箭头函数this指向其父级作用域上下文（静态的，定义时就确定） 大家可以自己试一试，有问题随时交流 非箭头函数 非箭头函数的this指 ......
千姿百态,瞬息万变,Win11系统NeoVim打造全能/全栈编辑器(前端/Css/Js/Vue/Golang/Ruby/ChatGpt)
我曾经多次向人推荐Vim，其热情程度有些类似现在卖保险的，有的时候，人们会因为一些弥足珍贵的美好暗暗渴望一个巨大的负面，比如因为想重温手动挡的快乐而渴望买下一辆二十万公里的老爷车，比如因为所谓完美的音质而舍不得一个老旧的有线耳机，比如因为一个铜炉火锅而期待北京那漫长而寒冷的冬天。 ......
前端报表如何实现无预览打印解决方案或静默打印
在前端开发中，除了将数据呈现后，我们往往需要为用户提供，打印，导出等能力，导出是为了存档或是二次分析，而打印则因为很多单据需要打印出来作为主要的单据来进行下一环节的票据支撑， 而前端打印可以说是非常令人头疼的一件事。 为什么令大家头疼呢？ 因为前端打印，要强依赖与浏览器的打印预览页面，会天然存在以下 ......
《Terraform 101 从入门到实践》 Functions函数
《Terraform 101 从入门到实践》这本小册在南瓜慢说官方网站和GitHub两个地方同步更新，书中的示例代码也是放在GitHub上，方便大家参考查看。 Terraform的函数 Terraform为了让大家在表达式上可以更加灵活方便地进行计算，提供了大量的内置函数（Function）。目前并 ......
Backbone前端框架解读
作者: 京东零售 陈震 一、 什么是Backbone 在前端的发展道路中，前端框架元老之一jQuery对繁琐的DOM操作进行了封装，提供了链式调用、各类选择器，屏蔽了不同浏览器写法的差异性，但是前端开发过程中依然存在作用域污染、代码复用度低、冗余度高、数据和事件绑定烦琐等痛点。 5年后，Backbo ......
半个前端新手入门Electron的过程
前言 先说几句废话，本人是一名 web 后端开发，主语言是 java，在学 Electron 之前，只会一点点 HTML和 JavaScript。本文讲的也是我学习 Electron 的过程，而非教程，请酌情参考。 Electron是什么 Electron是一个使用 JavaScript、HTML ......
前端算法之二分查找
在数组中查找指定元素,如果存在就返回它的位置,如果不存在,就返回-1。 这是一道非常经典的算法题，考的就是二分查找算法，首先分析二分查找的思路： 假设一个数组为 [3,5,19,22,25,33,45,47,57,66,71,78]（已经从小到大排好序），要求找出数值80的位置，如图： ps: g ......
如何提高前端性能——字体篇
前言 有时候前端开发需要使用到一些特殊字体，但宿主机上一般都没有安装相应的字体，所以需要将字体文件与前端代码一起打包以及用 CSS 定义使用。本文主要是想回答一个问题：在性能方面，我们可以怎么去优化前端需要加载的字体？ 一般优化的思路主要是两方面： 缩小字体文件 优化字体加载的方式 缩小字体文件 字 ......