js
秦时明月霜
想做靠谱开发,先掌握设计模式
展开
-
观察者模式和发布订阅模式的区别
发布订阅模式和观察者模式的区别原创 2022-09-26 18:06:47 · 224 阅读 · 0 评论 -
【每天学习一点点】怎么快速理解 javascript 中的 RHS 和 LHS
我个人总结:LHS: 被赋值如:// 例如 demo1var a = 1;// 例如 demo2a = 2;RHS:调用其他人如:function a () { // TODO}// 例如 demo1a();// 例如 demo2var b = a;// 例如 demo3console.log(a);原创 2021-12-22 18:08:15 · 917 阅读 · 3 评论 -
【每天进步一点点】javascript 的赋值操作
在 Javascript 中我们经常会用到对象的申明和调用,但是我们真的知道他们的调用过程是什么样的吗?当你看到 var name = "shuang"; 的时候,你的第一反应一定是这是一个函数声明。但是具体的步骤是什么样的呢?当我们写下这段代码,node 服务会对代码进行编译;它首先会在当前的作用域中查找是否已经存在当前名为 name 的变量,如果有则将 shuang 赋予给当前对象;如果没有,则会一直沿着作用域链,一直往上查找,知道找到为止,如果找不到则会跑出一个大大的异常奖励你;...原创 2021-12-22 17:48:46 · 936 阅读 · 0 评论 -
解决获取 OSS 文件出现跨域问题
在最近的需求中有需要获取 OSS 的图片转为 base64 的需求,在需求刚开始使用 XHR 发送资源请求,发现出现了跨域,点了几次有能够正常访问了,但是认为可能是 OSS 权限需要配置然后配置了一下。但是还是出现这样的问题,问题根本没有解决,后面在发送获取图片请求的头部加上 Cache-Control: no-cache 之后问题解决了,再也没有出现跨域了。附上代码:const getOSSBlobResource = (url: string): Promise<Blob> =>原创 2021-12-21 10:41:18 · 4156 阅读 · 0 评论 -
vue打印
在项目引入下列代码块就可以在要打印的地方外层加上ref="print" 在该区域内不需要打印的区域加上classno-print 调用打印使用this.$print(this.$refs['print']);// 打印类属性、方法定义/* eslint-disable */const Print =function(dom, options) { if (!(this instan...原创 2019-03-05 11:07:59 · 901 阅读 · 0 评论 -
vue + iview 项目 + 源码 + 项目图片 + 部分路由官网精简
vue具有RESTful模式的路由。RESTful作为一种架构风格,是一种设计风格而不是一个标准,只提供了一组设计原则和约束条件,它主要用于客户端和服务器端交互的桥梁。基于这种风格设计的应用可以更简洁、更有层次、更易于实现缓存等机制。Vue的路由vue-routervue-router在vue中充当一个非常强大的角色。通过vue-router,vue可以更加方便的进行路由控制。开发者可以通过...原创 2019-02-24 17:58:28 · 697 阅读 · 0 评论 -
函数与变量的优先级
先看一个栗子:function getName(name) { console.log(name)};var getName;console.log(getName)从这里可以看出getName方法覆盖了getName变量,这就从一方面证明函数比变量的优先级高一些。我认为可以这么理解:var getName = window.getName = function(n...原创 2019-02-18 14:34:50 · 517 阅读 · 0 评论 -
vue-cropper的使用
vue-cropper的使用vue-cropper官方链接:https://github.com/xyxiao001/vue-cropper项目中使用```npm install vue-cropperyarn add vue-cropper```<template> <el-dialog title="图片上传" ...原创 2018-12-07 20:36:35 · 18803 阅读 · 3 评论 -
vue2 axios请求从后台获取文件流(自定义导出excel)
import axios from 'axios'export default { post(url, param, title) { axios.post(url, param, { responseType: 'arraybuffer' }) .then((res) => { if(res.status == "200") { ...原创 2018-12-17 20:09:13 · 6165 阅读 · 0 评论 -
HTMLElement is not define nuxt.js
// nuxt.config.js 页面global.HTMLElement = typeof window === 'undefined' ? Object : window.HTMLElementexport default { // ...}原创 2019-04-26 20:15:09 · 3064 阅读 · 15 评论 -
防抖(debounce)
防抖(debounce)和节流(throttle)防抖(debounce):指的是某个函数在某个时间段内,无论触发多少次,都只执行最后一次。代码如下:function debounce(fn, wait=100) { // 设定定时器 let timer = null; return function(...args) { if(timer) { clearTimeout(...原创 2019-06-11 11:49:07 · 589 阅读 · 0 评论 -
获取自己的ip地址(仅支持主流浏览器ie除外)
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div id="list"></div> <script type="t原创 2018-11-23 11:24:12 · 679 阅读 · 0 评论 -
js上传pdf
需要准备的插件pdfobject.js<p> <img id="reportImg" class="zoom-img"/> <object id="reportPdf" type="application/pdf" data="" style="width: 100%;height: 100%;"&原创 2018-11-13 17:53:26 · 3583 阅读 · 0 评论 -
checkbox选择状态
方法一:if (selector.get(0).checked) { // do something}方法二:if(selector.is(':checked')) { // do something}方法三:if (selector.attr('checked')) { // do something}原创 2018-01-18 17:41:24 · 174 阅读 · 0 评论 -
js之onreadystatechange事件
XMLHttpRequest包含以下三个非常重要的属性:onreadystatechange、readyState、status。 readySate存有以下五个XML状态信息。0: 请求末初始化、1:服务器已建立链接、2:请求已接收、3:请求已处理、4:请求已完成,且响应已就绪每当readyState发生变化是都会触发onreadystatechange函数,总共会触...原创 2017-09-18 13:09:58 · 9751 阅读 · 6 评论 -
js之当页面加载$(document).ready(function(){})和[removed]=function(){}的区别
在Jquery里面,我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){})这两个方法的效果都是一样的,都是在dom文档树加载完之后执行一个函数(注意,这里面的文档树加载完不代表全部文件加载完)。而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。也就是说$(document).ready要比win...转载 2017-09-18 13:50:49 · 1032 阅读 · 0 评论 -
vue、react路由大气写法
const rootRoute = { childRoutes: [ { path: '/', component: AppLayout, childRoutes: (r => { return r.keys().map(key => r(key)); ...原创 2018-11-07 11:51:41 · 301 阅读 · 0 评论 -
原生Js之页面打印
轻轻的我走了,正如我轻轻的来,我轻轻的招手,作别西天的云彩。 -- 徐志摩《再别康桥》 /** * 打印 在不需要打印的地方加上id="noprint"属性 * */ function printdiv() { document.getElementById("noprint").style.display = "none"; ...原创 2018-10-22 10:23:23 · 257 阅读 · 0 评论 -
js之网页开发scroll
奥特曼打小怪兽原创 2017-09-18 14:03:27 · 622 阅读 · 0 评论