![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Xxxuaneer
这个作者很懒,什么都没留下…
展开
-
vue实现拖拽指令 v-drag
描述实现元素拖拽功实现创建拖拽指令文件 drag.js// directives/drag.jsimport Vue from 'vue';Vue.directive('drag', { bind(el, binding) { el.setAttribute('draggable', true); el.addEventListener('dragstart', (e)=> { el.style.position = 'fixed'; /原创 2022-04-27 14:19:42 · 640 阅读 · 0 评论 -
轮询请求 定时发送请求
1.业务分析后端创建一个任务,该任务的结果无法快速的计算出来响应给前端,这个时候需要前端定时去查询任务状态,直到任务计算结束为止。2.代码实现/** * polling 轮询请求 * * @param {String} type 请求类型 * @param {string} url 请求路径 * @param {Object} params 请求参数 * @param {function} isPollingFn 回调函数,该函数返回Boolean值,true继续请原创 2022-03-18 10:13:17 · 1448 阅读 · 0 评论 -
css clip-path裁剪多边形
效果:代码:.block { width: auto; height: 58px; background: #498294; border: 2px solid #45d2fb; box-shadow: inset 0 0 20px 4px #74b7cc,0 2px 6px 0px rgba(17 37 70 / 60%); clip-path: polygon(0 100%, 10% 0, 100% 0, 100% 100%); &:原创 2021-10-29 14:28:24 · 332 阅读 · 0 评论 -
angualrjs Error: $location:nobase $location in HTML5 mode requires a <base> tag to be present!
为什么会遇到$location:nobase errorangularjs1.1.5v升级到1.8.0v的时候会抛出这个问题。问题的详情请参考: Error:location:nobase问题分析如果在ngApp.config()中使用了$locationProvider.html5Mode(true),那么angularjs 1.3.0v 之后的版本需要设置一个base URL。没有设置他的话就会抛出上面的error了。解决方案如果你的base URL是’/’(e.g. https://mya原创 2021-06-04 17:46:19 · 208 阅读 · 0 评论 -
浏览器回流(重排)和重绘?
回流和重绘是什么?浏览器是由两个引擎来处理页面工作的, 一个是渲染引擎, 一个是JS引擎. 不同的浏览器它的渲染引擎是不一样的.在渲染引擎中, 会同时解析html 和 css, 最后会合并成渲染树(render tree), 浏览器会根据渲染树进行布局, 在布局时, 会精确的捕获节点的确切位置和尺寸, 所有的测量单位都会转化为屏幕上的绝对像素, 这一现象称为回流(重排).在布局完之后, 会立即执行paint stup事件, 将渲染树转换成屏幕的像素, 这个过程称为绘制(重绘), 最后将页面显示在屏幕上原创 2021-05-31 21:43:10 · 175 阅读 · 0 评论 -
什么是BFC?
对BFC的理解BFC全称为 block formatting context, 块级格式化上下文. 它是一个独立的渲染区域, 区域内的元素不会在布局影响到外部元素.例如: 两个元素上下margin重叠, 则需要对两个元素实现BFC, 使得两个元素样式互不干扰等等如何触发BFC?根元素()浮动元素 (float 不是none)绝对定位元素 (position为absolute或fixed)display为 inline-block、table-cell、table-caption、table、原创 2021-05-31 20:50:27 · 204 阅读 · 0 评论 -
Mockjs -Mock.mock()
文章目录Mock.mock(template)Mock.mock( rurl, template )Mock.mock( rurl, function( options ) )Mock.mock( rurl, rtype, template )Mock.mock( rurl, rtype, function( options ) )Mock.mock(template)根据数据模板生成模拟数据。var template = { 'string|2': 'value', 'number1原创 2021-05-11 15:53:50 · 577 阅读 · 0 评论 -
在React中实现防抖节流
import React, { Component } from 'react';class Debounce extends Component{ constructor(props) { super(props); } inputValue = (content) => { console.log(content); } debounce = (fun, wait) => { return (...rest) => { le原创 2021-01-28 14:18:31 · 1114 阅读 · 0 评论 -
CSRF angularjs解决方案
什么是csrfCSRF全拼为Cross Site Request Forgery,译为跨站请求伪造。指攻击者盗用了你的身份,以你的名义发送恶意请求。包括:以你名义发送邮件,发消息,盗取你的账号,甚至于购买商品,虚拟货币转账…造成的问题:个人隐私泄露以及财产安全。如何使用angularjs的CSRF解决方案在angularjs $http 中有两个xsrf相关配置,一个是xsrfCookieName, 另一个是xsrfHeaderName。只要有使用 $http 的地方,都会将cookie中的原创 2020-11-19 16:16:46 · 434 阅读 · 0 评论 -
JS 函数闭包 闭包实例
什么是闭包闭包是指有权访问另一个函数作用域中的变量的函数.也就是说:可以在函数外部访问函数内部的局部变量.让这些变量始终保存在内存中, 不会随着函数的结束而自动销毁.闭包例子以下是‘后盾人教程’的笔记梳理使用闭包获取区间商品 let fruits = [{'name': 'apple','price': 6},{'name': 'banana','price': 10},{'name': 'orange', 'price': 20}]; function between(a, b)原创 2020-11-01 16:27:51 · 313 阅读 · 1 评论 -
手动创建angular7项目
创建一个项目文件夹:my-app.在该文件夹下创建一个package.json文件,该文件是npm的包文件。{ "name": "insitu", "private": true, "version": "0.0.0", "dependencies": { "@angular/common": "^7.0.0", "@angular/compiler": "^7.0.0", "@angular/core": "~7.0.0", "@angular/platform-b.原创 2020-10-14 23:13:02 · 248 阅读 · 1 评论 -
前端 js jQuery ajax实现文件流下载, 下载doc,xsl等文件内容乱码问题
问题描述:前端通过jQuery ajax接受后端的文件流,前端下载文件后内容乱码后端代码:Header("Content-type: application/octet-stream");Header("Accept-Ranges: bytes");前端代码:$.ajax({ type: "POST", url: url, xhrFields: { responseType: "blob" }, success: (response) => { const blob原创 2020-09-09 19:28:34 · 10176 阅读 · 2 评论 -
js blob导出文件 文件下载 中文乱码的问题
项目场景:后端解密文件以流的形式返回给前端, 前端需要读取流文件实现文件下载问题描述:下载含有中文的文件时,中文乱码@Override const data = '测试下载文件\n' + 'wewewe\n'; const blob = new Blob([data], {type: 'text/plain'}); const blobUrl = URL.createObjectURL(blob原创 2020-09-08 15:46:59 · 6925 阅读 · 1 评论 -
docx, xlsx, pptx, csv 的MIME 类型是什么?
在下面的表格中查找所需要的的MIME type.将来的详情请看: Register the 2007 Office system file format MIME types on servers.File extensionMIME type.docxapplication/vnd.openxmlformats-officedocument.wordprocessingml.document.docmapplication/vnd.ms-word.document.mac原创 2020-09-08 10:55:08 · 3908 阅读 · 1 评论