- 博客(243)
- 收藏
- 关注
RSS订阅原创 Nuxt.js项目实战部署
Nuxt.js项目部署采用nuxt.js开发，一般都是为了实现SSR。让搜索引擎更好的抓取网页内容。nuxt.js官方为我们提供了两种部署的方式，一种是静态资源部署，一种是ssr形式部署。本文章总结ssr形式的部署完整流程失败的尝试在项目搭建好以后，狗尾草按很多网友说的，执行npm run build 然后将.nuxt文件和static和nuxt.config.js文件和p...
2020-06-25 20:58:00
1058
原创 js拖拽进入和离开重复触发的问题
# js实现拖拽上传带遮罩层> 需求是一个类似于拖入文件到聊天框的需求，拖入文件到聊天框时，出现遮罩层，松开树表时，上传文件，移除时，关闭遮罩层。可查看微信的拖入拖出此前以为很简单，后来发现一个令人头疼的问题是：当监听的元素嵌套了很多子元素后，当文件拖入进来后，你就会发现enter和leave会一直重复触发，而触发的原因就是每移入一个新的元素就会触发一次enter。离开...
2020-04-28 17:59:00
1427
原创 Electron截屏功能
# Electron截屏功能window下增加该功能，可以调用三方的exe文件然后通过node.js的原生模块，execFile启动该exe文件。mac下则可以通过screencapture 来调用系统的截屏功能来实现globalShortcut.register('CommandOrControl+Alt+Z', function () { if (process.p...
2020-04-21 14:23:00
2153
原创 Electron在mac下快捷键失效的问题及解决
场景：在消息发送的输入框中，使用快捷键的复制粘贴，全选，等等都会失效。解决方案如下：将如下代码放到main/index.js主进程中 if (process.platform === 'darwin') { let contents = mainWindow.webContents globalShortcut.register('CommandOrContro...
2020-04-15 16:35:00
942
原创 Electron打包mac环境问题及解决方案
Electron打包mac版本的系列问题修复主要针对Electron打包mac环境时，报的各种问题，依赖包加载失败等。建议采用的打包方式：npm install electron-builder -gnpm run pack (压缩静态资源)electron-builder -m （打包命令）electron-v1.8.2-win32-x64.zip下载失败解决方案...
2020-04-15 10:43:00
3120
原创 Electron开发运行
Electron开发运行问题修复在刚接触electron+vue的项目时，在完成拉取代码后，报了一大堆错误。经过一番百度，发现问题只有一个：electron所依赖的包在加载时，速度是非常慢的，甚至会造成拒绝连接。因此，要解决这个问题，我们需要先设置npm config set registry https://registry.npm.taobao.org/ npm confi...
2020-04-15 09:57:00
296
原创 webpack基本配置
Demo及笔记：https://github.com/18291907191/webpack# 前端构建工具Webpack的学习## 什么是webpack？> 百度词条：“Webpack 是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式，将各种静态资源视为模块，并从它生成优化过的代码。要使用Webpack 前须先安装Node.js。”...
2020-04-12 23:44:00
400
原创 textarea实现回车发送，ctrl+enter换行
html: <el-input type="textarea" autofocus="true" @keydown.native="handleKeyCode($event)" resize="none" v-model="messageTxt" ...
2020-01-07 11:32:00
3111
2
原创 Element-ui中自定义表单校验规则
先看一个场景图：给一个标签el-tag添加表单的校验，且在内容有了以后关闭校验看代码： <el-form-item class="baseinfo-tags" label="服务包标签：" prop="tags"> <el-tag class="tag" :key...
2019-11-06 14:17:00
5172
1
原创 Element-ui中为上传组件添加表单校验
vue所依赖的Element的UI库在使用其中的upload组件时，可能很大几率会遇到这个题，需要给upload组件添加表单校验大家这里直接看代码就可以 <el-form-item class="baseinfo-headimg" ref="headimgUpload" label="上传首图：" prop="headImg"> ...
2019-11-06 14:04:00
1211
原创 Vue实战狗尾草博客后台管理系统第七章
Vue实战狗尾草博客后台管理平台第七章本章内容为借助模块化来阐述Vuex的进阶使用。在复杂项目的架构中，对于数据的处理是一个非常头疼的问题。处理不当，不仅对维护增加相当的工作负担，也给开发增加巨大的压力。在大量的实战开发过程中，狗尾草总结出来的较为友好的方式是 使用一个单独的数据管理库去管理数据。这样不会给页面增加额外的负担。且API的调用也属于数据处理/获取的部分。因此...
2019-08-13 16:39:00
184
原创 Vue实战狗尾草博客管理平台第六章
Vue实现狗尾草博客后台管理系统第六章本章节内容文章列表文章详情草稿箱文章发布。本章节内容呢，开发的很是随意哈，因为多数就是element-ui的使用，熟悉的童鞋，是可以很快完成本章节的内容的。为啥文章模块会有这么多东西呢？因为狗尾草想着以后，文章如果是待发布的话就需要一个地方去存放起来，一开始删除的文章呢，也将...
2019-08-13 09:48:00
206
原创 Vue实战狗尾草博客管理平台第五章
本章主要内容如下：静态资源服务器的配置。学会如何使用静态资源服务器引入静态资源。并给大家推荐一个免费可使用的oss服务器~页面的开发由于近期做出的更改较大。就放在下一篇中。静态资源服务器 静态资源服务器一般我叫他oss服务器,我们一般都会将一些静态资源文件，比如图片或者其他的视频，音频文件，脚本文件等都可以进行存放。而我们在开发中也仅仅通过连接引入即可进行使用...
2019-07-11 22:05:00
166
原创 Vue实战狗尾草博客管理平台第四章
本章主要内容如下：填补上期的坑。iconfont仓库的关联，引入。开发登录页面填坑上期中我们功能都已正常使用。但不知道有没有小伙伴测试过error页面，当访问地址不存在时，路由是否能正常挑战error页面。其实是不能的，因为上期的路由配置中，对404，页面及通配符页面的auth没有关掉，导致，在没有登录的情况下，404页面是进...
2019-07-09 14:28:00
200
原创 Node.js实现热加载
不管是node.js原生开发，还是借助express，kora等框架开发node.js的情况下，在对代码做出更新后，都是需要重启已生效我们的文件的。本文记录一次在原生node.js开发的时候，为项目添加热加载。避免一次次手动的重启浪费精力~进入正题，我们需要借助一个node.js的开发工具nodemonnodemon官方解释如下：nodemon is a tool that hel...
2019-06-29 15:42:00
1497
原创 react.js父子组件通信
react.js父子组件通信 这里通过todolist的功能来说明父组件：import React,{ Component,Fragment } from 'react';import TodoItem from './ToDoItem';class TodoList extends Component { c...
2019-05-30 15:25:00
208
原创 React.js初探
React.js初探 React.js菜鸟官方解释：React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。...
2019-05-30 11:39:00
176
原创 Vue实战狗尾草博客后台管理系统第三章
Vue实战狗尾草博客后台管理系统第三章 Vue实现狗尾草博客后台管理系统第三章本章节，咱们开发管理系统侧边栏及面包屑功能。先上一张效果图样式呢，作者前端初审，关于设计上毫无美感可言，大家可根据自己情况设计更好看的哦~侧边栏这里我们借助element的aslide侧边栏，直接使用。在components>com...
2019-05-21 09:18:00
302
原创 Vue实战狗尾草博客管理系统第二章
Vue实战狗尾草博客管理系统第二章 伙伴们出来啦，探讨各问题，关于项目中大量的表单，大家是怎么处理的？本章主要内容如下：底层布局，路由配置，github仓库推送关联。关联GitHub仓库关联建立在github已创建账号的基础上登录自己的Github账号新建项目然后根据自己的情况添加名称...
2019-05-17 15:54:00
215
原创 Vue实战狗尾草博客管理系统第一章
Vue实战狗尾草博客管理系统第一章 Vue实战狗尾草博客后台管理系统第一章这里准备采用的技术栈为：vue全家桶+element-ui这里因为是后台管理系统，没有做SSR的必要。所以这里就采用前后端分离来昨晚这个项目~项目搭建vue init webpack gwc_manage初始化过程中...
2019-05-15 15:56:00
361
原创 element实现vue级联多选
element实现vue级联多选 已经有大神完成element的改造github：https://github.com/webCoderJ/ele-multi-cascader#Attributes已实践可用 posted @ 2019-05-06 15:43 狗尾草的博客 阅读(......
2019-05-06 15:43:00
1390
原创 Nuxt.js实践篇
Nuxt.js实践篇 nuxt.js追求完美，相信大家都是这样的。因为前后端分离的弊端性，在项目构建时，浏览器并不会捕捉到项目的内容，所以开始，笔者决定引入nuxt.js文件来配合vue完成Server Slider Render博客系统开发。服务端渲染以下简称SSR,不知道nuxt的童鞋可以去nuxt官网了解一哈。声明：一下代码案例结合v...
2019-04-19 09:15:00
685
原创 Mac下百度网盘破解
Mac下百度网盘破解 Mac版百度网盘破解先下载正版的百度网盘打开终端输入命令cd ~/Downloads && git clone https://github.com/CodeTips/BaiduNetdiskPlugin-macOS.git && ./BaiduNetdis...
2019-04-19 09:06:00
2379
1
原创 原生js实现数据的双向绑定
原生js实现数据的双向绑定 原生js实现数据的双向绑定需要了解的属性是原色js的Object.definePrototype(obj,pop,descript);obj:被构造的对象pop:被构造的对象的属性，创建对象或修改已有的对象descript:修改的熟悉的描述<!doctype html><...
2019-02-28 09:55:00
945
原创 小程序引入多个e-charts
小程序引入多个e-charts 小程序引入e-charts图表这里是狗尾草第一次发表掘金文章，日后望各位大佬多多支持~前言：运营助手，见名知意，没有图表数据的展示，看上去是有多空白。因此，俺们UI做了很好的交互，一个页面来了4个e-charts图表，且基本都不一样。身为一个职业前端，怎么能猥琐呢？干就完了~实现思路...
2019-02-26 11:59:00
241
原创 小程序api请求层封装（Loading全局配置）
小程序api请求层封装（Loading全局配置） 前言 小程序开发，没有vue中的axios那么好使，请求层的封装需要自己来搞。当然请求层的配置少不了loading，这里索性也就将loading做一个配置，避免以后重复造轮子 请求封装小程序中有封装好的请求方法:wx.request(url,method,header,success,f...
2019-02-22 23:25:00
2347
原创 Nuxt开发搭建博客系统
Nuxt开发搭建博客系统 nuxt.js第三方插件的使用？路由的配置pages目录自动生成路由layoutsdefault.vueerror.vueVuex的使用权限篇Mysqladvicenuxt.js追求完美，相信大家都是这样的。因为前后端分离的弊端性，在项目构建时，浏览器并不会捕捉到项目的内容，所以开始，笔者决定引入nux...
2019-02-19 09:47:00
1090
原创 Vue实现刷新当前路由
Vue实现刷新当前路由 Vue点击当前路由实现刷新Vue点击当前路由实现刷新思路Code实现效果前言：在后台管理系统中，有这样一个需求点击当前菜单栏时，页面依旧可以刷新。点击当前路由实现数据请求页面刷新思路点击当前菜单栏时，因为要进行跳转的路由和当前路由相同，所以router.push(当前路由)并不会执行。所以...
2019-02-19 09:36:00
913
原创 Vue拖拽组件
Vue拖拽组件 vue开发公众号项目，***产品需要添加一个新的功能。拖拽功能。一听简单。百度上轮子挺多，直接拉一个过来用着就行。然鹅。。。兴奋之余，却失望至极。东西很多，没有一个能使得。你让我失望，那我就让你绝望。于是，拖拽的故事就开始了。。vue拖拽功能组件源码vue拖拽功能必备知识点：先给不懂的童鞋补充下流程，...
2019-02-19 09:33:00
1055
原创 Linux博客系统服务器搭建
Linux博客系统服务器搭建 linux（CentOS）服务器搭建前言拿到购买的服务器信息后，会给出一个服务器的账号的密码，看你自己设置，账号一般为root。拿到后，可在阿里云官网登录进入服务器。然后就可以进行一下的流程从而完成配置。这里博主的服务器采用的CentOS。流程下载JDK到本地 https://w...
2019-02-18 10:42:00
678
原创 对后端返回的图片添加点击事件
对后端返回的图片添加点击事件 后端返回富文本内容时，我们如何对内容中的图片添加预览功能？在很多用到富文本内容的地方在接收方都会遇到这么一个问题，这里我将我的解决方法总结至此。<div v-html="content"></div>1.直接给该元素添加点击事件2.判断点击的事件源是否为图片e.tar...
2019-02-18 10:25:00
491
原创 富文本返回图片如何添加点击事件
后端返回富文本内容时，我们如何对内容中的图片添加预览功能？在很多用到富文本内容的地方在接收方都会遇到这么一个问题，这里我将我的解决方法总结至此。<div v-html="content"></div>1.直接给该元素添加点击事件2.判断点击的事件源是否为图片e.target.nodeName == 'img'3.如果是则进行事件的...
2019-02-18 10:25:00
890
原创 vue富文本编辑器
vue富文本编辑器 Vue-Quill-Editor主流富文本编辑器对比前言：vue中很多项目都需要用到富文本编辑器，在使用了ueditor和tinymce后，发现并不理想。所以果断使用vue-quill-editor来实现。wangEditor（国产，基于javascript和css开发的web富文本编辑器，开源免费）...
2018-12-17 18:04:00
3545
原创 vue.js中引入图片
vue.js中引入图片 vue中引入图片前言：vue中引入图片时，会显示不出来，除非在css中引入。而在template中或者js动态引入时，会显示不出图片。解决一图片通过后端返回引入网络图片路径即可。 <div class="banner-item" :...
2018-12-17 14:06:00
879
原创 vue图片上传组件
前言：很多项目中都需要用到图片上传功能，而其多处使用的要求，为了避免重复造轮子，让我决定花费一些时间去深入了解，最终封装了一个vue的图片上传组件。现将总结再次，希望有帮助。Layout <div class="upload-wraper"> <input type="file" id="upload_ele" multiple="false...
2018-12-15 13:17:00
4240
原创 js字符串的裁剪
一.JavaScript字符串的处理方法 1.split() 功能：使用一个指定的分隔符把一个字符串分割存储到数组 例子： str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”); //arr是一个包含字符值”jp...
2018-11-22 11:54:00
762
原创 axios请求requestBody和formData
前言在vue的后台管理开发中，应需求，需要对信息做一个校验，需要将参数传递两份过去，一份防止在body中，一份防止在formdata中，axios请求会默认将参数放在formdata中进行发送。对前端而言其实都一样，无非就是参数的格式问题。对后端而言（form data）可以用request.getParameter(接收参数名)（request payload）...
2018-11-15 17:26:00
2047
原创 PostCss
PostCSS 是使用 JS 插件来转换 CSS 的工具，支持变量，混入，未来 CSS 语法，内联图像等等。而使用PostCSS则需要与webpack或者parcel结合起来。PostCss已经被很多公司使用：谷歌，推特，阿里巴巴和 Shopify。 Autoprefixer PostCSS 插件是最流行的 CSS 处理器插件之一。PostCSS 是模块化的工具，...
2018-11-02 11:28:00
401
原创 Vue3.0代理的设置
1.在主目录下创建vue.config.js内容如下：const path = require('path');function resolve (dir) { return path.join(__dirname, dir)}module.exports = { // 区分打包环境与开发环境 // process.env.NODE_ENV===...
2018-11-01 13:04:00
326
原创 Element-ui实现loading的局部刷新
后台管理系统loading的局部刷新 在一次vue+element-ui后台管理系统的项目中，遇到这样一个问题，引入element-ui加载框后，loading会占满整个屏幕，虽然通过改变路由实现了局部刷新，但是loading的全屏刷新，让人看上去很是不爽，以为是全局刷新。再一个问题就是，一个页面中可能含有的多个请求...
2018-10-29 11:58:00
5903
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人