![](https://img-blog.csdnimg.cn/20190927151132530.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web
文章平均质量分 92
发布一些关于前端技术栈的文章
SteveKenny
分享每天的学习内容,展示成长历程,愿有所帮助哦!!!
展开
-
Vue 核心(二)
2、 style九、 条件渲染1、 渲染指令2、 使用示例十、 列表渲染1、 基本语法2、 key原理使用 作为时:使用 这个唯一标识时:key 的内部原理:比较规则:如果使用 index 作为 key 可能会引发的问题:开发中如何选择 key?4、 列表排序5、 数组更新检测Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括:替换数组:变更方法,顾名思义,会变更调用了这些方法的原始数组。相比之下,也有非变更方法,例如原创 2023-03-27 19:40:23 · 785 阅读 · 0 评论 -
Vue 核心(一)
Vue是一套用于构建用户界面的渐进式JavaScript 框架。渐进式:Vue 可以自底向上逐层的应用。简单应用:只需一个轻量小巧的核心库复杂应用:可以引入各式各样的 Vue 插件如果说是JQuery是手工作坊,那么Vue.js就像是一座工厂,虽然Vue.js做的任何事情JQuery都可以做,但无论是代码量还是流程规范性都是前者较优。采用组件化模式,提供代码复用率、且让代码更好维护声明式编码,让编码人员无需操作 DOM,提高开发效率使用虚拟 DOM+ 优秀的Diff 算法。原创 2023-03-23 19:15:20 · 1298 阅读 · 2 评论 -
ES6 简介(二)
ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法。如果参数 y 赋值了,但是对应的布尔值为 false ,则该赋值不起作用。就像上面代码的最后一行,参数 y 等于空字符,结果被改为默认值。ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。阅读代码的人,可以立刻意识到哪些参数是可以省略的,不用查看函数体或文档;有利于将来的代码优化,即使未来的版本在对外接口中,彻底拿掉这个参数,也不会导致以前的代码无法运行。原创 2023-02-05 19:13:32 · 513 阅读 · 0 评论 -
ES6 简介(一)
ECMAScript 6(ES6) 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 Chrome 和 Firefox 浏览器,已经支持 ES6 中绝大多数的特性。ES6经过持续几年的磨砺,它已成为JS。原创 2023-02-03 19:41:54 · 3401 阅读 · 0 评论 -
静态文件快速建站
添加到GitHub远程仓库中,以便我们部署,这里我是使用bootstrap框架来搭建的一个简单的后管理页面,同时也设置好了登录界面,和一个帮助文档。也很简单,这些框架本质上还是一个web文件,我们要先在本地进行编译,打包创建,然后再将。我们在GitHub上面创建一个仓库WebTest来存储我们的代码,关于仓库的创建也在。跳过警告,因为我们使用的是静态文件,不需要进行编译后再运行部署以后,我们可以看到。然后,问题来了,我们如何部署Vue,react等框架时,又应该如何部署呢?然后,我们开始部署我们的网站。..原创 2022-08-03 20:56:26 · 255 阅读 · 0 评论 -
Flask 常用组件
是基于cookie实现, 保存在服务端的键值对(形式为 ), 同时在浏览器中的cookie中也对应一相同的随机字符串,用来再次请求的 时候验证,这个组件的作用是将session数据存储到数据库中2、 使用方法2.1 session_interface通过来设置2.2 config通过配置文件来设置二、 DBUtils1、 引言当我们要对数据库进行操作时,可以这么干:2、 DBUtils使用数据库连接池此连接池有两种模式:2.2 模式二3、 代码封装4、 结合flask使用原创 2022-07-01 17:43:51 · 1185 阅读 · 0 评论 -
JS 常见加密
文章目录JS 常见的加密方式一、 MD5 加密二、 DES / AES 加密三、 RSA 加密四、 base 64 伪加密五、 https 对称密钥加密JS 常见的加密方式加密在前端开发和爬虫中是经常遇见的,掌握了加密算法且可以将加密的密文进行解密破解,是你从一个编程小白到大神级别质的飞跃。且加密算法的熟练和剖析也是有助于帮助我们实现高效的 JS 逆向常见的加密算法基本分为这几类:线性散列算法(签名算法)MD5对称性加密算法 AES DES非对称性加密算法 RSA一、 MD5 加密M原创 2022-03-06 14:56:00 · 13247 阅读 · 4 评论 -
JS 数据可视化
文章目录数据可视化一、 什么是数据可视化1、 概念2、 常见的数据可视化库3、 小结二、 ECharts1、 ECharts 简介2、 ECharts 基本使用2.1 使用五部曲2.2 选择不同类型的图表2.3 相关配置2.4 系列列表三、 样式处理1、 边框图片1.1 使用场景1.2 边框图片切图1.3 边框图片语法数据可视化一、 什么是数据可视化1、 概念数据可视化主要的目的:借助图形化手段,清晰有效地传递与沟通信息数据可视化可以把数据从冰冷的数字转换成图形,揭示蕴含在数据中的规律和道理2、原创 2022-02-27 17:18:38 · 2402 阅读 · 2 评论 -
jQuery 基础语法
文章目录jQuery 基础语法一、 jQuery 概述1、 JS 库2、 jQuery 概念3、 jQuery 优点二、 jQuery 基本使用1、 jQuery 使用步骤2、 jQuery 入口函数3、 jQuery 顶级对象4、 jQuery 对象和 DOM 对象三、 jQuery 常用 API1、 jQuery 选择器2、 隐式迭代3、 jQuery 筛选选择器4、 jQuery 筛选方法5、 jQuery 里面的排他思想6、 链式编程四、 jQuery 样式操作1、 操作 CSS 方法2、 设置类样原创 2022-02-27 10:59:19 · 2533 阅读 · 0 评论 -
JS 本地存储
文章目录本地存储一、 概论二、 sessionStorage1、 语法2、 案例三、 localStorage1、 语法本地存储一、 概论随着互联网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足各种各样的需求,会经常在本地存储大量数据,HTML5 规范提出了相关的解决方案本地存储特性数据存储在用户浏览器中设置、读取方便、设置页面刷新不丢失数据容量比较大,window.sessionStorage、window.localStorage 约 20M只能存储字符串,可以原创 2022-02-26 15:27:16 · 341 阅读 · 0 评论 -
移动端网页特效
文章目录移动端网页特效一、 触屏事件1、 概述2、 触摸事件对象3、 移动端拖动元素二、 移动端常见特效1、 classList 属性2、 click 延时问题三、 移动开发常用开发插件1、 概念2、 插件的使用3、[Swiper](https://swiper.com.cn/download/index.html) 插件使用4、 其他的移动端常见插件5、 插件的使用总结6、 [移动端视频插件](https://github.com/ireaderlab/zyMedia)四、 移动端常用开发框架1、 框架概原创 2022-02-26 14:46:46 · 2661 阅读 · 0 评论 -
PC 端网页特效
文章目录PC 端网页特效一、 元素偏移量 offset 系列1、 offset 概述2、 offset 和 style 区别二、 元素可视区 client 系列1、 立即执行函数2、 pageshow 事件三、 元素滚动 scroll 系列1、 元素 scroll 系列属性四、 三大系列总结五、 mouse1、 mouseenter 鼠标事件六、 动画函数封装1、 动画实现原理2、 动画函数的封装3、 缓冲动画原理4、 动画函数添加回调函数5、 节流阀PC 端网页特效一、 元素偏移量 offset 系列原创 2022-02-25 22:50:21 · 457 阅读 · 0 评论 -
BOM 基础语法
BOM 基础语法一、 BOM 概述1、 BOM 概述BOM 即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 windowBOM 由一系列的对象构成,并且每个对象都提供了很多方法与属性BOM 缺乏标准,JS 语法标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是 Netscape 浏览器标准的一部分BOM浏览器对象模型把浏览器当做一个对象来看待BOM 的顶级对象是 windowBOM 学习的是浏览器窗口交互的一些对象BOM 是浏览器厂原创 2022-02-25 08:18:16 · 479 阅读 · 0 评论 -
DOM 基础语法
文章目录DOM基础语法1、 简介1.1 DOM树2、 获取元素2.1 根据 id 获取2.2 根据标签名获取2.3 根据标签名获取2.4 根据 类名来获取2.5 通过指定选择器获取2.6 获取 body 和 html 元素3、 事件基础3.1 概述3.2 事件执行步骤3.3 常见的鼠标事件4、 操作元素4.1 改变元素内容4.2 改变元素属性4.3 表单元素属性操作4.4 样式属性操作4.4.1 行内样式4.4.2 类名样式4.5 排他思想4.6 表单全选与取消全选4.7 自定义属性操作4.7.1 获取属性原创 2022-02-12 16:22:25 · 2588 阅读 · 0 评论 -
JS基础语法(二)
文章目录JavaScript基础语法(二)八、 函数1、 函数的概念2、 函数的使用声明函数调用函数3、 函数的封装4、 函数的参数函数的参数匹配问题5、 函数返回值6、 arguments7、 函数调用函数九、 作用域1、 概述2、 全局作用域3、 局部作用域4、 作用域链十、 自定义对象1、 概念2、 创建对象3、 遍历对象十一、 内置对象1、 概念2、 查文档3、 Math对象封装自己的数学对象随机数方法猜数字游戏4、 Date对象日期格式化获取时期的总的毫秒数倒计时案例5、 Array对象创建数组检原创 2022-01-25 06:00:00 · 716 阅读 · 0 评论 -
JS基础语法(一)
文章目录JavaScript基础语法(一)一、基本概念1、 编程2、 计算机语言3、 编程语言4、 编程语言和标记语言的区别5、总结6、 计算机基础计算机组成硬件软件数据存储程序运行二、 初识JavaScript1、JS简介2、 JS初体验3、 JS注释4、 输入输出三、 变量1、变量的主要作用2、 变量的使用声明变量赋值变量初始化小案例3、 变量扩展更新变量声明多个变量特殊情况4、 命名规范5、 交换变量四、 数据类型1、 数据类型简介2、 变量的数据类型3、 简单数据类型数字型数字型进制数字范围特殊值字原创 2022-01-24 14:56:49 · 4871 阅读 · 0 评论 -
CSS基本语法(三)
文章目录CSS基础语法(三)十五、CSS定位1、为什么要使用定位2、定位组成定位模式静态定位相对定位绝对定位**固定定位粘性定位边偏移子绝父相3、定位的叠放次序4、拓展绝对定位的盒子居中定位特殊特性脱标的盒子不会触发外边距塌陷绝对定位会完全压住盒子5、网页布局总结十六、元素的显示与隐藏1、 display显示隐藏**2、 visibility可见性3、 overflow溢出CSS基础语法(三)十五、CSS定位1、为什么要使用定位浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子定位原创 2022-01-23 17:10:20 · 323 阅读 · 0 评论 -
CSS基本语法(二)
文章目录CSS基本语法(二)八、CSS复合选择器1、后代选择器\*\*2、子选择器3、并集选择器\*\*4、伪类选择器链接伪类选择器:focus伪类选择器总结九、CSS的元素显示样式1、概念2、块元素3、行内元素4、行内块元素5、元素显示模式的转换6、垂直居中十、CSS背景1、背景颜色2、背景图片3、背景平铺4、背景图片位置5、背景图像固定6、复合型写法7、背景色半透明8、总结十一、CSS三大特性1、层叠性2、继承性行高的继承3、优先级权重叠加十二、页面布局1、盒子模型组成border边框content内容原创 2022-01-23 11:23:32 · 732 阅读 · 0 评论 -
CSS基础知识(一)
文章目录CSS基础语法一、CSS简介1、CSS语法规范2、CSS代码风格二、CSS基础选择器1、标签选择器2、类选择器3、id选择器4、通配符选择器5、总结三、CSS字体属性字体系列字体大小字体粗细文字样式复合属性总结四、文本属性1、文本颜色2、对齐文本3、装饰文本4、文本缩进5、行间距总结五、CSS的引入方式1、内部样式表2、行内样式表3、外部样式表总结六、Chrome调试工具使用七、Emmet语法1、快速生成HTML结构语法2、快速生成CSS样式语法3.、快速格式化代码八、CSS复合选择器1、后代选择器原创 2022-01-14 06:35:26 · 925 阅读 · 0 评论 -
HTML基础知识
文章目录HTML基础语法一、网页二、HTML标签1、标签语法规范2、HTML基本结构标签3、开发工具VS Code的使用4、HTML常用标签语义标签盒子标签图像标签超链接标签注释标签特殊字符表格标签列表标签无序列表\*有序列表自定义列表\*表单标签表单域表单控件三、查阅文档HTML基础语法一、网页网页是指在英特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合HTML不是一种编程语言,而是一种标记语言(标记标签);HTML是指超文本标记语言——可以加入图片、音乐等超越了文原创 2022-01-13 21:18:28 · 605 阅读 · 0 评论