- 博客(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
3671
原创 微信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
475
原创 CSS常用样式汇总(持续更新)
fill-available、max-content、min-content、fit-contenwebkit内核浏览器需添加-webkit-前缀fill-available表示撑满可用空间fit-content表示将元素宽度收缩为内容宽度min-content表示采用内部元素最小宽度值最大的那个元素的宽度作为最终容器的宽度max-content表示采用内部元素宽度值最大的那个元素的...
2019-09-23 13:38:58
204
转载 JS三座大山之原型链(转)
在JS中原型链的概念刚开始可能一直迷惑着大多数人，我也一样，不过花点时间仔细的梳理梳理，还是很容易理解的。本文就着重介绍一下原型链，如...
2019-09-04 11:23:07
164
原创 使用git把本地代码上传到github上(一学就会)
什么是git？git是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。git是一种工具，它能更好的让我们管理代码。很多时候如果我们需要保持本地代码和github代码版本一致，那么我们就会用到git这个工具。git工具不仅可以让我们克隆别人的或者自己的远程代码，还可以实现本次存储远程仓库。下面小编给大家讲讲如何使用git把本地代码上传（更新）到github上第一步：...
2019-08-18 11:14:24
160
原创 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
181
原创 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
119
原创 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
252
原创 用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
275
原创 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
270
原创 Vuex之5大核心API
vuex中5大核心概念分别有：1. State2. Mutation3. Getter4. Action6. Module开始准备：在src目录下我们创建一个store文件夹，接着在它下面创建一个index.js(我们把Vuex逻辑就写在这里面)然后我们在main.js中全局的引入一下并在实例中挂载它，这样准备工作就OK了！一：State 这里我们可以存储初始化的数据...
2019-08-03 15:29:38
535
原创 关于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
340
原创 ES6学习笔记之Promise
创建一个Promiselet a =1let promise = new Promise((resolve,reject)=>{ if(a==1){ resolve('成功'); }else{ reject('失败') }})promise和then搭配使用promise.then(res=>{ co...
2019-07-27 21:23:39
131
原创 基于Vant框架的下拉刷新和上滑加载
这里是基于了Vant-ui框架做的下拉刷新和上拉加载没有用复杂原生JS来写，用框架非常的方便，一看就会，上手性也非常的强，同样效率也非常的高废物不多说直接上代码，更多的API可以查看这里！！下面的代码中我也改了一些参数，不过效果非常的好。这里只是一些假数据模拟的，也可以用ajax来获取真是数据，效果更炸<template> <van-pull-refresh v...
2019-07-24 15:54:59
2506
原创 一个关于localStorage数据储存的问题
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。localStorage 属性是只读的。用法localStorage.setItem(‘key’, ‘name’); //创建一个key但是值必须为string类型SO，可以和...
2019-07-16 23:07:21
680
原创 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
803
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
667
原创 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
278
原创 进入CSDN
开始欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑...
2019-07-12 21:42:25
200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人