Vue开发随手笔记第54页

从零搭建 Vue 开发环境

PS:本文首发于个人公众号：Java技术大杂烩，欢迎关注查看更多原创技术文章前言环境搭建项目结构介绍Vue开发相关知识axios使用VueRouter路由使用Vuex状态管理总结前言由于最近公司需要做H5

Java技术大杂烩·2020-07-29 23:16

uni-app引入iconfont矢量图各种坑

uni-app是什么uni-app是一个借鉴Vue.js、小程序、mpVue开发跨平台应用的前端框架。通过编写一套代码，将其编译到iOS、Android、微信小程序等多个平台。

Zero游戏人生丶·2020-07-29 23:20

uni-app引入iconfont的坑

uni-app是什么uni-app是一个借鉴Vue.js、小程序、mpVue开发跨平台应用的前端框架。通过编写一套代码，将其编译到iOS、Android、微信小程序等多个平台。

Zero游戏人生丶·2020-07-29 23:19

STM32复习笔记（七）定时器&定时器中断

作者：sumjess适用：这个视频我已经看过3遍了，总会有忘记的，所以来写这本书的随手笔记，记录重点、易忘点。该博客可以当做字典，也可以当做笔记。

Sumjess·2020-07-29 22:57

STM32复习笔记（十六）MPU6050六轴传感器

作者：sumjess适用：这个视频我已经看过3遍了，总会有忘记的，所以来写这本书的随手笔记，记录重点、易忘点。该博客可以当做字典，也可以当做笔记。

Sumjess·2020-07-29 22:57

windows环境搭建Vue开发环境

一、安装node.js（https://nodejs.org/en/）node-v8.11.0-x64.msi下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。二、设置nodejsprefix（全局）和cache（缓存）路径1、在nodejs安装路径下，新建node_global和node_cache两个文件夹2、设置缓存文件夹npmconfigsetcache"D:\vueProje

pugongying1988·2020-07-29 21:59

vue开发之代码规范eslint

ESLint 不管是多人合作还是个人项目，代码规范都是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。准备工作一、VSCodeESLint插件ESLint插件用于根据工程目录的.eslintrc.js配置文件在编辑器中显示一些错误提示。ESLint插件安装二、基于vue-cli创建项目具体步骤如下：创建项目创建的时候把Linter/Formatter选上(默认已选上)下一

lihuanan123·2020-07-29 20:01

腾讯云后台本地开发环境搭建

用mpvue开发小程序，如果自己部署，需要购买域名，空间，购买https证书，使用pm2+nginx自己部署。

从小就很瘦·2020-07-29 17:01

[随手笔记]FFmpeg编码时候特别耗内存和CPU

项目需要加入编码功能，我就重新编译了ffmpeg库，并带上libx264编码库。编码时候发现有两个问题：1、很耗内存和CPU。2、编码速度慢，很久才出来第一个编码的内容查了下资料，可以在配置编码上下文时候，通知设置这些数据解决。//preset:ultrafast,superfast,veryfast,faster,fast,//medium,slow,slower,veryslow,placeb

LUOCHENLONG·2020-07-29 15:28

vue开发环境修改本地启动的端口号和开启https

categories:[前端,vue]thumbnail:/images/fe/leetcode.jpgtoc:truevue开发环境修改本地启动的端口号当我们使用脚手架搭建项目时，react当中开发环境默认端口号是

Aurora-zxh·2020-07-29 14:21

APP布局之高度自适应【适合任意手机】【js获取手机屏幕宽度、高度】

