![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
_let
要么孤独,要么庸俗
展开
-
通过 git 实现微前端公共资源共享方案(subtree)
通过 git 实现微前端公共资源共享方案(subtree)公共资源工程机构: |-----------web-portal | |------src | |------library |-----------web-sub1 | |------src | |------library |-----------web-sub2原创 2021-04-02 10:26:50 · 744 阅读 · 0 评论 -
使用 Element 上传组件读取文件
需求:支持 .txt 和 .sql 后缀文件内容的读取,最大 2MB。显示已读取文件名称、读取进度和读取成功状态。读取按钮重复点击时,已读取文件列表中的文件被新的文件替换。原创 2020-05-06 15:52:14 · 3520 阅读 · 0 评论 -
vue 中 loading 状态与值为空 filter
vue 中 loading 状态与值为空 filter/** * 值为 loading 状态时,显示 ‘-’ * * @param {*} value - 值 * @param {boolean} isLoading - 是否为 loading 状态 * @param {string} [loadingText='-'] * @returns */export...原创 2020-01-09 16:50:15 · 608 阅读 · 0 评论 -
axios 拦截器与取消 pending 状态请求
axios 拦截器与取消 pending 状态请求/** * axios 拦截器配置 */import axios from 'axios'import { Notification } from 'element-ui'import router from '../router/index.js'// 跳转到登录页面const gotoLoginPage = function...原创 2020-01-09 16:14:20 · 6015 阅读 · 0 评论 -
CKeditor 编辑器使用记录 (CKeditor 4 and 5 )
文章目录CKeditor 编辑器CKeditor 4 使用自定义构建CKeditor 5 使用CDN 使用npm 使用自定义图片上传自定义图片上传(七牛云)自定义构建基本操作还原编辑器样式CKeditor 编辑器CKeditor 是一款可定制的适合开发人员使用的富文本编辑器编辑器官网CKeditor 4 使用官网自定义构建构建页面常用插件Code tagEasy ImageF...原创 2018-12-19 15:46:47 · 7061 阅读 · 1 评论 -
VUE 根据需要动态加载单文件组件
根据需要动态加载组件核心方法 // 动态添加需要的版式 registerComponent(templateName) { return import(`../component/plate/mainBoard/${templateName}.vue`).then(component => { const constructor = Vue.ex...原创 2018-12-19 15:25:10 · 5885 阅读 · 3 评论 -
git 与 github 小计
总是记不到,简单做个记录~git 准备git下载地址:https://git-scm.com/downloads配置 user git config --global user.name "let" git config --global user.email "3192687026@qq.com"连接 github生成 ssh key首先检查是否已生成密钥 cd ~/.ss...原创 2018-11-22 16:21:52 · 204 阅读 · 0 评论 -
关于前端直播(videoJS与百度云web播放器:Cyberplayer3.0试用)
videoJSvideoJs 文档 https://docs.videojs.com/docs/实现PC/移动端适应直播,暂停播放出现广告(哎,万恶的广告)打开方式下载此demo,浏览器打开 index.html记录初始化直接在标签里面加上 class="video-js" 和 data-setup='{}' 属性。通过JS初始化// 初始化播放器var myPlayer =...原创 2018-11-22 16:09:25 · 12320 阅读 · 2 评论 -
前端解决 API 跨域的几种方式
文章目录使用 webpack 配置代理使用 http-server 模块进行代理使用 nodejs 的 node-http-proxy 模块来处理使用 nginx 配置使用 webpack 配置代理webpack 对于前端来说是个强大的工具, 除了能够帮助你打包和启动调试服务器外, 代理的功能也值得你了解下中文文档地址 webpack 印记中国最简单的配置module.exports =...原创 2018-11-16 17:18:31 · 4210 阅读 · 0 评论 -
在项目中引入本地自己创建的包(在模块化项目中使用 jtopo)
引入本地自己创建的包昨天有位群友问我怎么在项目中通过 npm install 命令安装 jtopo?据我所知,jtopo 并没有提供 npm 包可下载,于是就有了这个记录~~~记录一个完整的过程:从零开始写一个简单的包,然后在项目中引用。创建一个简单的包首先,新建一个文件夹 npm-demo,在文件夹中新建文件 index.js,并写入下面内容:;(function (global, f...原创 2019-01-10 16:15:46 · 4127 阅读 · 1 评论 -
npm 学习笔记
文章目录NPMNPM 是什么?如何安装 NPM 并管理 NPM 版本从 Node.js 网站安装 NPM更新 NPM使用版本管理器安装 Node.js 和 NPM如何安装 npm 包在本地下载和安装包通过命令行安装使用使用 package.json要求(Requirements)创建 package.json运行 CLI 问卷创建一个默认的 package.json 文件指定依赖项全局下载和安装包...原创 2019-01-11 11:16:25 · 775 阅读 · 1 评论 -
classList.js
classList.js 是一个对 JavaScript 中的 element.classList 的一个跨浏览器的实现。如果对 element.classList 还不熟悉的可以参考MDN上的文档。classList.js适用于IE 7或更早版本以外的所有浏览器。CDN 使用:https://cdnjs.cloudflare.com/ajax/libs/classlist/1.2...原创 2019-01-07 13:50:54 · 1138 阅读 · 5 评论 -
动手学习 webpack4
文章目录learn webpack4安装前提条件基本安装使用下一代 ECMAScript使用转换插件使用 @babel/polyfill资源管理加载 CSS使用 style-loader 和 css-loader使用 CSS Module使用 PostCSS加载图片使用 file-loader使用 url-loader 和 image-webpack-loader加载字体加载 Iconfont加...原创 2019-01-22 17:17:42 · 365 阅读 · 0 评论 -
MV* 模式梳理与理解(还原真实的 MV* 模式)
还原真实的 MV* 模式作者:戴嘉华原文链接目录:前言MVCMVC Model 2前后端的 MVCMVPPassive ViewSupervising ControllerMVVM结语References前言做客户端开发、前端开发对 MVC、MVP、MVVM 这些名词不了解也应该大致听过,都是为了解决图形界面应用程序复杂性管理问题而产生的应用架构模式。网上很...转载 2019-02-28 15:01:50 · 952 阅读 · 0 评论 -
JavaScript 原型链探索
JavaScript 原型链探索很早就知道了 JavaScript 的原型与原型链,但是关于原型链之间的关系却一直没有仔细思考,趁着有空探索一番。对象的原型每个对象都有一个隐藏的属性——__proto__(隐式原型),这个属性引用了创建这个对象的函数的 prototype。var obj = {a: 10};console.log(obj.prototype); ...原创 2019-03-12 14:42:34 · 181 阅读 · 0 评论 -
mac 下 vs code 配置 SonarLint
mac 下 vs code 配置 SonarLintSonarLint 与 SonarQube 区别:SonarLint 仅存在于 IDE(IntelliJ,Eclipse 和 Visual Studio)中。 其目的是在您键入代码时提供即时反馈。 为此,它专注于您要添加或更新的代码。SonarQube 是一个处理完整分析的中央服务器(由各种 SonarQube 扫描仪触发)。 其目...原创 2019-05-29 17:21:57 · 1607 阅读 · 0 评论 -
UI 组件二次封装之 props 传递与 v-model 实现
UI 组件二次封装之 props 传递与 v-model 实现我们知道在组件的二次封装的时候,有三点是必须做到的:原组件的 props 继承、事件传值的回掉函数、v-model 双向绑定。本文以 elemnetUI 为例,记录原组件的 props 继承以及 v-model 双向绑定相关的解决方案。一、props 继承以 el-select 为例,我们知道它的 change 事件只能获取选项...原创 2019-06-14 10:09:59 · 6956 阅读 · 2 评论 -
Nginx 反向代理 API 与 Nginx 教程
安装下载地址:http://nginx.org/en/download.html下载解压到 D:nginx/CMD运行命令:D:cd nginxstart nginxNginx基础命令查看nginx的版本号:nginx -v验证配置是否正确: nginx -t启动命令:start nginx快速停止命令:nginx -s stop正常停止命令:nginx -s quit...原创 2018-11-01 10:06:29 · 12633 阅读 · 0 评论 -
使用webstorm找出指定文件夹内所有文件中包含的中文字符(webstorm利用正则查找内容)
首先在需要的目录右键,选择 Find in Path 如图填写正则(说明不仅仅可以查找中文这么简单哦!),勾选 Regular expression,查看目录是否正确,最后单击 Find 进行查找 结果 ...原创 2018-04-27 16:04:12 · 8282 阅读 · 0 评论 -
console.time()与coneole.timeEnd()打印一段代码的运行时间
有时候我们想知道某段代码或程序运行的时间,这时就可以用这个方法: // 打印一段代码的运行时间 console.time("getImg"); var myImg = new Image(); myImg.src = "imgURL/imageName.png"; coneole.timeEnd("getImg"); // 此打印方法是成对使用的,以相同原创 2017-11-28 13:55:09 · 5087 阅读 · 0 评论 -
layer.confirm快速双击会连续触发事件问题
layer.confirm原创 2017-11-21 10:15:05 · 4153 阅读 · 0 评论 -
js绘制sin曲线(波浪线)
js sin 波浪线转载 2017-11-21 14:22:49 · 7653 阅读 · 2 评论 -
旋转的华尔兹(转载)
本文转自:http://blog.csdn.net/pandora_madara/article/details/38860497 <!DOCTYPE html><html><head> <style type="text/css"> * { margin: 0px; } canvas { d转载 2017-11-21 14:38:47 · 186 阅读 · 0 评论 -
北极的夜空(转载)
本文转自:http://blog.csdn.net/pandora_madara/article/details/38128823<!DOCTYPE html><html><head> <style type="text/css"> body { width: 100%; height: 100% } </style> <script type="text转载 2017-11-21 14:42:10 · 311 阅读 · 0 评论 -
张鑫旭大神的实例(鼠标hover按钮无中生有播放声音demo)
HTML代码:<button id="button">经过我</button>JS代码:window.AudioContext = window.AudioContext || window.webkitAudioContext;(function () { if (!window.AudioContext) { alert('当前浏览器不支持Web Audio A转载 2017-11-22 16:11:47 · 1671 阅读 · 0 评论 -
javaScript 基本语法
基本语法 来自《JavaScript 标准参考教程(alpha)》,by 阮一峰目录语句变量概念变量提升标识符注释区块条件语句if 结构if…else结构switch结构三元运算符 ?:循环语句while循环for循环do…while循环break语句和continue语句标签(label)参考链接语句JavaScript程序的执行单位为行(line),也就是一行一行地执行。一般情况下,每一行就是转载 2017-12-08 11:50:01 · 232 阅读 · 0 评论 -
js验证是否包含特殊字符
特殊字符可根据需要增加删除: var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>《》/?~!@#¥……&*()——|{}【】‘;:”“'。,、?]"); if(pattern.test(_value)){ layer.msg("特殊字符", {icon...原创 2017-12-05 17:17:24 · 13964 阅读 · 2 评论 -
雨落青衫湿(转载)
本文转载自:http://blog.csdn.net/pandora_madara/article/details/38091625<html><head> <script type="text/javascript"> function rain() { var canvas = document.getElementById( "sky" );转载 2017-11-21 14:56:23 · 299 阅读 · 0 评论 -
前端上传组件Plupload
Plupload原创 2017-11-10 16:35:49 · 473 阅读 · 0 评论 -
通过转成Blob文件下载base64图片(兼容IE)
// ------------------------ base64 转 Blob ,并装到数组中 --------------------------------------------- var imgInfo, // 图片信息 downloadImgArr=[]; // 装所有图片信息的数组原创 2017-11-25 16:26:48 · 4706 阅读 · 0 评论 -
base64与Blob互转以及Blob下载
当下载canvas生成的base64图片,当图片过大时会失败。这是我们可以把base64图片转成Blob二进制文件再下载~ //**dataURL to blob** function dataURLtoBlob(dataurl) { var arr = dataurl.s原创 2017-11-24 15:05:53 · 5996 阅读 · 0 评论 -
HTML5 的定位api geolocation
HTML5的出现会使得手机中的原生态APP减少。HTML5的出现大大节省了人们的开发成本。因为它通吃PC、Mac、iPhone、iPad、Android、Windows Phone等跨语言平台。程序员们再也不必为不同款的手机做不同的APP了。HTML5的出现使得手机里可以不用再有Flash了。因为HTML5就有这种魔力使得我们观看多媒体时不必安装Flash等第三方插件。由于第三方插件的减少,手机内存转载 2017-12-05 11:56:40 · 349 阅读 · 0 评论 -
拿什么拯救你,因硬盘故障丢失的数据!(内附恢复神器)
<main> <article> <h1 class="csdn_top">超级实用且不花哨的js代码大全</h1> <div class="article_bar clearfix"> <div class="artical_tag"> <span class="original">转载 2017-12-06 17:35:53 · 616 阅读 · 0 评论 -
vuex
什么是Vuex? vuex是一个专门为vue.js设计的集中式状态管理架构。状态?我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。引入Vuex(前提是已经用Vue脚手架工具构建好项目)利用npm包管理工具,进行安装 vuex。npm install vuex --save新建一个store文件夹(这个不是...原创 2017-08-15 10:53:15 · 525 阅读 · 0 评论