随笔分类 - Web
1
分享一些关于前端技术栈的知识
摘要:Vue 核心(二) 八、 绑定样式 1、 class <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>样式绑定</title> <script type="text/javascript" src="../j
阅读全文
摘要:Vue 核心(一) 一、 Vue 简介 1、 概述 Vue是一套用于==构建用户界面==的==渐进式== JavaScript 框架。 渐进式:Vue 可以自底向上逐层的应用。 简单应用:只需一个轻量小巧的核心库 复杂应用:可以引入各式各样的 Vue 插件 如果说是JQuery是手工作坊,那么Vue
阅读全文
摘要:ES6 简介(二) 五、 函数扩展 1、 函数参数默认值 1.1 基本用法 ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // He
阅读全文
摘要:ES6 简介(一) 一、 概述 1、 导读 ECMAScript 6(ES6) 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 Chrome 和 Firefox 浏览器,已经支持 ES6 中绝大多数的特性。 ES6经过持续几年的磨砺,它
阅读全文
摘要:部署静态文件 一、 初始化 1、 创建文件 首先我们要创建好我们的文件,这个可以随便写一点内容。然后我们写好的静态文件使用git添加到GitHub远程仓库中,以便我们部署,这里我是使用bootstrap框架来搭建的一个简单的后管理页面,同时也设置好了登录界面,和一个帮助文档 2、 上传文件 我们在G
阅读全文
摘要:Flask常用组件 一、 flask_session session 是基于cookie实现, 保存在服务端的键值对(形式为 {随机字符串:'uuid'}), 同时在浏览器中的cookie中也对应一相同的随机字符串,用来再次请求的 时候验证,这个组件的作用是将session数据存储到数据库中 1、
阅读全文
摘要:JS 常见的加密方式 加密在前端开发和爬虫中是经常遇见的,掌握了加密算法且可以将加密的密文进行解密破解,是你从一个编程小白到大神级别质的飞跃。且加密算法的熟练和剖析也是有助于帮助我们实现高效的 JS 逆向 常见的加密算法基本分为这几类: 线性散列算法(签名算法)MD5 对称性加密算法 AES DES
阅读全文
摘要:数据可视化 一、 什么是数据可视化 1、 概念 数据可视化主要的目的:借助图形化手段,清晰有效地传递与沟通信息 数据可视化可以把数据从冰冷的数字转换成图形,揭示蕴含在数据中的规律和道理 2、 常见的数据可视化库 D3:目前 Web 评价最高的 JS 可视化工具库(入手难) ECharts:百度出品的
阅读全文
摘要:jQuery 基础语法 一、 jQuery 概述 1、 JS 库 仓库:可以把很多东西放到这个仓库里面,找东西只需要到仓库里面查找到就可以了 JS 库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数里面,比如动画
阅读全文
摘要:本地存储 一、 概论 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足各种各样的需求,会经常在本地存储大量数据,HTML5 规范提出了相关的解决方案 本地存储特性 数据存储在用户浏览器中 设置、读取方便、设置页面刷新不丢失数据 容量比较大,window.sessionS
阅读全文
摘要:移动端网页特效 一、 触屏事件 1、 概述 移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如:触屏事件 touch (也称触摸事件),Android 和 IOS 都有 touch 对象代表一个触摸点,触摸点可能是一根
阅读全文
摘要:PC 端网页特效 一、 元素偏移量 offset 系列 1、 offset 概述 offset 翻译过来就是偏移量,我们使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度和高度) 注意:返回的数值不带单位 offse
阅读全文
摘要:BOM 基础语法 一、 BOM 概述 1、 BOM 概述 BOM 即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window BOM 由一系列的对象构成,并且每个对象都提供了很多方法与属性 BOM 缺乏标准,JS 语法标准化组织是 ECMA,DOM 的标准化组织是
阅读全文
摘要:DOM基础语法 1、 简介 文档对象模型(DOM),是 W3C 组织推荐的处理可扩展标记语言(HTML、XML)的标准编程接口 W3C 已经定义了一系列 DOM 接口,通过这些 DOM 接口可以改变网页的内容、结构和样式 1.1 DOM树 文档:一个页面就是一个文档,DOM 中使用 document
阅读全文
摘要:JavaScript基础语法(二) 八、 函数 1、 函数的概念 在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用虽然,for循环语句也能实现一些简单的重复操作,但是比较具有局限性,此时,我们就可以使用JS中的函数 函数:就是封装了一段可被重复调用执行的代码块。
阅读全文
摘要:JavaScript基础语法(一) 一、基本概念 1、 编程 编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并得到结果的过程 计算机程序:就是计算机所执行的一系列问题的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令
阅读全文
摘要:CSS基础语法(三) 十五、CSS定位 1、为什么要使用定位 浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子 2、定位组成 定位:将盒子定在某个位置,所以定位也是在摆放盒子,按照定位的方式拖动
阅读全文
摘要:CSS基本语法(二) 八、CSS复合选择器 在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基础选择器进行组合形成的 复合选择器可以更准确、更高效的选择目标元素(标签) 符合选择器是由多个基础选择器,通过不同的组合方式组合而成的 常用的复合选择
阅读全文
摘要:CSS基础语法(一) 一、CSS简介 CSS是层叠样式表的简称,其是一门标记语言 CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图形处理(宽高、边框样式、边距等)以及版面的布局和外观显示样式 1、CSS语法规范 使用HTML时,需要遵从一定的规范,CSS也是如此。想要熟练地使
阅读全文
摘要:HTML基础语法 一、网页 网页是指在英特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合 HTML不是一种编程语言,而是一种标记语言(标记标签);HTML是指超文本标记语言——可以加入图片、音乐等超越了文本限制|超级链接文本,它是用来描述一个网页的一种语言 浏览器:IE,Ch
阅读全文
1