刷新
Js基础-复杂数据类型之数组

定义 数组,就是一组相关的值存储在一块连续的空间内 一般的高级编程语言都有数组这种数据结构 语法 数组有三种定义方式,如下 使用中括号直接定义数组 var array = [12,13,14,15,16,17] 使用 new Array() 方法 传入数组元素 var array = new Arr ...

Js基础-循环语句

循环语句在js当中主要用于重复做一件事情。 js当中最主要的循环语句有三种,for循环,while循环和do-while循环 for for 是一种经常被用到的循环结构 例如:控制台循环打印1到10 的数字 // for 括号后跟着 三个表达式, 三个表达式用 分号(;) 隔开 // var i = ...

现代 CSS 解决方案:原生嵌套(Nesting)

博主头像 很早之前,就写过一篇与原生嵌套相关的文章 -- CSS 即将支持嵌套,SASS/LESS 等预处理器已无用武之地?,彼时 CSS 原生嵌套还处于工作草案 Working Draft (WD) 阶段,而今天(2023-09-02),CSS 原生嵌套 Nesting 终于成为了既定的规范! CSS 原生 ...

前端到底是什么?

前端到底是什么? 一、前端是什么? 前端又称web前端,用官方定义来说,前端就是网站前台部分,运行在PC端、移动端等浏览器上展献给用户浏览的网页,所以大部分人的理解,前端就是开放网页的。 但其实并不是,前端开发是创建Web页面或APP等前端界面呈现给用户的过程,通过HTML,CSS,及JavaScr ...

JS基础-分支语句

分支语句是流程控制语句当中的一种 可以简单理解为是一种控制条件, 当达到某个条件时,执行相应的代码 IF IF多条件分支 例如:当 变量 a > b 时, 则执行 语句块1 , 如果 a 等于 b 时,则执行语句块2 ;最后,如果 a > b 时,则执行语句块3 if else 语句当中的语句块一般 ...

JS基础-数据类型转换

JS存在不同的数据类型, 这就需要一些方法将不同的数据类型做转换。 ## 转数字类型 其他类型的值转换成数字, 这在工作中很常见。 有以下几种转换方式 - Number 函数 - parseInt 函数 - parseFloat 函数 ### Number Number 函数可以将 其他类型转成 数 ...

css使用border-image和flex布局设计一个随着文字多少自适应的标题

博主头像 需求: 设计一个标题,让中间部分随着文字而撑大,同时文字渐变,两边自适应,这种情况就不能用传统的背景图片了,想到可以使用图片边框来做 解决思路: 1.需要一个大盒子和三个小盒子 2.大盒子设置display:flex; 左右两个小盒子分别设置flex-grow; 并设置背景图片 3.给中间盒子设置边 ...

小程序开发记录(一)

博主头像 写在前面:初次尝试小程序,在不使用框架的情况下,如果遇到问题,可以尽量去参考官方文档 1.scroll-view组件 scroll-view是一个可滑动的组块.需要设置其中具体的height高度,并且在标签中设置scroll-y="true"; 1 <scroll-view class="sceol ...

HTML视频背景(动态背景)

博主头像 网页动态背景一般是用视频实现的,能增添网页的感染力,好看不难,不妨学一下。 先加入下面一串代码: 1 <style> 2 video{ 3 height: 100%; 4 width: 100%; 5 position: absolute; 6 right: 0px; 7 bottom: 0px; ...

JS基础-表达式和运算符

**表达式**:是由操作数和运算符(可选)构成的并产生运算结果的语法结构。例如:3+5 **运算符**:进行计算或者逻辑运算的符号,比如表达式中的 + 号 表达式分类:算术、关系、逻辑、赋值、组合 ## 算术运算符 以下符号都是算数运算符,运算符的关键词就是运算 | 意义 | 运算符 | | -- ...

JS基础-数据类型

JS 作为弱类型的编程语言, 在声明变量时,统一使用 **var**、**const**、或者**let**关键字。但是每个变量都有一个隐式的数据类型。 ## 数据类型检测 使用 typeof 关键字可以检测数据类型。 ``` ``` ### Number 数字类型 - 整形、浮点型在内的所有数字, ...

记录--CSS 滚动驱动动画 scroll()

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 CSS 滚动驱动动画 scroll() animation-timeline 通过 scroll() 指定可滚动元素与滚动轴来为容器动画提供一个匿名的 scroll progress timeline. 通过元素在顶部和底部(或左边和右边 ...

【NKeditor】富文本编辑器上传图片

博主头像 目的: 使用NKeditor富文本编辑器上传图片,同时上传到七牛云存储上。后端语言使用ThinkPHP。 效果 实现方法: 1、下载NKeditor插件库 下载地址:NKeditor: NKedtior是一款优秀的轻量级Web编辑器,基于 Kindedior 二次开发 里面的文档demo写的比较详细 ...

JS基础-变量

变量是计算机世界当中参与运算并存储结果的单元。 变量本身代表一个数值,是数值的抽象。 ``` // a 就表示一个变量 var a = 123; ``` ## 变量命名规则 - 变量只能用字母、数字、下划线、$组成 - 变量不能以数字开头 - 变量不能是关键字(如 var, let, const 等 ...

现代 CSS 解决方案:数学函数 Round

博主头像 在 CSS 中,存在许多数学函数,这些函数能够通过简单的计算操作来生成某些属性值,例如在[现代 CSS 解决方案:CSS 数学函数](https://github.com/chokcoco/iCSS/issues/177)一文中,我们详细介绍了 + calc():用于计算任意长度、百分比或数值型数据 ...

JS基础-初识JavaScript

前面讲了前端开发必备的三种语言。其中的HTML、CSS我们基本上有了比较正确的认识。这里讲一下JavaScript。 | | 语言 | 功能 | | | | | | 结构层 | HTML | 搭建结构、放置部件、描述定义 | | 样式层 | CSS | 美化页面、实现布局 | | 行为层 | Jav ...

博客园如何设置自定义主题?

博主头像 写博客也有一个月了,发现博客园自带的主题都不太好看,然后搜索了一下发现这款主题【Cnblogs-Theme-SimpleMemory】界面还挺好看的,也是开源的。那[西瓜程序猿]就以这个主题来介绍一下如何在博客园中进行配置,跟着一起来操作吧! ...

前端知识~Content-Type和Accept

博主头像 # 概述 Content-Type和Accept是两个HTTP标头(HTTP headers),用于在HTTP请求和响应之间传递有关请求的数据类型和响应的首选内容类型的信息。这两个标头在HTTP通信中起着关键的作用。 1. Content-Type: - `Content-Type` 是HTTP请求 ...

vscode和像素大厨使用图片时遇到的问题

博主头像 # vscode使用图片所遇到的问题 1、截屏出来的图片放到像素大厨量时发现量出来的像素太大 解决方法一: 设置设计图为2x,这样能把误差降低很多,但跟实际大小还是差了一些,可以自己在微调。如下图所示 ![屏幕截图 2023-09-01 135647](https://gitee.com/zheng ...

<1···8910···17>