深蓝的大学
偷走你的笑
请用心
展开
-
常见前端面试题整理
整理一下上次前端面试的面试题。第一题是函数申明提前 foo(); var foo = function(){ console.log('aaa'); } function foo(){ console.log('bbb'); } foo();第一次调用foo函数输出bbb,第二次调用输出aaa。由于函数申明提前,整个函数体被提前到最前面。所以一开始调用...原创 2019-11-05 10:32:19 · 228 阅读 · 0 评论 -
settimeout,promise,async执行顺序
async function async1() { console.log("async1 start"); await async2(); console.log("async1 end"); } async function async2() { console...原创 2019-11-02 14:11:52 · 249 阅读 · 0 评论 -
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-10-18 10:26:26 · 148 阅读 · 0 评论 -
前端写原生轮播图
html页面如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...转载 2019-10-18 10:26:49 · 237 阅读 · 0 评论 -
前端vue使用cos临时密钥的方法上传出现访问受限
流程:后台创造一个临时密钥传给前端在前端vue中通过npm安装cos的依赖npm i cos-js-sdk-v5 --save然后在需要用的页面引用cosvar COS = require('cos-js-sdk-v5');我用的是后台传的临时密钥,但是阅读文档使用例子<input id="file-selector" type="file"><script s...原创 2019-06-29 13:38:37 · 4238 阅读 · 7 评论 -
js写评分机制
原文链接:原文html代码<div class="star-box"> <div class="star"> <b class="ct-star ic-star-off">★</b> <b class="ct-star ic-star-off">★</b> ...转载 2019-07-15 11:50:57 · 584 阅读 · 0 评论 -
-webkit-line-clamp 实现限制文字显示多行
-webkit-line-clamp可以控制文字过多隐藏的行数,适用谷歌浏览器使用时必须与display: -webkit-box;//将对象作为弹性伸缩盒子模型显示-webkit-box-orient: vertical;//设置或检索伸缩盒对象的子元素的排列方式 。同时使用加上text-overflow: ellipsis;则可以使过多的文字显示为省略号...原创 2019-08-07 10:26:48 · 99 阅读 · 0 评论 -
substr,substring,slice的区别
substr(start,length)substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符start为必须,可以是负数,如果是负数就反向截取字符串返回结果为一个新的字符串substring(start,stop)substring() 方法用于提取字符串中介于两个指定下标之间的字符。start为必须参数,并且是非负的整数stop可填,必须比start大。...原创 2019-08-07 11:05:57 · 121 阅读 · 0 评论 -
如何将base64转化为图片
<img :src="'data:image/jpg;base64,'+codeBase" alt="">只需要在src前缀加上data:image/jpg;base64,data:image/jpg; 声明数据协议及类型还有别的数据类型data:image/png;base64, base64编码的png图片数据data:image/jpeg;base64,...原创 2019-09-11 11:27:01 · 7635 阅读 · 0 评论 -
js中Date的用法
js中时间戳和日期互相转化<script> let time = '1568774958000' console.log(new Date(parseInt(time)).toLocaleString()) let time2 = new Date().getTime() console.log(new Date(parseInt(time2)).to...原创 2019-09-18 16:24:07 · 172 阅读 · 0 评论 -
js鼠标移动到a标签上出现div,从div移出去就消失
<script> window.onload = function(){ let header = document.getElementsByClassName('hmenuli') let content = document.getElementsByClassName("headerfall") for(let i=0;i<header.length;i++...原创 2019-09-25 15:49:18 · 2350 阅读 · 0 评论 -
RSA公钥加密和私钥加密的区别
概念:rsa加密算法是一种非对称加密,对称加密是指加密解密都是使用同一个秘钥,非对称加密是两个秘钥进行加密解密。这两个秘钥公钥和私钥是成对出现的。公钥就是可以公开的秘钥,私钥是私密的,一般只有一个人保存。秘钥越长越难破解,rsa2加密保证秘钥长度至少为2048位,rsa加密没有限制秘钥长度。一般的加密都是由公钥加密,私钥解密。因为公钥可以公开,可以给多个人,但是私钥一般由一个人保存。这种情...原创 2019-09-26 17:14:32 · 11503 阅读 · 0 评论 -
在Vue中使用自定义指令进行图片的裁剪
因项目需求,写了一个不用组件的js裁剪图片,整理了一个例子。<template> <div class="infomation-manage"> <div v-drag> <div class="header-item-content"> <span class="i...原创 2019-07-04 15:04:46 · 425 阅读 · 0 评论 -
quill-editor在vue中展示的样式问题
quill-editor在main.js中引用import VueQuillEditor from 'vue-quill-editor'Vue.use(VueQuillEditor)import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.cs...转载 2019-06-28 10:20:02 · 4018 阅读 · 0 评论 -
PHP支付宝手机网站支付notify异步通知
$config = array ( //应用ID,您的APPID。 'app_id' =&gt; "", //商户私钥,您的原始格式RSA私钥 'merchant_private_key' =&gt; "", //异步通知地址 'notify_url' =&gt; "", //同步跳转 'return_url原创 2019-01-02 18:31:22 · 3552 阅读 · 0 评论 -
左右布局,以及div水平垂直居中的几种方法
<!DOCTYPE html><html> <head> <title>ceshi</title> </head> <body> <div class="box"> <div class="left"> ...原创 2019-04-11 18:37:30 · 261 阅读 · 0 评论 -
click和tap事件
click和tap事件的区别click事件click事件是pc端的单机事件,但是当这个事件在移动端实现的时候,会出现延迟300ms的现象,所以移动端一般用tap来代替click。tap事件tap可以减少click在移动端的延迟,提高了性能。点透问题在同一个z轴上,z-index不同的两个元素,上面的元素是一个绑定了tap事件的,下面是一个a标签,一旦tap触发,这个元素就会displa...原创 2019-04-03 11:26:53 · 6349 阅读 · 0 评论 -
XSS攻击
转载请注明出处:unclekeith: 原文章XSS是跨站脚本攻击,是发生在目标浏览器上的,当渲染DOM树的时候出现了预期之外的JS代码,就出现了XSS攻击。跨站脚本的重点在于脚本,脚本即JS代码,在目标网站下运行这个JS代码。XSS攻击方式反射型 XSS反射型XSS,也叫非持久型XSS,是指发生请求时,XSS代码出现在请求URL中,作为参数提交到服务器,服务器解析并响应。响应结果中...转载 2019-04-25 19:49:29 · 358 阅读 · 0 评论 -
图片上传修改自定义样式
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://unpkg.com/vue"></script> <tit...原创 2019-04-15 08:59:58 · 863 阅读 · 0 评论 -
按钮img重叠到一张图片上
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://unpkg.com/vue"></script> <tit...原创 2019-04-18 18:07:53 · 2241 阅读 · 0 评论 -
Promise对象及其作用
在Javascript中,所有的代码都是单线程的。因此,导致Javascript中所有的网络操作(网络请求),浏览器事件都是通过异步执行。> 浏览器只分配给js一个主线程,用来执行任务(函数),但一次只能执行一个任务,这些任务形成一个任务队列排队等候执行,但前端的某些任务是非常耗时的,比如网络请求,定时器和事件监听,如果让他们和别的任务一样,都老老实实的排队等待执行的话,执行效率会非常的低...转载 2019-04-24 19:24:49 · 1925 阅读 · 0 评论 -
element table合并单元格
element table组件合并行或列在使用element table这个组件的时候,发现有些数据需要合并行,有些数据又要合并列,table自带了span-method这个方法,可以根据需要进行单元格的合并。getSpanArr(data) { this.spanArr = [] for (var i = 0; i < data.leng...转载 2019-06-19 13:45:29 · 5667 阅读 · 5 评论 -
slice,splice,split的区别
slice,splice,split的区别slice方法是截取数组的arrayObject.slice(start,end),start和end是数组的下标,返回的是从start到end(不包括end)的一个新数组,并且不会改变原数组。splice方法是删除数组中内容的,并且可以添加内容arrayObject.splice(index,howmany,item1,…,itemX)inde...原创 2019-06-10 18:02:55 · 255 阅读 · 0 评论 -
纯CSS写评分
转载:https://www.cnblogs.com/hesj/p/10536792.html用到的知识:E:checked:单选或复选框被选中E ~ F: 选择后面的兄弟节点们:选择后面的兄弟节点E::after,E::before: 伪元素选择器 在匹配E的元素后面(前面)插入内容<!DOCTYPE html><html> <div class...转载 2019-06-17 20:52:32 · 533 阅读 · 0 评论 -
JS常用正则表达式
常用的正则表达式转载出处:原文链接判断urllet url = "www.baidu.com"var urlPatter= /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;console.log(urlP.test(url))判断手机号let phone = "139123456...转载 2019-06-26 13:32:36 · 92 阅读 · 0 评论 -
VUE钩子说明
- 初始化阶段beforeCreate是数据绑定之前的钩子在这之后进行数据和方法的初始化create数据和方法绑定后的钩子,如果要调用data和method的东西,最早只能在create里面。- 挂载阶段初始化后,vue开始编译模板,在内存中生成一个编译好的模板字符串,然后把这个模板字符串渲染为内存中的DOM,但是还没有开始挂载beforemount可以在挂载前初始化数据mo...转载 2019-07-08 10:54:43 · 186 阅读 · 0 评论 -
TP5加支付宝手机网站支付配置
**TP5加支付宝手机网站支付配置**调用支付宝接口的第一天:之前申请审核手机网站弄了好久,不过审核还挺快的,一天内就审核好了,提交审核必须要有一个测试页面,测试页面中要有货名、单价、重量、合计,我之前是测试页面不达标浪费了很多时间,希望能尽早把这个搞定。审核完后一看sdk和demo加文档,这啥啊,什么东西。结果第一天只把沙箱环境配好了,还有秘钥也重新弄好了,demo还没自己本地跑起来...原创 2018-12-19 21:16:24 · 2287 阅读 · 0 评论