Vue框架第41页

VUE 项目优化

前言Vue框架通过数据双向绑定和虚拟DOM技术，帮我们处理了前端开发中最脏最累的DOM操作部分，我们不再需要去考虑如何操作DOM以及如何最高效地操作DOM；但Vue项目中仍然存在项目首屏优化、Webpack

咸小七·2020-08-17 09:13

2020年年中总结

现在是2020年7月23日，2020年已经过去了一半以上，总结一下上半年干的事情：疫情期间在家学些vue和webpack、vue框架搭建，现在已经也顺利的开始写vue项目了，感觉还不错，就是原先是利用cli

winner_corl·2020-08-17 08:33

使用mpvue框架开发微信小程序教程

一、所需环境node环境，vue-cli脚手架，微信小程序开发工具（用来展示页面效果）二、安装1.nodenode官网进入官网下载，直接安装即可。安装后打开cmd，运行查看版本命令。如下图所示2.vue-cli脚手架//全局安装vue-clinpminstallvue-cli-g安装完毕后，运行查看版本，如下图所示3.微信小程序开发工具微信小程序官网下载地址点击进入微信公众平台官网进行下载即可三、

zhanjinfeng·2020-08-17 07:17

基于mpvue的框架开发微信小程序（搭建环境）

由于mpvue框架是完全基于Vue框架的（重写了其runtime和compiler），因此在用法上面是高度和Vue一致的（某些功能由于受限于小程序环境本身的原因而不能使用，但是瑕不掩瑜

v3u.cn·2020-08-17 07:40

微信小程序（mpvue--wx.cloud.database）调用云数据库踩坑

本人使用的微信小程序当中mpvue框架，所以以下内容都基于此框架。

wxj_web·2020-08-17 07:53

使用Vue开发微信小程序：mpvue框架

【最近更新】mpvue入门系列教程：如何在mpvue中正确的引用小程序的原生自定义组件使用mpvue开发小程序教程（六）使用mpvue开发小程序教程（五）使用mpvue开发小程序教程（四）使用mpvue开发小程序教程（三）使用mpvue开发小程序教程（二）使用mpvue开发小程序教程（一）接触微信小程序有一段时间的开发者或开发团队，我相信多多少少都会为自己搭建封装一些便于开发的框架/脚手架，尤其是

weixin_34223655·2020-08-17 06:59

微信小程序（mpvue框架）购物车

