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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

> 有时业务提出这样一个需求 就是从商品页面进入到列表详情页 要保存当前滚动的位置，这里我就想到了keep-alive1.首先在路由中引入需要的模块 { path: ‘/scrollDemo', name:...

Toast是常用的轻提示弹框，常用于页面loading和提示语弹窗。
本例基于React实现一个随时可调用且不随页面渲染的全局组件。需求分析
Toast 不需要同页面一起被渲染，而是根据...

之前使用的富文本编辑器是uEditor,kindEditor，感觉不太方便。近期项目vue单页面，就使用vue-quill-edit这个编辑器组件吧！一、安装 cnpm install vue-quill-editor二、引入 在m...

添加核心代码如下：this.data.push({ type: [{ value: '选项1', label: 'in' }, { value: '选项3', label: 'out' }],...

1、在src目录下的access下新建一个cookie.js,内容如下：export function setCookie(c_name,value,expire) { var date=new Date() date.setSeconds(date.getSeconds()+expire)...

本文为大家记录了vue中安装使用Quill富文本编辑器的具体方法，供大家参考，具体内容如下1、安装依赖npm install vue-quill-editor --save注：我在已有的vue项目中（含有已安装的依...

在Vue单页应用中，如果在某一个具体路由的具体页面下点击刷新，那么刷新后，页面的状态信息可能就会丢失掉。这时候应该怎么处理呢？如果你也有这个疑惑，这篇文章或许能够帮助到你一...

在项目中需要引入Quill文本编辑器，并且根据需求，需要自定义字体选项、图片拖拽上传和改变大小，所以根据Quill官网系统学习了一下，以下是我学习和研究的结果。一、主题Quill的富...

目前nodejs调用c++主流的有两种方法，分别是addons和ffiaddons是nodejs官方的c++扩展实现方案，但是由于需要使用模版，并且要对v8引擎有一定的了解，入门门槛较高。ffi是nodejs直接...

我们需要吧<p>Hello World</p>插入到<p>My name is Pjee</p>应该如何做？一、使用v-html
v-html:更新元素的 innerHTMLconst text = `<p>Hello World</>`<p> My name is Pjee...

一般在我们做项目时，我们都会通过POST请求拿到服务器给到的set-Cookies，保存在浏览器的Cookie里这里需要明确一点。缓存有三类cookie、 sessionStorage 、localStoragecookie:...

一、各文档介绍
1、rxjs官网
2、vue-rxjs地址
二、环境搭建
1、使用vue-cli构建一个项目
2、安装vue-rx的依赖包yarn add rxjsyarn add rxjs-compatyarn add vue-rx3、在src...

功能：点击导出按钮，提交请求，下载excel文件；第一步：跟后端童鞋确认交付的接口的response header设置了以及返回了文件流。第二步：修改axios请求的responseType为blob，以post请求为...

本文为大家分享了Vue Quill Editor富文本编辑器的具体使用方法，供大家参考，具体内容如下先看效果图： 1、下载Vue-Quill-Editor
npm install vue-quill-editor --save2、下...

前一段时间，我写了两篇文章，一篇是对目前前端主流视图框架的思考，一篇是深入使用RxJS控制复杂业务逻辑的，在这两篇中，我分别提到： 期望在复杂业务逻辑方面使用RxJS，更好地进行抽象...

文章刚开始先来介绍一下vue-quill-editor富文本编辑器的简单使用，具体操作步骤如下：安装：npm install vue-quill-editor --savemain.js：import VueQuillEditor from 'vue-quill-...

最近开发过程中遇到一些小问题(似乎问题总是那么多)，但一直没什么时间去优化与解决。程序员不能被业务绑架，有时间还是花点在代码，开始这次的vue尝试吧。首先定义一个全局样式：....

JavaScript 2018 中即将迎来的新功能：异步生成器及更好的正则表达式2018 年 6 月发布的最新年度 ECMAScript 更新，尽管在常见功能的积压上仍然远远小于 ECMAScript 6，但依然是...

在前端开发的项目中，难免会遇到需要在页面上集成一个富文本编辑器。那么，如果你有这个需求，希望可以帮助到你。vue是前端开发者所追捧的框架，简单易上手，但是基于vue的富文本编辑...

1、使用window.onunload之类的APIwindow.onbeforeunload = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = '关闭提示...

1.安装good-storage插件cnpm i good-storage --save2.读/写的方法common/js/cache.js:import storage from 'good-storage'const SEARCH_KEY = '__search__'const SEARCH_MA...

最近开发vue项目过程中，由于产品需要在项目中添加富文本编辑器，也在npm上找了几个基于vue开发的富文本编辑器，但是对兼容性比较高，不能兼容到IE9，10。所以最后决定使用百度UEdito...

如下所示： <el-checkbox v-for="(item) in jurisdictionContent" :label="item.id" :key="item.id" class="checkboxMargin"> <span>{{item.value}}{{item....

vue提供的了transition组件来实现组件的过渡和路由的过渡，合理使用这个组建可以让我们的页面更加的灵活，提高用户体验。概念在进入/离开的过渡中， 会有6个class的切换， 抄一张官...

vue的内容分发非常适合“固定部分+动态部分”的组件的场景，固定部分可以是结构固定，也可以是逻辑固定，比如下拉loading，下拉loading只是中间内容是动态的，而拉到底部都会触发拉取...

前言：本章说下文字内容的展开与收起的实现，要实现这么一个效果：当收起的时候隐藏并显示省略号，当展开的时候显示全部文字。GitHub：https://github.com/Ewall1106/miniProgramDemo...