屏幕可用工作区高度就是你手机的实际高度，用vue开发的话代码案例【一定要加上单位px，否则没效果】：exportdefault{name:'app',data(){return{app_height:`

比特币爱好者007·2020-07-29 12:47

日精进第40天

收获很可观2、比改变：以后要经常的拿出随手笔记看一看，还有好多方面需要学习！3、比付出：这几天的学习，时间都是很紧张的，基本每天都是凌晨2点多钟睡，早上6多起

宋成良·2020-07-29 09:49

Vue2.x-04Vue插值、数据绑定、样式绑定、过滤器

文章目录概述Vue实例启动入口App.vue分析Vue的基本组成部分插值数据绑定v-for渲染数组v-for渲染对象属性样式绑定过滤器App.vue概述Vue2.x-03使用vue-cli搭建Vue开发环境搭建好了开发环境

小小工匠·2020-07-29 07:03

调用微信JS-SDK上传图片爬坑之路

最近最用vue开发微信服务号，也是第一次调用微信的sdk，（先吐槽下自己断断续续的整理一个星期才搞出来）日了狗了，坑太多，更多是ios不兼容，图片不显示呀，不能上传多张啦这里就可以帮你解决！

lume博客·2020-07-29 06:04

vue开发实现单选多选功能

单选：只能选择一个代码：：（循环集合cities，点击哪个传值索引index，给对应的索引加上类名，初始化默认n为0）{{c}}varapp=newVue({el:".box",data:{cities:["物流不限","买家物流","卖家物流"],n:0},methods:{changeList(index){this.n=index;//this指向app}}})多选：（同时选中多个）代码：（

qq_42221334·2020-07-29 06:26

【手把手教】SpringBoot+Vue开发简单的前后端分离系统

git:https://github.com/2020GetGoodOffer/test安装node和vue首先安装node.js，下载地址：node.js下好后.exe直接安装就行了，然后在命令行通过node-v查看是否安装成功然后初始化，通过nodeinit完成，一路按回车就行然后设置一个镜像点，不然可能因为网速问题一直无法成功之后下载vuenpminstall-g@vue/cli等待一段时间

2020GetGoodOffer·2020-07-29 06:16

日常踩坑随手笔记

ajax异步加载async:false为同步加载tomcat部署两个项目Abb和a不同名字相同项目的时候原因：spring.jmx是默认打开的，所以有两种解决办法办法1：spring.jmx.enabled=false办法2：spring.jmx.default-domain=test//名字spring.jmx.default-domain=test1//名字tomcatbean创建失败可能是因

危险游戏i·2020-07-29 05:03

Vue开发那些事——iview导入，使用，以及常见问题

npm安装ivew——$npminstalliview--save引入iView#一般在webpack入口页面main.js中如下配置：importVuefrom'vue';importVueRouterfrom'vue-router';importAppfrom'components/app.vue';//路由挂载importRoutersfrom'./router.js';//路由列表impo

一蓑烟雨_8a41·2020-07-29 05:08

使用Vue开发留言列表

通过学习《Vue.js实战》的留言板demo更好地掌握vue的相关知识，大部分代码都和书上的一致，我做了修改使用vue模板而不是html。源代码:https://github.com/zndada/learnVue效果图项目整体结构├──src项目代码│├──common公共js库│├──components组件││├──vInput.vue昵称输入框组件││├──vList.vue留言列表组件│

爱编译也爱吃肉的喵·2020-07-29 03:55

阿里微服务架构师随手笔记：教你如何手写Docker

模拟Docker实现一个简单的容器，不到200行代码（包括空行、注释、异常处理），这并不是吹牛B。容器技术几乎是Linuxkernel内置的模块，我们简单调用一下API就能搞定很多事情。当然你要考虑各种商业因素、政治因素那就会成长为Docker这种量级的代码量了。盗用一下朋友圈里的段子：小公司与大公司的区别就是，以杀猪为例，小公司是找到猪直接乱刀砍死。大公司要先做一套笼具抓猪，再做一套流程磨刀，再

yunzhaji3762·2020-07-29 02:03

2018年8月5日+10晴霓+人生效率手册+21天阅读写作自律计划

当然，萌姐还有一个方法，每周做一系列笔记，包括总结反思，在随手笔记中用紫色代表学习的颜色。让大脑产生一个观点，这句话可以作为下一次演讲的素材，

Ms小左·2020-07-29 02:32

使用Vue开发移动端项目初始化需要

1、增加移动端适配标签|2、将reset.css放入styles，引入reset.css文件，初始化css；在main.js中引入import'styles/reset.css'@charset"utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,

xyphf_和派孔明·2020-07-29 01:57

vue学习总结(三,案例用vue开发网易云音乐(已实现在线播放和下载))

效果如图:完整代码:Documenthtml,body{height:100%;padding:0;margin:0;}#app{height:100%;display:flex;}#app>#left{flex:1;background-color:skyblue;text-align:center;/*超出滚动*/overflow:scroll;}#app>#right{flex:1;back

庚中·2020-07-29 00:27

Vue中获取input输入框值的两种方式

在使用Vue开发中，我们会常常获取input框的值，在这跟大家总结一下我常用的两种方式。使用ref获取input框的值注册已有账号？

尼达叶蹦蹦呛·2020-07-28 23:04

vue开发移动端项目环境部署一

项目名程：《移动端商城》技术栈Vue2.0+vue-router+vuex+axios+mock.js(数据模拟)+ES6+sass目录结构src下componentsassets静态资源文件view一级路由组件router路由storevuex状态中心main.js入口文件httpaxios封装，api封装，mockjs接口文件开发步骤一、开发环境统一在index.html中，meta标签添加，

星空之火@田兴·2020-07-28 22:51

vue项目如何使用nginx配置跨域

最近使用vue开发一个功能，npmrunbuild之后打包的代码放在了a.com.cn下但是php接口部署在了b.com下，那么问题来了，如何让后端接口支持跨域。

小迪的博客·2020-07-28 14:29

vue中touch和click共存的解决方式

在vue开发手机端项目时，我们经常会遇到touch和click共存的情况，比如城市选择页面的字母滑动touch事件在手机端会触发浏览器滑动，所以应给touch事件添加阻止默认行为touchmove.prevent

·2020-07-28 13:39

Vue安装Vue Devtools各种坑

应为主要使用vue开发。所以想装一个VueDevtools的浏览器插件，但是不管是去github上下载vue-devtools的压缩包，还是直接克隆下来，安装好依赖以后打包的时候总会有问题。

华子_tm·2020-07-28 13:23

前后端开发bug:python+vue开发图片验证码接口时，刷新浏览器不显示图片验证码，点击以后才可以显示和切换

现象:刷新浏览器页面，图片验证码不显示，点击图片验证码区域以后，才能显示也可以切换显示下一个。排查思路：调用开发者工具，检查是否向后端发起获取图片验证码请求。如果生成了图片uuid编号，发送了请求，则问题出在服务器端。查看后端日志，检查接口及视图。如果没有发送请求，定位前端问题。可以点击切换图片，证明绑定了src链接,绑定了click单击事件，页面加载时没显示，需要注意请求钩子mounted最终定

生有涯，知无涯·2020-07-28 08:07

vue开发结合element-ui的一些常见问题

最近在做vue移动端的一个后台项目，主要用elment-ui框架，也有用mtni-ui。你可能会问为什么要用两个饿了么的框架，首先呢，作为新手的自己，在想用table组件时，发现mint-ui没有这个组件，还有一个原因，mtni-ui官网老是打不开，后来就用上了element-ui。也有个疑虑，一个项目中用太多框架不太好？！下面自己做个笔记，记下自己遇到的点。1.在用element-ui时，很多情

夕阳下美了剪影·2020-07-28 07:25

学习Python数据分析随手笔记【三】numpy数组的函数ix_()

今天我去图书馆借了一本PythonDataAnalysis的书那今天来说一个关于numpy库的内容。当然课本给出的是著名的lena图片。不过在pycharm上运行的时候发现它报错了。随即就去查看了scipy的文件搜寻了半天。原来在新版本的scipy中已经将lena移除，不过再细心一看，就发现了一个ascent的文件。Show一哈子就发现了lane已经被替换成了这样的一个图片。Emm好吧就拿这个图片

TheDawnlee·2020-07-28 07:58

SyntaxError: Unexpected token import

在使用vue开发项目时，在build\webpack.dev.conf.js文件中使用import导入文件时报SyntaxError:Unexpectedtokenimport错误，经过查找后发现是es6

StarFishing·2020-07-28 07:21

Vue开发小白笔记（一）

这是一篇写给自己的笔记，如果不是和我一样从负开始学习Vue的同学，还是不要看了。。。才毕业，之前在学校一直在学习移动端开发的知识（现在也快忘了。。）。如今工作，需要学一些移动端网页的制作。从零学习前端，一个月的时间，每天下班回来学一点。先对这段时间的学习做个回顾。（主要是怕自己忘。。）以前和大神合作过Asp.Net的网页，基本划水，自己做过html的简单页面，仅仅限于了解了html的尖括号语法。。

myz129·2020-07-28 04:11

配置自动格式化功能

该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化。

明明明Mk·2020-07-28 03:29

workflow仿钉钉审批流程设置

workflow钉钉审批流程设置workflow钉钉审批流程设置，基于vue开发线上开源地址https://github.com/StavinLi/Workflowgithub点个星吧！

Stavin Li·2020-07-28 03:29

vue开发项目引入vuex

对于vuex的意义不啰嗦的讲一句话：存储公共变量的地方那么在实际项目开发中是怎么引入的呢？跟我们在文档上的有何区别呢？在官方文档上，一般demo是写在vm实例文件上的，而实际开发中，保持文件作用的统一性我们通常新建一个新的文件或者文件夹来盛放我们的功能代码，比如说我们的路由模块第一步：先下载vuexnpminstallvuex--save第二步：在main文件中引入使用importstorefro

jiuweiyy·2020-07-28 00:50

【vue开发环境搭建】从 vuejs环境搭建到组件化编程----Hello World！

一、vuejs开发预备知识Nodejs是一个Javascript运行环境(runtime)。实际上它是对GoogleV8引擎进行了封装。npm是包管理工具，允许用户从NPM服务器下载别人编写的包或命令行程序到本地使用，允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。webpack是静态资源打包工具，grunt和gulp是自动化构建工具，grunt和gulp二选一就可以。vue（读音

晚秋星辰·2020-07-27 21:27

SpringBoot和VUE源码直接整合打包成jar---采坑记录

一、前言springboot是要打成jar包运行的，项目采用了前（VUE）后（SpringBoot）端完全分离，开发完成后需要整合到一起发布，这就要引出这篇博客的由来了；一开始的时候是前端VUE开发完成后打成

追到乌云的尽头找太阳·2020-07-27 20:46

vue指令v-for报错：Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-vue

报错：在使用VScode编辑器vue开发过程中，v-for在Eslint的规则检查下出现报错：Elementsiniterationexpecttohave‘v-bind:key’directives报错页面

小吴同志你好呀·2020-07-27 19:24

10个vue快捷开发技巧助你成为中级前端工程师！

前言一般在组件内使用路由参数，大多数人会这样做：先赞再看，养成习惯~今天分享十个vue开发技巧给大家，中级前端工程师1.路由参数解耦exportdefault{methods:{getParamsId(

无畏9y·2020-07-27 17:24

Vue3-组合式API

Vue3-组合式API大多数前端VUE开发者会有个疑问为什么要用CompositionAPI。什么时候要用，怎么去用，能给我们带来什么好处。

福豆粑粑·2020-07-27 17:01

【Vue】系统学习——入门

一、问题1.1、环境电脑环境：Windows10；开发工具：IntelliJIDEA；数据库环境：Redis3.2.100JDK环境:Jdk1.8；1.2、问题使用Vue开发已经有2个多月了，应该后端的逻辑越来越

陶洲川·2020-07-27 17:45

mpvue开发小程序——项目初始化及实现授权登录

mpvuempvue是一个使用vue.js开发小程序的框架。其官网http://mpvue.com/的介绍是，mpvue框架基于Vue.js核心，mpvue修改了Vue.js的runtime和compiler实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套Vue.js开发体验。使用mpvue框架开发小程序，能够直接使用vue语法进行开发。VantWeappVantWeapp是一套小程序

JJYin·2020-07-27 17:01

怎么安装Vue Devtools调试工具插件？

VueDevtools是Vue官方推出的浏览器插件，可以算是Vue开发调试神器，它可以让你能够在浏览器实时的编辑数据并立即看到其反映出来的变化，让你告别console大法。

代码123·2020-07-27 17:28

vue开发SPA中，路由切换时，子组件间滚动行为相互影响的解决办法

现在有A、B两个路由组件，均注册在同一路由下，通过切换路由配合进行页面切换。AB但是当在A组件中滚动到页面底部时，再通过B到B组件，会出现B组件也直接渲染为页面底部，而不是页面头部。解决方法：首先更改router.js文件。importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaultnewRouter({rou

Shawyu_·2020-07-27 16:22

关闭Vue Eslint语法检查

在使用VScode编辑器vue开发过程中，v-for在Eslint的规则检查下出现报错：Elementsiniterationexpecttohave‘v-bind:key’directivesEslint

说故事的五公子·2020-07-27 16:00

【数据库】sqlserver2008 R2 远程数据库脚本导入到本地

随手笔记，备份自用！！！（一）远程数据库生成数据脚本（不丢失数据表主外键、视图）1、远程数据库》任务》生成脚本2、选择生成脚本所需的数据库对象3、生成脚本选项配置点击，配置生成脚本明细信息。

AgBooty·2020-07-27 14:57

Vuex入门简单易懂系列（一）

在学习vue开发中，组件通信一直是一大痛点。

weixin_34214500·2020-07-27 13:52

vuex

使用Vue开发项目时，通常我们就会遇到如下几种棘手的问题：问题1：通过路由传递参数，我们会采用params或者query形式，但这两种方式都会在URL上做手脚，如果传递的参数过多，会导致400BadRequest

奋飛·2020-07-27 12:52

vue开发中遇到的一些问题(面试题）

Vue⾥⾯router-link在电脑上有用，在安卓上没反应怎么解决？Vue路由在Android机上有问题，babel问题，安装babelpolypill插件解决Vue2中注册在router-link上事件无效解决方法使⽤@click.native。原因：router-link会阻⽌click事件，.native指直接监听⼀个原⽣事件。RouterLink在IE和Firefox中不起作用(路由不跳

不法·2020-07-25 09:09

推荐频道

Vue开发随手笔记