JS基础-分支语句
分支语句是流程控制语句当中的一种 可以简单理解为是一种控制条件， 当达到某个条件时，执行相应的代码 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基础-数据类型转换
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，这样能把误差降低很多，但跟实际大小还是差了一些，可以自己在微调。如下图所示 
BFC作为前端面试布局方面的重要考点，开发者有必要进行深入的了解，通过对BFC的深入理解，也能帮助我们解决布局中的很多问题。 ...
CSS基础-3D变形
原子化 CSS 框架 我记得很久之前有时候为了少写些css，我们通常会有如下的样板代码 .block { display: block; } .flex { display:flex } .flex-center { align-items: center; justify-content: cen ...