循环语句在js当中主要用于重复做一件事情。 js当中最主要的循环语句有三种,for循环,while循环和do-while循环 for for 是一种经常被用到的循环结构 例如:控制台循环打印1到10 的数字 // for 括号后跟着 三个表达式, 三个表达式用 分号(;) 隔开 // var i = ...
很早之前,就写过一篇与原生嵌套相关的文章 -- CSS 即将支持嵌套,SASS/LESS 等预处理器已无用武之地?,彼时 CSS 原生嵌套还处于工作草案 Working Draft (WD) 阶段,而今天(2023-09-02),CSS 原生嵌套 Nesting 终于成为了既定的规范! CSS 原生 ...
前端到底是什么? 一、前端是什么? 前端又称web前端,用官方定义来说,前端就是网站前台部分,运行在PC端、移动端等浏览器上展献给用户浏览的网页,所以大部分人的理解,前端就是开放网页的。 但其实并不是,前端开发是创建Web页面或APP等前端界面呈现给用户的过程,通过HTML,CSS,及JavaScr ...
分支语句是流程控制语句当中的一种 可以简单理解为是一种控制条件, 当达到某个条件时,执行相应的代码 IF IF多条件分支 例如:当 变量 a > b 时, 则执行 语句块1 , 如果 a 等于 b 时,则执行语句块2 ;最后,如果 a > b 时,则执行语句块3 if else 语句当中的语句块一般 ...
>我们是[袋鼠云数栈 UED 团队](http://ued.dtstack.cn/),致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 >本文作者:琉易 [liuxianyu.cn](https://link.juejin.cn/?target=ht ...
JS存在不同的数据类型, 这就需要一些方法将不同的数据类型做转换。 ## 转数字类型 其他类型的值转换成数字, 这在工作中很常见。 有以下几种转换方式 - Number 函数 - parseInt 函数 - parseFloat 函数 ### Number Number 函数可以将 其他类型转成 数 ...
需求: 设计一个标题,让中间部分随着文字而撑大,同时文字渐变,两边自适应,这种情况就不能用传统的背景图片了,想到可以使用图片边框来做 解决思路: 1.需要一个大盒子和三个小盒子 2.大盒子设置display:flex; 左右两个小盒子分别设置flex-grow; 并设置背景图片 3.给中间盒子设置边 ...
写在前面:初次尝试小程序,在不使用框架的情况下,如果遇到问题,可以尽量去参考官方文档 1.scroll-view组件 scroll-view是一个可滑动的组块.需要设置其中具体的height高度,并且在标签中设置scroll-y="true"; 1 <scroll-view class="sceol ...
网页动态背景一般是用视频实现的,能增添网页的感染力,好看不难,不妨学一下。 先加入下面一串代码: 1 <style> 2 video{ 3 height: 100%; 4 width: 100%; 5 position: absolute; 6 right: 0px; 7 bottom: 0px; ...
**表达式**:是由操作数和运算符(可选)构成的并产生运算结果的语法结构。例如:3+5 **运算符**:进行计算或者逻辑运算的符号,比如表达式中的 + 号 表达式分类:算术、关系、逻辑、赋值、组合 ## 算术运算符 以下符号都是算数运算符,运算符的关键词就是运算 | 意义 | 运算符 | | -- ...
JS 作为弱类型的编程语言, 在声明变量时,统一使用 **var**、**const**、或者**let**关键字。但是每个变量都有一个隐式的数据类型。 ## 数据类型检测 使用 typeof 关键字可以检测数据类型。 ``` ``` ### Number 数字类型 - 整形、浮点型在内的所有数字, ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 CSS 滚动驱动动画 scroll() animation-timeline 通过 scroll() 指定可滚动元素与滚动轴来为容器动画提供一个匿名的 scroll progress timeline. 通过元素在顶部和底部(或左边和右边 ...
目的: 使用NKeditor富文本编辑器上传图片,同时上传到七牛云存储上。后端语言使用ThinkPHP。 效果 实现方法: 1、下载NKeditor插件库 下载地址:NKeditor: NKedtior是一款优秀的轻量级Web编辑器,基于 Kindedior 二次开发 里面的文档demo写的比较详细 ...
变量是计算机世界当中参与运算并存储结果的单元。 变量本身代表一个数值,是数值的抽象。 ``` // a 就表示一个变量 var a = 123; ``` ## 变量命名规则 - 变量只能用字母、数字、下划线、$组成 - 变量不能以数字开头 - 变量不能是关键字(如 var, let, const 等 ...
在 CSS 中,存在许多数学函数,这些函数能够通过简单的计算操作来生成某些属性值,例如在[现代 CSS 解决方案:CSS 数学函数](https://github.com/chokcoco/iCSS/issues/177)一文中,我们详细介绍了 + calc():用于计算任意长度、百分比或数值型数据 ...
前面讲了前端开发必备的三种语言。其中的HTML、CSS我们基本上有了比较正确的认识。这里讲一下JavaScript。 | | 语言 | 功能 | | | | | | 结构层 | HTML | 搭建结构、放置部件、描述定义 | | 样式层 | CSS | 美化页面、实现布局 | | 行为层 | Jav ...
写博客也有一个月了,发现博客园自带的主题都不太好看,然后搜索了一下发现这款主题【Cnblogs-Theme-SimpleMemory】界面还挺好看的,也是开源的。那[西瓜程序猿]就以这个主题来介绍一下如何在博客园中进行配置,跟着一起来操作吧! ...
# 概述 Content-Type和Accept是两个HTTP标头(HTTP headers),用于在HTTP请求和响应之间传递有关请求的数据类型和响应的首选内容类型的信息。这两个标头在HTTP通信中起着关键的作用。 1. Content-Type: - `Content-Type` 是HTTP请求 ...
# vscode使用图片所遇到的问题 1、截屏出来的图片放到像素大厨量时发现量出来的像素太大 解决方法一: 设置设计图为2x,这样能把误差降低很多,但跟实际大小还是差了一些,可以自己在微调。如下图所示 ![屏幕截图 2023-09-01 135647](https://gitee.com/zheng ...
CSS3新添加了过渡动画, 即使用者定义好 一个元素的**开始状态**和**结束状态**, CSS会根据变化曲线形成**补间动画**效果。 CSS3中用**transition**属性来描述动画如何运动。 ![Untitled.png](https://p6-juejin.byteimg.com/t ...