不晓笙-优快云博客

原创 vue中实现ueditor上传图片遇到的几个问题及解决方案

vue中实现ueditor上传图片功能遇到的问题初始化ue组件无法正常显示，无法加载单图上传的图标变灰无法点击 or 多图上传显示后端配置项没有正常加载，上传插件不能正常使用！配置上传接口错误，请求报404，无法找到上传后，服务端显示上传成功，并返回正确的json结果，但在ueditor中无法回显图片并报上传错误解决方案在ueditor.config.js中配置:在va...

2018-05-22 15:26:47 14969 1

原创 Vue源码 - 响应式原理

响应式对象Vue.js 实现响应式的核心是利用了ES5的 object.defineProperty，这也是为什么Vue.js不能兼容IE8及以下浏览器的原因。Object.definePropertyObject.defineProperty文档Object.defineProperty 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。Object.defineProperty(obj, prop, descriptor)obj 是要在其上定义属性的对象；p

2020-06-16 18:56:27 242

原创解决el-image点击后页面无法滚动问题

解决el-image点击后页面无法滚动问题问题描述基于 element-ui 开发过程中，有一个坑，在高版本（2.11+），el-image 渲染后点击图片后，页面无法滚动，必须刷新后正常。获取元素查看后，发现 el-image 图片点击后时会为 <body> 标签自动添加 overflow: hidden; 。这主要是点击图片时，预览锁定了滚动条，同时发生跳转使路由改变覆盖了预览导致的。解决方案给 el-image 标签加上一个点击事件，执行 document.body.style=

2020-06-10 10:46:18 2716 10

原创 nginx部署微信项目：解决微信浏览器缓存问题

nginx部署微信项目：解决微信浏览器缓存问题问题：微信公众号网站或H5网站发布站点内容后一直显示的旧内容无法更新的，登录token失效后也无法执行相应js退出，其实是微信浏览器的缓存机制导致的。最开始尝试过对网站链接加版本号等都不起作用，以下是针对 nginx 部署项目的解决方案。解决方案：在nginx对应 xxx.conf 中增加下列代码，清除缓存，设置不缓存。（其中 $root 要修改成实际站点源码目录）location ~* ^.+\.(jpg|jpeg|png|ico|css|js)$

2020-06-09 20:27:26 3522

原创 JS设计模式：结构型

目录索引JS设计模式：结构型（一）外观模式（Facade）（二）适配器模式（Adapter）（三）代理模式（Proxy）（四）装饰者模式（Decorator）（五）桥接模式（Bridge）（六）组合模式（Composite）（七）享元模式（Flyweight）JS设计模式：结构型（一）外观模式（Facade）为一组复杂的子系统接口提供一个更高级的统一接口，通过这个接口使得对子系统接口的访问更容易。在Javascript中有时也会用于对底层结构兼容性做统一封装来简化用户使用。关键词：简化封装外观

2020-06-09 19:57:13 333

原创 React 三连棋后续完善

React 三连棋后续完善React官方文档入门教程中的三连棋，根据文档提供改进建议完善游戏功能。改进功能：在游戏历史记录列表显示每一步棋的坐标，格式为 (列号, 行号)。在历史记录列表中加粗显示当前选择的项目。使用两个循环来渲染出棋盘的格子，而不是在代码里写死（hardcode）。添加一个可以升序或降序显示历史记录的按钮。每当有人获胜时，高亮显示连成一线的 3 颗棋子。当无人获...

2019-05-22 12:41:53 1586

原创编写一个将十六进制值转换成颜色的函数

题目：编写一个将十六进制值转换成颜色的函数，以蓝色为例，#0000FF应被表示成rgb(0,0,255)的形式。然后将函数命名为getRGB()，并用以下代码进行测试。提示：可以将字符串视为数组，这个数组的元素为字符。示例：> var a = getRGB('#00FF00');> a;rgb(0, 255, 0)编程：var getRGB = fu...

2018-07-03 15:51:39 1221

原创 javascript面向对象编程知识回顾

一基本数据类型、数组1.1 变量1.2 基本数据类型1.3 查看类型操作符——typeof1.3.1 Infinity1.3.2 NaN1.3.3 字符串1.3.4 逻辑运算符1.3.5 操作符优先级1.3.6 特殊的二函数2.1 预定义函数2.1.1 parseInt()2.1.2 parseFloat()2.1.3 isNaN()2.1.3 is...

2018-07-03 15:50:23 504

原创 node实现fdfs客户端及其上传图片至fdfs功能

fdfs客户端let FdfsClient = require('fdfs')let fdfs = new FdfsClient({ // tracker servers trackers: [ { host: 'xxx.xxx.xx.x', port: 22122 } ], /...

2018-05-22 16:01:19 1523

原创 node实现ueditor上传接口

node实现ueditor上传接口步骤1. 编写接口特别注意的，ueditor请求分为两块，get请求传递action，post请求传递上传所需参数，在写接口时应写为userouter.use('/ue/upload', api.Upload.ueditorUpload)2. 获取actionlet ActionType = req.query.action3....

2018-05-22 15:37:00 1151

原创手机验证码倒计时js

最近在写手机验证码倒计时的js demo，之前编写的类似下面的代码：var countdown = 60;function setTime(val) { if(countdown == 0) { val.removeAttribute("disabled"); val.value = "获取验证码"; countdown = 60; }

2016-10-31 16:26:38 412

原创 Uncaught TypeError: Cannot read property 'offsetTop' of null

在获取内容区块高度（无滚动）时使用offsetTop报如下错误： Uncaught TypeError: Cannot read property ‘offsetTop’ of null

2016-10-29 14:53:50 12736

原创 tr虚线border在火狐浏览器加载异常问题

tr虚线border在火狐浏览器加载异常问题编写一个demo，动态添加一行tr，tr包含一个下划虚线border-bottom: 1px dashed #000; 为了让tr的border属性生效，我们在table中加入> border-collapse:collapse;初始代码块<!DOCTYPE html><html> <head> <meta charset="

2016-10-28 15:56:14 598

不晓笙的博客