100浏览

0评论

vue 优化CDN加速的方法示例

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

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

• 2020-05-27

83浏览

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

105浏览

0评论

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

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

• 2020-05-27

95浏览

0评论

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

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

• 2020-05-27

84浏览

0评论

浅谈React Event实现原理

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

• 2020-05-27

58浏览

0评论

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

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

• 2020-05-27

208浏览

0评论

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

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

• 2020-05-27

74浏览

0评论

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

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

• 2020-05-27

81浏览

0评论

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

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

• 2020-05-27

82浏览

0评论

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

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

• 2020-05-27

81浏览

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

100浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

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

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

• 2020-05-27

57浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

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

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

• 2020-05-27

82浏览

0评论

Vuex 快速入门(简单易懂)

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

• 2020-05-27

55浏览

0评论

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

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

• 2020-05-27

72浏览

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

54浏览

0评论

jQuery easyui datagird编辑行删除行功能的实现代码

神马是easyuijQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascr...

• 2020-05-27

80浏览

0评论

微信小程序使用gitee进行版本管理

摘要：小程序协助开发挺重要的，但是开发工具到现在开始才支持版本管理，也是良心功能啊。马上试试连上gitee，团体开发更方便。准备：安装git、安装最新的微信小程序开发助手、注册gi...

• 2020-05-27

95浏览

0评论

vue3.0 CLI - 3.2 路由的初级使用教程

我的 github 地址 -vue3.0Study - 阶段学习成果都会建立分支。==========================动态路由在路由某部分里加入[ : ]，就成为动态路由如：/user/:id/，那么路由导航，并不是...

• 2020-05-27

72浏览

0评论

微信小程序onLaunch异步,首页onLoad先执行?

本来按照事件顺序，小程序初始化时触发App里的onLaunch，后面再执行页面Page里的onLoad，但是在onLaunch里请求获取是否有权限，等待返回值的时候Page里的onLoad事件就已经执行了。/...

• 2020-05-27

93浏览

0评论

解决vue脚手架项目打包后路由视图不显示的问题

脚手架vue-cli 搭建的项目，build后放于服务器上，发现其他资源全部变成静态加载成功，但路由视图为空，最初以为是webpack打包的问题，找了好久发现是路由配置问题。解决办法如下：Vue....

• 2020-05-27

85浏览

0评论

vue项目中,main.js,App.vue,index.html的调用方法

如下所示：1、main.js是我们的入口文件，主要作用是初始化vue实例，并引入所需要的插件2、App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路...

• 2020-05-27

83浏览

0评论

vue-cli项目无法用本机IP访问的解决方法

所遇问题启动vue-cli项目服务，用本机IP无法访问此网站，拒绝了我们的链接请求。从而无法从手机上预览效果原因分析在我们的bulid目录下有一个webpack.dev.config.js的配置文件，...

• 2020-05-27

132浏览

0评论

vue中接口域名配置为全局变量的实现方法

src中新建 一个 domain.js文件// 配置全局接口域名const domain = 'http://bowensi.xiaoniren.cn/';export default { testUrl:domain}main.js中import domain from './doma...

• 2020-05-27

67浏览

0评论

Vuejs+vue-router打包+Nginx配置的实例

其实这个网上已经有了很多人写了，为什么我还要再写这一篇博客？因为我亲身把他们生产的坑给踩了个通透（摊手。正文开始本次的项目是基于vue-cli生成的项目，采用的vue-router的his...

• 2020-05-27

61浏览

0评论

微信小程序scroll-view横向滑动嵌套for循环的示例代码

1、布局及样式等
（1）xml布局<view class="container"> <scroll-view scroll-x="true"> <view class="item-content" wx:for="{{list}}" wx:for-item="item"> <view c...

• 2020-05-27

73浏览

0评论

jQuery pjax 应用简单示例

ajax缺点是破坏了浏览器的前进后退，因为ajax的请求不会留在历史记录中。pjax就不一样了，pjax被解释成ajax+pushState的封装，因为它把ajax的请求写入历史记录，并反映在地址栏，这样...

• 2020-05-27

79浏览

0评论

vue-cli 打包使用history模式的后端配置实例

apache的配置这是windows下的在httpd-vhosts.conf文件中把目录指向项目index.html文件所在的位置# Virtual Hosts#<VirtualHost *:80>ServerName localhostDocumentRoot D:/...

• 2020-05-27

80浏览

0评论

关于单文件组件.vue的使用

vuejs 自定义了一种.vue文件，可以把html, css, js 写到一个文件中，从而实现了对一个组件的封装， 一个.vue 文件就是一个单独的组件。由于.vue文件是自定义的，浏览器不认识，所以需...

• 2020-05-27

105浏览

0评论

vuejs router history 配置到iis的方法

先用web平台安装程序安装url rewrite然后新建web.config在网站根目录下写如下：<&#63;xml version="1.0" encoding="UTF-8"&#63;><configuration> <system.webServer> <rewri...

• 2020-05-27

80浏览

0评论

vue实现同一个页面可以有多个router-view的方法

使用Vue+Element搭建项目的时候，为了避免一个页面过大，将tab里面的内容分成多个页面，并使用同级视图展示<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-...

