54浏览

0评论

vue中当图片地址无效的时候,显示默认图片的方法

web项目中经常需要展示图片，很可能就会碰到图片地址无效的情况，比如图片地址不对，或者后台拿到图片地址后，该地址无效，或者数据库中没有该图片等情况。这时候，图片就会显示一个叉...

• 2020-05-27

73浏览

0评论

vue webpack开发访问后台接口全局配置的方法

在实际开发中，使用vue 后就是前后端分离开发了，这时候我们就需要访问后台的接口来拿到数据，需要URL,name,password来获取到token才能正常使用接口，下面就来配置。1、找到config...

• 2020-05-27

57浏览

0评论

解决vue动态为数据添加新属性遇到的问题

vue为数据添加属性时遇到的坑，通过self.book[i].[‘cur']=false;动态为数据添加属性时，数据变化了，但是视图没有发生更新。具体原因不明白。。。。解决方法：通过set来添加属性th...

• 2020-05-27

80浏览

0评论

json前后端数据交互相关代码

一、介绍
官方JSON介绍 WIKI百科。 JavaScript object notation（记号法）。JSON： JSON数据具有2种形式，一种是无序的key-value对的集合（对象），另一种是有序的值的集合（数组）。{string...

• 2020-05-27

78浏览

0评论

详解webpack打包nodejs项目(前端代码)

随着前端体积越来越大，功能越来越丰富，这时候就需要将前端工程化，而webpack就是用于将前端各种文件打包起来。一个简单的webpack应该包含以下几个概念
入口起点 输出 配置...

• 2020-05-27

49浏览

0评论

Vue axios设置访问基础路径方法

看过axios的官方文档后配置变得简单：在main.js 做如下配置：import axios from 'axios'axios.defaults.baseURL = 'http://10.202.42.24:8080/sf-cloud-web'Vue.prototype.axio...

• 2020-05-27

90浏览

0评论

基于Nodejs的Tcp封包和解包的理解

我们知道，TCP是面向连接流传输的，其采用Nagle算法，在缓冲区对上层数据进行了处理。避免触发自动分片机制和网络上大量小数据包的同时也造成了粘包（小包合并）和半包（大包拆分）问题，导...

• 2020-05-27

75浏览

0评论

vue中的计算属性实例详解

什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split(''...

• 2020-05-27

81浏览

0评论

vue添加axios,并且指定baseurl的方法

本文主要介绍如何在vue项目中引入axios，并且在使用的时候指定baseurl。好，下面上货。1、首先需要的是一个vue项目，这个可以参考以前的文章。2、然后是npm install axios --save...

• 2020-05-27

77浏览

0评论

Vue.js更改调试地址端口号的实例

Vue项目一般使用自带的脚手架工具vue-cli和webpack打包方式进行项目构建运行。开发中，我们在控制台输入命令行npm run dev部署项目后，默认开启的页面调试地址是8080端口。但是...

• 2020-05-27

45浏览

0评论

三种Webpack打包方式(小结)

准备工作mkdir webpack_demo && cd webpack_demo #新建文件夹npm init #创建package.json文件npm install --save-dev webpack #安装依赖（非全局安装）mkdir app && mkdir pu...

• 2020-05-27

90浏览

0评论

解决vue热替换失效的根本原因

新手刚开始使用vue时，常会遇见一个坑，那就是热替换失效。什么？你跟我说使用官方的vue-cli去构建，我就是使用vue-cli后突然失效。什么？你跟我说重新npm run dev一下，好嘛，已经run了N...

• 2020-05-27

112浏览

0评论

记一次webapck4 配置文件无效的解决历程

webpack@4.x的变化
先来说下webpack4和之前版本里一些主要的变化：1、webpack不再支持node v4，这是因为新的webpack和附属插件使用了es6的语法，v4版本对es6不是很到位，所以，就不伺...

• 2020-05-27

68浏览

0评论

解决vuecli3.0热更新失效的问题

webpack的热更新可以说极大地提高了前端的开发效率，以下就是本人遇到的针对vuecli热更新失效的解决方法：1、检查控制台，编译的时候是否有警告，警告很可能导致热更新的失效2、vue...

• 2020-05-27

56浏览

0评论

vue-cli项目修改文件热重载失效的解决方法

遇到一个很奇怪的问题，就是之前vue-cli创建的项目，在起初修改文件可以热重载，但是后面突然间就无法无刷新浏览器更新了，一只以为是热重载出问题了，折腾了半天也没纠结出什么结论，...

• 2020-05-27

47浏览

0评论

Vue瀑布流插件的使用示例

我自己写的一个的Vue瀑布流插件，列数自适应，不用设置每个卡片的高度。测试页面：Page.vue
模板页面：WaterFollow.vue 和 WFColumn.vue在Page.vue中，修改itemW的值，设置每列的最小宽...

• 2020-05-27

54浏览

0评论

vue生命周期和react生命周期对比【推荐】

个人认为，react和vue的业务逻辑是差不多，vue在react上封装了更简洁的方法，使用起来更加的便捷，如：提供了便捷的指令（v-for,v-if,v-model），还提供了更多的属性（computed,watch），我还是比...

• 2020-05-27

55浏览

0评论

老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)

众所周知，CSS样式有三种类型：行内样式、内部样式和外部样式，JavaScript获取CSS样式时分为两种情况：行内样式获取法 和 非行内样式获取法 。一、行内样式获取相对简单，通过element...

• 2020-05-27

59浏览

0评论

node.js环境搭建图文详解

身为一名Java开发者对前端充满无限的好奇，于是开始踏入前端的领地。要想先学习，搭建环境是必备，所以整理一篇node.js环境搭建教程。Node.js 是一个让 JavaScript 运行在服务端...

• 2020-05-27

71浏览

0评论

vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法

在store.js里面添加如下的代码就可以了：// 热重载if (module.hot) { // 指定要监控的文件 module.hot.accept(['./mutations'], () => { const mutations = require('./mutat...

• 2020-05-27

50浏览

0评论

5分钟快速掌握JS中var、let和const的异同

前言首先，一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解...

• 2020-05-27

49浏览

0评论

vue中如何实现后台管理系统的权限控制的方法示例

一、前言在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细： 接口访问的权限控制 页面的权限控制 菜...

• 2020-05-27

45浏览

0评论

自己动手封装一个React Native多级联动

背景肯定是最近有一个项目，需要一个二级联动功能了！
本来想封装完整之后，放在github上面赚星星，但发现市面上已经有比较成熟的了，为什么我在开发之前没去搜索一下（项目很赶进度），泪...

• 2020-05-27

52浏览

0评论

webpack+vue+express(hot)热启动调试简单配置方法

前言最近搞vue+webpack，vue的api还是比较容易懂的，每次build很复杂，这里就介绍下热启动调试吧，心累~~~ITDogFire –sky工具及目录所用的到的简单工具 webstorm +vue +webpack +e...

• 2020-05-27

34浏览

0评论

vue.extend与vue.component的区别和联系

如果大家只顾开发，对基础知识不了解，在今后的解决问题过程中，也是个大问题，今天小编抽空对基础概念给大家屡一下，用于大家日后学习。Vue.extend({})简述：使用vue.extend返回一个子...

• 2020-05-27

62浏览

0评论

vue-cli 3.0 自定义vue.config.js文件,多页构建的方法

使用自己基于vue-cli 2.X改造的前端多页脚手架有近1年多时间了，一直没机会升级3.0版本开始零零碎碎开始写一些功能，顺便分享一下const path = require('path')const glob = re...

• 2020-05-27

40浏览

0评论

vue-cli 3.x 配置Axios(proxyTable)跨域代理方法

vue-cli 3.x 的beta版本，基于iview做的公司的角色权限管理平台。 3.x 版本对整个项目的构建都有很大的改动，没有原先的config文件夹，没有dev.env.js和prod.dev.js，看了教程，要自...

• 2020-05-27

310浏览

0评论

vue新vue-cli3环境配置和模拟json数据的实例

最近在研究学习vue，发现环境配置特麻烦，就是跟着文档步骤一步一步来，也会遇到各种想不到的坑，vue-cli3的配置比老的简洁了很多，与以往的配置也有所不同：1、安装步骤以前是npm inst...

• 2020-05-27

57浏览

0评论

jQuery使用each遍历循环的方法

1、选择器+遍历
$('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象});
2、选择器+遍历
$('div').each(function (index,domEle){ index就是索引...

• 2020-05-27

52浏览

0评论

浅谈React之状态(State)

在React当中，当你更新组件的state，然后新的state就会重新渲染到页面中。在这个时候不需要你操作任何DOM。你也可以认为组件在React当中是一个状态机（State Machines）。当用户进...

• 2020-05-27

53浏览

0评论

vue-cli 3.x 修改dist路径的方法

一些牢骚前端的世界真的太奇妙，更新速度真的跟火箭一样。没有一颗真正热爱它的心，真的很难继续走下去。前段时间 Node 之父 Ryan Dahl 发布新的开源项目 deno，受到了大量的关注...

• 2020-05-27

58浏览

0评论

Vue前后端不同端口的实现方法

前端Vue 8080端口，后端Node.js 8085端口 主要记录下前后端不同端口遇到的问题1、写服务器端程序，我的在(node_proxy/index.js)下app.all('*', function (req, res, next) { re...

• 2020-05-27

70浏览

0评论

vue 优化CDN加速的方法示例

代码敲完，项目上线，然后就要与优化相遇。

项目有抢购的性质content download 时间非常的长加载慢的很，至此开始前端优化之旅项目根目录运行npm install webpack-bundle-analyz...

• 2020-05-27

51浏览

0评论

vue 本地环境跨域请求proxyTable的方法

主要在config->index.js中配置 proxyTable: { ‘/gameapi': { changeOrigin: true, // target: ‘http://rap.id.cn/mockjs/20‘, mock地址 target: ‘http://192.168.1.124...

• 2020-05-27

67浏览

0评论

Node批量爬取头条视频并保存方法

简介
一般批量爬取视频或者图片的套路是，使用爬虫获得文件链接集合，然后通过 writeFile 等方法逐个保存文件。然而，头条的视频，在需要爬取的 html 文件（服务端渲染输出）中，无法捕捉...

• 2020-05-27

62浏览

0评论

vue-cli项目代理proxyTable配置exclude的方法

问题描述如果是前后端分离的项目，本地开发环境需要访问mock，或者在调试时直接访问线上的接口，这时候就会有接口跨域的问题（mock不存在跨域问题，但是用这个方法配置起来方便，姑且算...

• 2020-05-27

60浏览

0评论

浅谈React Event实现原理

React 元素的事件处理和 DOM元素的很相似。但是有一点语法上的不同: React事件绑定属性的命名采用驼峰式写法，而不是小写。 如果采用 JSX 的语法你需要传入一个函数作为事...

• 2020-05-27

35浏览

0评论

vue.js中proxyTable 转发请求的实现方法

找到config/index.js 配置文件 proxyTable: { '/api': { target: 'http://your_website', changeOrigin: true, pathRewrite: { //需要rewrite重写的, 如果在服务器端...

• 2020-05-27

171浏览

0评论

CSS3 动画卡顿性能优化的完美解决方案

为什么会卡顿？有一个前提必须要提，前端开发者们都知道，浏览器是单线程运行的。但是我们要明确以下几个概念：单线程，主线程和合成线程。
虽然说浏览器执行js是单线程执行（注意，是执...

• 2020-05-27

47浏览

0评论

用vue-cli开发vue时的代理设置方法

如下所示： '/goods': { target: 'http://localhost:3000' }, '/goods/*': { target: 'http://localhost:3000' },/goods/*是表示匹配到/goods/后面任何路由，都会代理到端...

• 2020-05-27

61浏览

0评论

Vue常见面试题整理【值得收藏】

看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就...

• 2020-05-27

52浏览

0评论

vue项目中跳转到外部链接的实例讲解

当我们在文件中，如果是vue页面中的内部跳转，可以用this.$router.push()实现，但是如果我们还用这种方法跳到外部链接，就会报错，我们一看链接的路径，原来是我们的外部链接前面加上了...

• 2020-05-27

46浏览

0评论

Vue框架里使用Swiper的方法示例

下载swiper
首先使用npm 或者cnpm下载swiper
cnpm install swiper引入swiper
import Swiper from ‘swiper'; import ‘swiper/dist/css/swiper.min.css';使用swiper
<div...

• 2020-05-27

66浏览

0评论

详解swiper在vue中的应用(以3.0为例）

一、使用方法
官网地址
参考此文章（点击我）
二、常见情况图片需要动态获取时
待数据加载成功且渲染完毕后，进行节点初始化。例：axios.post(‘接口地址', 参数).then(response...

• 2020-05-27

54浏览

0评论

小程序scroll-view组件实现滚动的示例代码

前言：这章我们使用小程序的 scroll-view组件 实现横向滚动和竖向滚动。GitHub： https://github.com/Ewall1106/miniProgramDemo1、竖向滚动首先从简单的来，竖向滚动很简单，只用...

• 2020-05-27

39浏览

0评论

js计算两个日期间的天数月的实例代码

计算结果为几个月零几天
<html> <head> <title>计算天数月</title> <meta charset="GBK"> <script type="text/javascript"> function dateU(date1,date2){//date2-date1...

• 2020-05-27

44浏览

0评论

vue项目打包部署_nginx代理访问方法详解

我又来了，今天部署了下vue项目，使用nginx做了代理，这样可以解决跨域的问题，这里做一个简单讲解。1、先看vue项目打包（我这里使用的是vscode开发工具）这里是我的项目结构：打包之前需...

• 2020-05-27

55浏览

0评论

Vuex 快速入门(简单易懂)

一、vuex介绍 （1）vuex是什么？1. 借鉴 了Flux、Redux、 The Elm Architecture2. 专为 Vue.js 设计 的状态管理模式3. 集中式存储和管理应用程序中所有组件的状态4. Vuex 也集成...

• 2020-05-27

38浏览

0评论

jQuery 点击获取验证码按钮及倒计时功能

1.具体思路 点击获取验证码按钮 —> 调用获取验证码接口（忽略）—>获取验证码按钮切换到不可点击状态，按钮背景色呈灰色，按钮文字呈现为“倒计时秒数+后可重新获取”—>...

• 2020-05-27

53浏览

0评论

解决Vue-cli npm run build生产环境打包,本地不能打开的问题

问题：Tip: built files are meant to be served over an HTTP server.Opening index.html over file:// won't work.解释：npm run dev是开发环境, npm run build是生产环境,...

• 2020-05-27