2020年3月20日
前端数据加密技术
摘要： Base64 /* Base64是一种编码的模式 */ /* 我们可以对任意的数据进行Base64编码，总是会得到一个字符串(文本文件) ，这个字符串由65个字符拼接组成。*/ /* 任意数据 -Base64编码-> 字符串 -Base64解码-> 还原为之前的数据*/例子 window.btoa( 阅读全文
posted @ 2020-03-20 17:17 ImbaCOOL 阅读(2020) 评论(0) 推荐(0)
前端数据存储技术
摘要： 存储技术 1、Cookie2、SessionStorage 会话存储(H5+)3、localStorage 本地存储(H5+)4、应用程序缓存 通过缓存文件设置(H5+)5、本地数据库 应用1、临时存储一些数据2、免密码登录 Cookie （本身是字符串，需要自己封装API） 主要特征：1、用来进行 阅读全文
posted @ 2020-03-20 17:15 ImbaCOOL 阅读(372) 评论(0) 推荐(0)
Git
摘要： 一、基本指令 git status // 查看当前仓库分支的一个基本状态 git init // 在本地初始化一个仓库 git add <file,dir> //将工作区的修改提交到暂存区 git commit -m '注释' //将暂存区的修改提交到分支 git log // 打印提交记录 git 阅读全文
posted @ 2020-03-20 17:08 ImbaCOOL 阅读(146) 评论(0) 推荐(0)
2020年3月11日
Vue前端优化
摘要： 分析项目需要优化的地方（两个插件） 1、分析引入文件的大小 ：webpack-bundle-analyzer 最新用法：下载安装之后，直接npm run build --report 1. 下载安装npm install webpack-bundle-analyzer --save-dev 2. v 阅读全文
posted @ 2020-03-11 11:45 ImbaCOOL 阅读(153) 评论(0) 推荐(0)
2020年3月10日
Vue
摘要： 插值 {{ 属性、表达式 }} 数据绑定和响应式1、正常的数据类型都可以绑定并显示：数组、对象、字符串、布尔2、特殊的 null undefined 只能绑定不能显示3、数据变，页面也会变 指令 1、条件渲染 控制一个元素的显示或者隐藏 v-show 通过控制样式 display：none，元素存在 阅读全文
posted @ 2020-03-10 21:25 ImbaCOOL 阅读(356) 评论(0) 推荐(0)
2020年2月29日
JQuery
摘要： 监听页面的加载$(document).ready(function() {}) /* 区别： */ /* [1] 监听的时机不一样 */ /* window.onload监听页面(HTML + js + css + img资源)加载完毕 底层(load)*/ /* jQuery监听页面(HTML)加 阅读全文
posted @ 2020-02-29 22:19 ImbaCOOL 阅读(200) 评论(0) 推荐(0)
JavaScript（二）
摘要： 原型链 JavaScript 是一门弱类型的(typeScript)、动态的脚本语法, JavaScript基于原型对象来实现，支持面向过程、面向对象和函数式编程范式 面向对象：注重的是解决问题需要的对象面向过程：注重的使解决问题需要的过程(具体的步骤) 面向对象编程的特性[1] 封装(复用、信息隐 阅读全文
posted @ 2020-02-29 22:16 ImbaCOOL 阅读(211) 评论(0) 推荐(0)
JavaScript（DOM）
摘要： 获取标签1、getElementById() 根据标签的id来获取标签该方法得到的是单个标签，如果找到那么就返回单个标签，否则返回的使null 2、getElementsByClassName() 根据标签的class来获取标签该方法返回的是数组(伪)，里面保存着找到的所有的标签,如果一个标签都没有 阅读全文
posted @ 2020-02-29 22:08 ImbaCOOL 阅读(260) 评论(0) 推荐(0)
JavaScript（一）
摘要： js基础 (1) 注释 - 单行注释 // - 多行注释 /**/ (2) 控制输出 - alert(内容) 弹出对话框 - document.write(内容) 输出到页面 - console.log(内容) 输出到控制台 (3) 命名规则(规定)语法 var 变量名 = 数据； - 只能是数字、 阅读全文
posted @ 2020-02-29 22:05 ImbaCOOL 阅读(258) 评论(0) 推荐(0)
移动端适配
摘要： 一、伸缩布局盒模型(弹性盒模型) css3引入一种新的布局模式——flexbox布局，即伸缩布局盒模型，用来提供一个更有效的方式制定、调整和分布一个容器里的子项目布局，即使他们的大小是未知或者动态的。 主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（主要是 阅读全文
posted @ 2020-02-29 21:46 ImbaCOOL 阅读(174) 评论(0) 推荐(0)