效果图：说明：全选/全不选，1.数据：products：[{checked:true,code:"4",echecked:false,hasPromotions:true,id:43281,img:"/photo/products/1369/20160220/c92ad25e-24c5-439f-89fc-75d0263cbaff.png!PS",name:"洋河蓝色经典天之蓝52度480ml",

helloxielan·2020-08-17 06:12

使用mpvue框架写小程序的准备--创建空mpvue

刚刚开始接触小程序，准备采用mpvue框架进行学习开发，接下来就说说如何准备一个空的mpvue吧，像极了用脚手架创建一个空的vue一样。

小孬种·2020-08-17 05:09

mpvue使用参考网站

mpvue框架使用入门https://blog.csdn.net/linminghe/article/details/79847954mpvue官方文档http://mpvue.com/防止坑指南https

occult-pgm·2020-08-17 05:58

mpvue写一个CPASS小程序

使用美团mpvue框架mpvue：1.0.13mpvue-loader：1.0.15静态资源（除了tabbar图标）放在阿里云oss组件（页面）间通信四种方式：Vuex状态管理（mapActions，mapGetters

Kellercai·2020-08-17 05:11

Windows下微信小程序搭建mpvue项目过程（node.js下载安装，vue-cli脚手架安装）

位安装包安装过程：全程next就完事打开cmd检查是否安装完成（Win+R或者直接搜索打开）如果版本号可以显示出来说明安装成功国外镜像比较慢，所以把镜像地址换成国内的网址安装vue-cli脚手架（vue-cli是vue

自北·2020-08-17 04:09

使用原生vue搭建electron常见报错

electron-vue和electron-forge，效果都不怎么理想，electron-vue的electron版本太老，升级坑实在是太多，electron-forge版本不知道怎么更新，最后还是选择原生的vue

barzar·2020-08-17 04:13

Vue后台开发快速入门学习

之前公司的项目中用到Vue框架，对我而言只是调用接口，这是上次的《Vue框架前后端联调》现在需要我作为前后端，自己进行编写前端代码，这着实让我尴尬了一场，我们组是一个不需要前端的组，遇到前端功能后台上，

令狐姑娘·2020-08-17 00:36

VueResource基本操作

安装、引入Vue-resource：NPM：npminstallvue-resource--save-dev/*引入Vue框架*/importVuefrom'vue'/*引入资源请求插件*/importVueResourcefrom'vue-resource

前端小白菜小龙·2020-08-16 22:56

JS document.execCommand实现复制功能（带你出坑）

最近项目中需要实现功能：点击button，复制input框的值；我使用的是document.execCommand('copy')的方法；但是很郁闷的是，始终实现不了功能；代码如下HTML代码（v-model是vue

weixin_30267697·2020-08-16 21:48

JS document.execCommand实现复制功能

实现复制功能最近项目中需要实现功能：点击button，复制input框的值；我使用的是document.execCommand('copy')的方法；但是很郁闷的是，始终实现不了功能；代码如下HTML代码（v-model是vue

茅坤宝骏氹·2020-08-16 19:30

前端Vue框架快速学习

Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。Node和NPMNPM是Node提供的模块管理工具，可以非常方便的下载安装很多前端框架，包括Jquery、AngularJS、

Lisyang1998·2020-08-16 14:45

vue-awesome-swiper的用法

vue框架的轮播图插件vue-awesome-swiper安装npminstallvue-awesome-swiper--save引入/*全局引入*/importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper

前端的小刘老师·2020-08-16 09:16

Vue实现移动端 message-box 与 alert 弹框@郝晨光

前言最近在做移动端的项目，需要制作移动端的alert弹框和message-box提示信息；之前使用Vue框架的element-ui时，就记得element-ui的弹框，今天深入的研究了一下源码，然后简单制作了一点小

hcg1023·2020-08-16 08:23

手写一个自己的 Vue.js 数据响应式框架，他只用了3天时间！

当你在使用Vue框架时，是不是也会……·面对简单需求直接上手套框架，一旦需求复杂，就不知如何下手；·同样都是使用Vue.js框架，但你的代码总是不如别人的高效；·开发出来的SPA应用，页面白屏时间过长，

YvetteLau·2020-08-16 06:02

vue 项目引入百度地图学习阶段 (一)引入

采用vue框架对之前平台的系统重构阶段：学习百度地图的使用1）百度到百度地图开发者文档http://lbsyun.baidu.com/index.php?

jiuweiyy·2020-08-16 06:54

js 项目中查看功能或者请求数据处理，深层复制对象或修改对象

出现场景：elementvue框架后台管理系统项目常见点击查看当前一条数据的详情点击查看，获取到row中的数据，进行处理赋值给弹框表单常见的做法;太low！

jiuweiyy·2020-08-16 06:54

VUE源码学习第三篇--new Vue都干了啥(概述)

一、总体分析当我们写下这段简单newVue()代码，vue框架做了什么呢?

恰恰虎·2020-08-16 05:16

BootstrapVue框架集合

1.导航栏navbar鼠标滑过既有下拉列表效果图以下代码段，toPage（pathName）是跳转页面的方法，{{$t(item.text)}}{{$t(item.text)}}{{$t(child.text)}}navList只放了两个对象，只做例子示范，用jquery修改了一些样式。第一个对象首页是没有下拉列表的。我把首页的下拉列表禁止显示了。//这是去掉下拉列表的三角形的覆盖样式.gg:af

独我乐嘻嘻·2020-08-15 20:19

初识前端框架（Vue）打包遇到的坑～

不啰嗦了～最近学完前端基础知识后，然后准备学习vue框架，最后用webpack打包项目的时候遇到了一个坑额。运行完：$npmrunbuild命令

vv_小虫·2020-08-15 19:01

vue框架搭建之页面缓存方案

vue-router+keep-alive页面缓存后某些情况不需要缓存的解决办法页面缓存部分场景不需要缓存缓存情况不缓存的情况页面缓存首先定义路由的时候在meta中标记哪些页面需要默认缓存我们使用includes指令来缓存部分页面，需要缓存的数据保存在vuex的store中，方便后面动态操作vuex的store配置：//vuex的store配置exportdefaultnewVuex.Store(

惟馨·2020-08-15 19:30

mpvue踩坑之setter触发相关&Vue中数组和对象更改后视图不刷新的问题

vue以及mpvue中数组或对象中的数据发生改变后视图层没刷新的问题发现这个问题是因为自己在写学委小程序/高校班级助手的时候，使用的是mpvue框架，使用vue的语法来写小程序的，当遇到了上传图片或者上传文件的时候

一枚AKIM·2020-08-15 19:48

vue框架用OpenLayers实现地图裁剪，定位

由于做大屏，公司想简单的做一个地图显示只想显示湖北省的地图于是就有了下面的骚操作个人记录html姓名：{{maptypeTab.makerObj.name}}机构名称：{{maptypeTab.makerObj.orgaName}}地理位置：{{maptypeTab.makerObj.loc}}jsimport'ol/ol.css';//初始化加载olimport{Map,View}from'ol

前端真好玩·2020-08-15 19:05

VUE框架开发项目实战(含多页面)

初始化创建Vue项目使用vue-cli搭建项目（注：建议安装淘宝镜像，使用cnpm执行下面操作）在命令窗口中输入npminstall-gvue-cli安装vue-cli。输入vueinitwebpackvue-demo创建一个名为vue-demo的项目。输入cdvue-demo进入项目目录。输入npminstall安装项目依赖。npmrundev运行项目。网页打开localhost:8080，就可

Pekah_zx·2020-08-15 19:26

vue设置全局访问接口API地址

在使用vue框架进行前后端分离项目开发时，通常涉及到与后段接口进行交互，平时一般使用比较多的就是用axios来实现调用后段接口，写法一般为xxx(){const_this=thisaxios.get("

听闻如故·2020-08-15 18:55

前端html加载flash(swf文件)无法显示的问题以及PercentLoaded() is not a function的问题

一开始使用这两个标签都无法显示，后面跟胜哥一起想了好久才知道原来在Vue框架里面，html中的标签对应的flash等文件经过打包之后无法正常显示，需要将swf文件放到public文件夹下防止文件被打包才可以

咖喱牛腩·2020-08-15 18:07

vue中axios的高级用法：请求拦截

vue框架是一款非常小巧轻便的JavaScript渐进式框架，在项目中用得非常多，所以在面试的时候如果会vue，会更容易得到面试官的认可，我分享一个在面试用问的比较多的同时我们平常没有怎么具体研究的axios

bigbigvier·2020-08-15 14:41

基于cordova实现的webview实现与h5的交互

2、项目主页都是h5形式，采用vue框架，支持离线缓存3、使用CordovaWebView加载h5应用。二、问题清单和优化1、h5应用如何读到本地js文件？针对第1个问题，很简单解决。

fan_gangliang·2020-08-15 13:54

vuejs第一篇：通过npm安装vue框架（印象深刻的问题出在了npm上）

以下所有事我自己在windows系统下遇到的问题一、安装nodejsnode下载地址https://nodejs.org/en/查看nodejs版本和npm版本注：当时自己安装node时，没有使用默认路径，而是安装在了D盘，导致查不到npm版本，下面使用npm命令时也出现了问题，是因为C盘下的.npmrc文件影响，删掉即可。npm就可以正常使用了。二、安装淘宝镜像安装命令：npminstallcn

...无题·2020-08-15 09:37

使用electron-vue框架快速开发桌面应用

使用文档：https://simulatedgreg.gitbooks.io/electron-vue/content/en/renderer-process.html搭建一个electron-vue的项目打开cmd进入你要创建桌面项目的目录，然后执行命令：vueinitsimulatedgreg/electron-vuedemo如下：MicrosoftWindows[版本10.0.17763.1

前端说·2020-08-15 07:20

小程序开发如何使用colorui框架

github上下载到本地colorui的github仓库将整个库clone下来后发现里面有这些文件在此我们只介绍在微信开发者工具中开发的使用方法ColorUIdemo文件下Colorui-UniApp是在vue

一只小猿翻墙来·2020-08-15 07:23

菜鸟Vue学习笔记（一）

菜鸟Vue学习笔记（一）我今年刚参加工作，作为一个后台Java开发人员，公司让我开发前端，并且使用Vue框架，我边学习边记录。

qfchenjunbo·2020-08-15 02:51

使用webpack搭建electron+vue框架

技术选型：electron结合了Chromium、Node.js和用于调用操作系统本地功能的API，允许使用Web前端技术开发跨平台的桌面客户端，这里使用打包工具webpack搭建electron的主进程和渲染进程的脚手架，渲染进程使用vue作为前端框架。示例项目地址：https://github.com/zhangxuelian/electron-vue-frame一、准备环境1、安装node下

冰羽幻灵·2020-08-15 01:45

D3.js的V5版本-Vue框架中使用(第六章) ---交互式操作

一.Api使用on("eventName",function)；该函数是添加一个监听事件，它的第一个参数是事件类型，第二个参数是响应事件的内容d3.select(this),选择当前元素常见的事件类型click：鼠标单击某元素时触发，相当于mousedown和mouseup的组合mouseover：鼠标放在某元素上触发mouseout：鼠标移出某元素时触发mousemove：鼠标移动时触发mous

空谷足音 -จุ·2020-08-14 23:16

webpack vue框架代码&业务代码拆分

vue框架代码&业务代码拆分需求分析打包类库文件，第三方包、vue框架代码打包，这类代码稳定性比较高的业务代码是经常更新迭代的为了让浏览器尽可能长的时间缓存我们的静态文件，如果把类库代码和业务代码打包在一起

cjexe·2020-08-14 23:33

vue框架对接手机app

最近在参与一个移动端的项目，要做一个功能模块接入到已有的手机app中。从要确定要做就开始参与，记录下整个流程过程吧。制作手机采用的框架是vue和SUI共同使用，使用grunt及webpack进行自动化构建代码。一、搭建环境使用grunt压缩css及js,webpack压缩vue，首先要先下载安装node.js，他们依赖于node运行。然后再下载安装使用的插件，简单而言直接npminstallgru

chyna0·2020-08-14 19:49

【微信_小程序】2.微信小程序web-view内嵌公众号网页

需求：要做一个微信小程序，由于小程序里面图表实现有困难，需要h5实现(vue框架搭建的)嵌套到小程序里面，所以就涉及到相互通信的问题。

Anabel Chen·2020-08-14 16:00

vue设置全局访问接口API地址操作

在使用vue框架进行前后端分离项目开发时，通常涉及到与后段接口进行交互，平时一般使用比较多的就是用axios来实现调用后段接口，写法一般为xxx(){const_this=thisaxios.get("

·2020-08-14 16:36

如何实现用户对文章的关注功能

算下时间现在已经在公司呆了将近三个月，前两天完成了我的第一个练手项目，项目类型是微信公众号，【冉星堂】目前已经正式上线，虽说是个小项目，不过确实让我牢固了不少知识，对于公司的整体框架和语言都比较熟悉了，前端页面和前端样式使用的是vue

Best World·2020-08-14 15:57

ios 设备的移动端页面光标错位

2.在ios上还有一个问题是，在做一个使用了vue框架

时间在飞飞·2020-08-14 08:51

H5 和小程序拍照图片旋转、压缩和上传

项目代码基于Vue框架，为了避免受框架影响，我将代码全部改为原生API的实现方式进行说明，同时项目代码中有很多其他额外的细节和功能（预览、裁剪、上传进度等

George_Fal·2020-08-14 03:04

（前端学习）07 使用vue框架制作购物车小球动画效果

最近在学习前端制作了一个购物车小球的动画效果直接上图看看效果下面介绍一下制作这个动画的详细过程：1.因为使用vue所以需要使用transition标签包裹并指定动画三个动画生命周期函数//Ballflag默认指定为false不显示样式设置成一个红色的小球采用absolute定位确保不影响页面的其他元素.ball{width:15px;height:15px;border-radius:50%;ba

沉迷学习-·2020-08-13 22:30

vue报错：无法启动服务器，报错（npm run dev 报错问题）（一）

vue项目报错大全（一）vue报错：无法启动服务器，报错（npmrundev报错问题）#出错背景自己搭建的vue框架，在搭建好一个项目时忽然报错（在此之前其他项目正常运行中，搭建了新的项目启动服务时启动不了了

歌子·2020-08-13 22:08

vue框架中单页面文件更改body，html页面背景颜色

单页面应用中，在全局body设置了背景颜色和背景图片。但是想要修改其中的一个页面如'/result'这个文件,而又不影响其他的样式，以前看到有例子用position:fixed来修改背景，我个人认为这个仅仅适用于页面篇幅不大，一屏足以显示的页面。可以在‘/result’这个css加上scoped然后在js的部分加以下代码。亲自试验很有效果。。。beforeCreate(){document.que

羊羊羊92·2020-08-13 21:28

vue框架：变更页面background背景颜色 - 代码篇

vue框架：变更body，html页面background背景颜色场景bug介绍：vue页面切换，导致后面的页面背景颜色被上一个页面背景色覆盖，如何避免这个问题。

草巾冒小子·2020-08-13 17:00

推荐频道

Vue框架