- 博客(23)
- 收藏
- 关注
RSS订阅原创 前端 浏览器 下载图片，pdf等文件，而不是直接打开文件
首先分为几种情况同源--------------------(可以下载)非同源不跨域-----------(可以下载)非同源跨域--------( 不可以)至于上面结论是否正确，我也不敢保证哈哈同源这个一般比较简单，唯一注意的是 要在和图片地址一样的域名下测试handleDownloadFile(val) { let aEl = document.createElement("a"); document.body.appendChild(aEl); .
2021-01-07 10:01:28
1391
2
原创 基于draft.js 和 braft-editor.js文档，自己总结的内容
1.一篇文档足矣(无数个文章综合体)https://www.jianshu.com/p/f8a5c5492f572.draft.js–富文本编辑器框架的实践（一）概念讲的还不错https://blog.csdn.net/oak160/article/details/781309713.基于Draft.js自定义富文本编辑器这篇文章带有git仓库，完全可以下载下来，然后看代码参考，功能还是很齐全的https://www.jianshu.com/p/6a01f1f71fd24.这一篇新发现的也不
2020-10-13 17:23:37
2429
原创 react hook学习记录
基础hookuseStateuseEffectuseContext额外的hookuseReduceruseCallBackuseMemouseRefuseImperativeHandle 暴露子组件方法给父组件forwardRef 主要配合useImperativeHandleuseLayoutEffect 其 API 与 useEffect 相同，是同步useDebugValuehook父子组件通信一：useStateimport React, { useState
2020-09-26 10:41:18
267
原创 webpack 一些错误解决方法
1. vue.runtime.esm.js:619 [Vue warn]: Failed to mount component: template or render function not defined.原因是 组件路径没有引入完全，比如下图，header的后面还差有 /index.vue解决：1.把路径引入完全import header from '../../components/header/index.vue';2.修改webpack的resolve （注意了，顺序也很重要
2020-09-15 19:51:58
663
转载 微信小程序 align-items: center 失效
微信小程序不能垂直居中对齐问题：想要的效果：解决方案我真的是服了这个小程序，害的我弄了半天解决方案来自下面文章：align-items:center 不起作用...
2020-05-07 14:25:27
2014
1
原创 webpack 打包配置 favicon.ico的解决方法
每个人配置的favicon.ico都有可能不同，所以只讲我觉得关键的东西关键的东西就是，你打包到服务器时，发现favicon.ico这个文件并不在目录里面原因因为webpack打包机制造成的，就是你引入使用了，它才会打包进去。按需打包。解决方案既然页面没有直接引用这个文件，所以我们就用 复制静态资源的办法把它强行复制过去npm install copy-webpack-plugin...
2019-11-29 11:50:00
5071
3
原创 package.json的dependencies和devDependencies的区别
表达能力有限，凑合着理解一下，第三条是做过实验的，真实有效devDependencies 和 dependencies如果只是本地开发，其它包不引用这个包的话，装在哪都不所谓devDependencies主要是开发时用的，dependencies主要是线上或者其它项目安装这个包，依然需要安装的比如有个自己封装的截图组件A，这个组件使用react写的，引用了一个截图库react-crop...
2019-11-13 19:59:30
218
原创 verdaccio 安装在linux服务器上
记录一下如何在Linux服务器上安装verdaccio如果你还没有在本地安装使用过verdaccio的话，建议你先看我的这篇文章verdaccio搭建npm私有源，然后再来看这篇文章环境你如果用的不是我这个环境，其实也无所谓，只要你是Linux，而且有命令行就可以直接往下看我用的是阿里云的 轻量应用服务器然后用的不是wordPress,而是重置系统，用的是BT-Panel（宝塔）...
2019-10-30 14:42:53
3817
原创 verdaccio搭建npm私有源
为什么用verdaccio搭建npm私有源了因为是企业级项目，很多组件，方法都是内部使用，所以直接发布到npm公有源不安全；以后的组件化，模块化，工程化，团队建设，都需要私有源配合；verdaccio比较简单，官方文档和文章都比较丰富，我们用的是Nexus，也不错，但是我更喜欢verdaccio，它更贴近前端一些；安装npm install -global verdaccio运行...
2019-10-09 14:46:50
1684
4
原创 nginx 服务启动不了的一些原因
emm，今天玩nginx，遇到了一些坑，先记下来端口被占 改server 下的listen文件夹有中文名字 — 文件夹前面也不能有哦注释 用的不是 #，导致错误 --这真是个大坑，习惯用 // 注释的我，好郁闷或者直接看 nginx下的 logs文件夹里的 error.log，最下面有最近的报错记录，复制，百度，emm，一般就能解决...
2019-09-29 14:29:17
3930
原创 vue的mixin的实践
官方解释：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。选项合并当组件和混入对象含有同名选项时，这些选项将以恰当的方式进行“合并”。比如，数据对象在内部会进行递归合并，并在发生冲突时以组件数据优先。同名钩子函数将合并为一个数组，因此都将被...
2019-08-09 15:25:01
792
原创 vue组件传参，调用方法的几种方式
需要源码的可以直接拉到最下面，下载主要有以下几种方式通信 1. props 2. $refs 3. $emit 4. eventBus 5. provide 和 inject 6. vuex(这个略)
2019-06-18 20:27:26
16945
5
原创 display transition 失效的替代解决办法
以下提供2种解决方案。一种不用display；一种用display不用dispaly；用 absolute+visibility+opacity用绝对定位，让页面脱离文档流，然后visibility在隐藏，opacity然后实施动画用dispaly；在 + animation// 动画@keyframes base_show { 0% {opacity: 0} 100%...
2019-06-18 10:50:44
1585
原创 css 修改 滚动条 样式
<!--修改 滚动条 下面 的 宽度-->::-webkit-scrollbar { width: 15px;}<!--修改 滚动条的 下面 的 样式-->::-webkit-scrollbar-track { background-color: red; -webkit-border-radius: 2em; -moz-border-radius:...
2019-06-06 17:37:05
21705
原创 vue多使用computed替代v-if，v-show
需求：根据性别，年龄展示，这个人是男是女，在上什么学。 用v-if和computed 对比 一下先来一个 v-if或者v-if的 展示办法<template> <div v-if="testData"> <!-- v-if 或者 v-show的展示方法 --> <template v-if="testData.gender &a...
2019-06-05 15:47:59
5242
3
原创 vue中使用qrcode生成二维码并设置样式去掉白边，并下载canvas生成的图像
可以达到的效果：1.生成二维码2.去掉qrcode的边框（建议留1px；否则浏览器识别有些困难）；3.设置样式，例如qrcode的宽度和高度装依赖npm install qrcodeview中使用<template> <canvas id="baseCanvas"></canvas></template>script中使用i...
2019-05-28 16:07:25
8852
转载 js判断 PC端还是移动端 展示不同内容
发现这个东西挺常用的//方法 _isMobile = () => { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|...
2019-05-23 18:06:47
699
原创 vue表单验证时怎么定位到错误的地方
需求今天，突然想，不引入其它ui框架，在表单提交时，定位到错误的指定位置思路找到错误的位置定位到错误的位置找到错误的位置想到这个需求时，我用的是vue，所以拿vue做了实验我目前想到的是 v-model和ref取相同的名字例如<input v-model="test" ref="test"><button @click="submit">提交&...
2019-05-22 16:59:19
6502
原创 nvm-windows管理切换多个 node.js包
前言这个是 适用 windows系统用的nvm；介绍在Windows计算机上管理切换多个 node.js包的 工具场景有时候同时要维护2个以上的项目，并且它们依赖的node版本还不一样，这时候 nvm 就可以发挥它的作用了，它可以安装并随时切换不同node版本如果你已经装过node，请卸载任何现有版本的node.js.；（如果项目都依赖此版本，请把版本号记下来，等nvm装完...
2019-04-30 16:24:34
557
原创 nrm 安装介绍
1. 介绍nrm 是一个 npm 源管理器，允许你在 npm 源间切换。2. 使用场景有时候npm 装包太慢或者国外的包，需要 淘宝镜像，需要使用 cnmp，这时可以通过nrm 切换源地址，直接使用npm装，鲜果是一样的更多的有可能是 切换自己的 私有包 源，比如公司 配置的webpack，组件，方法等等3. 安装nrm // 在命令行执行命令，全局安装nrm。 记得先装 ...
2019-04-30 15:43:03
2382
1
原创 react 使用 iframe，并传值给另一个项目
需求：编辑后台 过多且零散，想把不同项目（react，vue等）工程合在一个一个项目；因为工程量太大，所以通过iframe合在一起最方便。主要思想：通过iframe的url 带着参数 传值给 另一个项目，然后另一个项目接受参数。我们主要解决的是 账号互通。所以通过url，把参数带过去，然后通过cookie主动存储起来。主工程 传参 import React, { Compone...
2019-04-24 11:54:54
4528
6
原创 react高阶组件 事例 源码
记录一下 高阶组件 的建立（也希望能帮助看的这篇文章的人），这篇文章主要是 教你构建一个hoc的事例，更详细深入的还是需要继续看其他文章高阶组件通过包裹被传入的React组件，经过处理，最终返回(return)一个相对增强的React组件，供其他组件调用。高阶组件属性代理 (属性代理顾名思义，就是替代的意思。高阶组件替传入组件管理控制props里面一切属性，管理控制包括增，删，改...
2019-04-24 11:42:16
669
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人