- 博客(20)
- 收藏
- 关注
RSS订阅原创 几种前端加密解密的方法
以 Vue 作为例子 1.CryptoJS加密解密 首先引用CryptoJS的库 https://cdn.staticfile.org/crypto-js/3.1.9/crypto-js.min.js 加密: const key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF"); //十六位十六进制数作为密钥 const iv = CryptoJS.en...
2020-03-09 17:35:42
3903
原创 微信h5使用html2canvas
npm安装html2canvas 在组件中引用import html2canvas from ‘html2canvas’; 为需要切图dom添加ref属性 <div ref="imageWrapper"> <img src="../assets/iamge/mu.jpg" class="mu"> </div> html2canvas会返回一个canvas， ...
2020-03-09 13:43:14
533
原创 CSS常用样式汇总(持续更新)
fill-available、max-content、min-content、fit-conten webkit内核浏览器需添加-webkit-前缀 fill-available表示撑满可用空间 fit-content表示将元素宽度收缩为内容宽度 min-content表示采用内部元素最小宽度值最大的那个元素的宽度作为最终容器的宽度 max-content表示采用内部元素宽度值最大的那个元素的...
2019-09-23 13:38:58
250
转载 JS三座大山之原型链(转)
在JS中原型链的概念刚开始可能一直迷惑着大多数人，我也一样，不过花点时间仔细的梳理梳理，还是很容易理解的。本文就着重介绍一下原型链，如...
2019-09-04 11:23:07
197
原创 使用git把本地代码上传到github上(一学就会)
什么是git？git是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。git是一种工具，它能更好的让我们管理代码。很多时候如果我们需要保持本地代码和github代码版本一致，那么我们就会用到git这个工具。git工具不仅可以让我们克隆别人的或者自己的远程代码，还可以实现本次存储远程仓库。下面小编给大家讲讲如何使用git把本地代码上传（更新）到github上 第一步：...
2019-08-18 11:14:24
186
原创 ES6之Map数据结构（巩固复习）
创建一个最简单你Map结构看一看 let map = new Map(); map.set('a','aaa') console.log(map) 我们也可以用Get去获取它的value值 let map = new Map(); map.set('a','aaa') console.log(ma...
2019-08-09 15:41:55
206
原创 ES6之Set数据结构（巩固复习）
Set：最大的特点就是数据不会重复 let setArr= new Set([1,2,5,3,5,1,5,3]); console.log(setArr) //1,2,5,3 在Set数据结构中我们可以使用add()方法来向Set中添加数据 let setArr= new Set(); setArr.add('1') console.log...
2019-08-09 01:12:45
149
原创 ES6学习笔记之字符串模板(巩固复习)
ES6字符串模板 这个举个例子，先大概了解一下什么是字符转模板 <script> let name='Kobe Bryant' let birthday="1978.8.23"; let age= 41; let res = `他叫${name},生日是${birthday},今年${age}岁了` ...
2019-08-08 21:47:03
278
原创 用Canvas写一个行走的小动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-08-07 18:05:55
327
原创 canvas之炫彩小球
这里实现了一个炫彩小球的小demo，直接来看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-08-07 11:53:27
302
原创 Vuex之5大核心API
vuex中5大核心概念分别有： 1. State 2. Mutation 3. Getter 4. Action 6. Module 开始准备：在src目录下我们创建一个store文件夹，接着在它下面创建一个index.js(我们把Vuex逻辑就写在这里面) 然后我们在main.js中全局的引入一下 并在实例中挂载它，这样准备工作就OK了！ 一：State 这里我们可以存储初始化的数据 ...
2019-08-03 15:29:38
569
原创 关于Vuex管理-用户登陆
开始之前，需要一些环境的准备，我这里是用nodejs搭建的环境，也需要搭配vue中axios来做一些交互操作 做了一个简单用户登陆管理系统 <el-input v-model="input" placeholder="请输入用户名"></el-input> <el-input placeholder="请输入密码" v-model="pass" show-pa...
2019-07-31 23:02:27
399
原创 ES6学习笔记之Promise
创建一个Promise let a =1 let promise = new Promise((resolve,reject)=>{ if(a==1){ resolve('成功'); }else{ reject('失败') } }) promise和then搭配使用 promise.then(res=>{ co...
2019-07-27 21:23:39
156
原创 基于Vant框架的下拉刷新和上滑加载
这里是基于了Vant-ui框架做的下拉刷新和上拉加载 没有用复杂原生JS来写，用框架非常的方便，一看就会，上手性也非常的强，同样效率也非常的高 废物不多说直接上代码，更多的API可以查看这里！！ 下面的代码中我也改了一些参数，不过效果非常的好。 这里只是一些假数据模拟的，也可以用ajax来获取真是数据，效果更炸 <template> <van-pull-refresh v...
2019-07-24 15:54:59
2562
原创 一个关于localStorage数据储存的问题
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。 localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。 localStorage 属性是只读的。 用法 localStorage.setItem(‘key’, ‘name’); //创建一个key但是值必须为string类型 SO，可以和...
2019-07-16 23:07:21
736
原创 vue中评论组件
html <div class="comment-box"> <ul> <li v-for="(item,index) in list" :key="index"> {{item.content}} <span class="badge">评论人:...
2019-07-15 21:26:27
854
1
原创 vue回到顶部-组件
废话不多说 直接上代码 <template> <div class="test-box"> <div class="scrollTop" v-show="showTop" @click="gotop"></div> <div class="back-test"></div> ...
2019-07-14 20:45:13
709
原创 Vue-第三方插件引用
1.npm引入jquery库> npm i jquery --S //jquery要小写 然后在main.js中引用 import Vue from 'vue' import App from './App' import VueRouter from 'vue-router' //路由引入 import axios from 'axios' import $ from "jque...
2019-07-13 18:49:52
325
原创 进入优快云
开始欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑...
2019-07-12 21:42:25
279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人