• 2020-05-27

64浏览

0评论

vue2 设置router-view默认路径的实例

在学习vue的时候，遇到很多问题，这里做一些总结，持续更新。今天说一个问题，就是在学习vue的时候，从之前的1.0版本升级到2.x的时候，遇到的问题。一个简单的设置默认路由。在vue的官...

• 2020-05-27

90浏览

0评论

JavaScript 高性能数组去重的方法

中午和同事吃饭，席间讨论到数组去重这一问题我立刻就分享了我常用的一个去重方法，随即被老大指出这个方法效率不高回家后我自己测试了一下，发现那个方法确实很慢于是就有了这一...

• 2020-05-27

68浏览

0评论

jQuery序列化form表单数据为JSON对象的实现方法

jquery提供的serialize方法能够实现。$("#searchForm").serialize();但是，观察输出的信息，发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。serialize...

• 2020-05-27

99浏览

0评论

Puppeteer环境搭建的详细步骤

简介
Puppeteer是Google开发并开源的一款工具，可用代码驱动浏览器操作。由于诸多优秀的特性，Puppeteer常被用在爬虫与自动化测试上。详细介绍参见官方 README 。Puppeteer本身...

• 2020-05-27

104浏览

0评论

vue 2.8.2版本配置刚进入时候的默认页面方法

vue --version查看版本 是 2.8.2；vue 2.8.2版本配置刚进入时候的默认页面比如这里面的goods页面；1.在路由文件下里面的index.js文件 添加 { path: '/', redirect: '/goods/goo...

• 2020-05-27

101浏览

0评论

详解vue 数组和对象渲染问题

最近项目有点忙碌，遇到好多问题都没有总结(╥﹏╥)，在开发过程中，取vuex中的数组渲染完成之后，再次修改数组的值，数据更新了，但是视图并没有更新。以为是数组更新的问题，后来又以为是...

• 2020-05-27

59浏览

0评论

详解Vue中数组和对象更改后视图不刷新的问题

Vue数据响应原理官方的解释很清晰：当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转...

• 2020-05-27

87浏览

0评论

默认浏览器设置及vue自动打开页面的方法

以下为windows 系统操作，仅供参考。一、修改默认浏览器个人偏好谷歌浏览器，设置谷歌浏览器为默认浏览器。1、首先打开“开始菜单”，点击“控制面板”；2、在“控制面板”里面找到...

• 2020-05-27

72浏览

0评论

详解Vue改变数组中对象的属性不重新渲染View的解决方案

在解决问题之前，我们先来了解下 vue响应性原理： Vue最显著的一个功能是响应系统-- 模型只是一个普通对象，修改对象则会更新视图。
受到javascript的限制，Vue不能检测到对象属性...

• 2020-05-27

90浏览

0评论

vue单页面应用打开新窗口显示跳转页面的实例

一般单页面应用，例如vue都是通过vue-router来做跳转，不会像多页应用一样另起新页面显示，但是也不排除一些业务上的需要。一般情况下单页面应用的路由跳转我们都是通过简单的一...

• 2020-05-27

72浏览

0评论

vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解

vue中，我们所要实现的一个场景就是：1.搜索页面==>到搜索结果页时，搜索结果页面要重新获取数据，2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时，要保存上次已经加载的数...

• 2020-05-27

71浏览

0评论

基于vue中keep-alive缓存问题的解决方法

vue开发的时候，我们经常会有这样的需求：开发一个详细页面来展示商品的详细信息，根据列表页传入的id进行请求，拿到对应的数据进行渲染。但是一般在路由上都会加上keep-alive保持...

• 2020-05-27

81浏览

0评论

使用ng-packagr打包Angular的方法示例

写在前面为了让 Angular 类库应用范围更自由，Angular 提出一套打包格式建议名曰：Angular Package Format，包括 FESM2015、FESM5、UMD、ESM2015、ESM5、ES2015 格式，不同格式可以...

• 2020-05-27

65浏览

0评论

vue2使用keep-alive缓存多层列表页的方法

vue关于列表页和详情页的展现比较让人头疼，在列表页面点击进详情页返回以后，列表页会重新刷新。假如在第五页找到的数据，点击修改后返回又跳回第一页了，这个时候就需要用到keep-...

• 2020-05-27

92浏览

0评论

vue axios基于常见业务场景的二次封装的实现

axios
axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
在前端框架中的应用也是特别广泛，不管是vue还是react，都有很多项目用axios作为网络请求库。
我在...

• 2020-05-27

78浏览

0评论

解决vue keep-alive 数据更新的问题

在项目中使用<keep-alive>包含<router-view>实现页面缓存，加速页面加载，同时，这种方式带来一些弊端，请看如下大神解释：***********************************当引入keep-alive的时...

• 2020-05-27

97浏览

0评论

vue 使某个组件不被 keep-alive 缓存的方法

提出问题最近在做项目发现一个问题，当我使用了 keep-alive 标签后，进入了某个路由进行一系列操作，再点击浏览器后退，再次进入刚才的路由，页面被操作的数据没有初始化！分析问题这是...

• 2020-05-27