Vue开发笔记
loading-world
记录是好习惯,分享是美德,坚持就是胜利!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前后端入门项目实战-使用HBuilderX创建项目及目录介绍
创建项目点击文件==》新建==》项目,出现如下界面:这里选择uni-app ,输入项目名,文件存储地址,模板选择ColorUI。如下图:这里选择uni-app,是后面将以uni-app的语法,组件来进行开发。这样开发出来的项目可以同时发布到各个平台,而不需要重新维护代码,省时省力。模板选择ColorUI,是ColorUI已经造好了一些前端样式的轮子,对于初学者来说,可以专注于业务逻辑的...原创 2019-09-18 15:25:43 · 11593 阅读 · 0 评论 -
前后端入门项目实战-项目前准备
目标:实现论坛类的app,主要共能,浏览列表,发表说说,关注喜欢的用户。具体可以查看,已上线小程序。语言选择:前端使用Vue,后端使用java框架选择:前端框架ColorUI,后端SpringBoot工具选择:HbuilderX,IntelliJ IDEA,Navicat数据库:Mysql工具下载地址:HbuilderX:https://www.dcloud.io/hbuilderx....原创 2019-09-11 11:59:58 · 668 阅读 · 0 评论 -
前后端入门项目实战-前言(至初学者的一句话)
浑浑噩噩,不知不觉码代码已经码了6个年头。在快节奏的工作跟自我放任的生活中,缺少了一份沉淀,缺少了一份总结,虽然大大小小项目也做过不少,但是随着时间的流逝也渐渐消失在脑海。6年前范的错误至今还是在范,6年前百度的问题遇到依然得百度,所以今天依旧在跟java的null异常做斗争,为css布局伤脑筋。转眼已经年过三十,回过头来一事无成。仅以此文祭奠逝去的青春,并已此文为起点,重燃奋斗的圣火。我已是...原创 2019-09-03 15:18:48 · 482 阅读 · 0 评论 -
uni-app css 常用标签记录
记录常用css,根据场景记录场景css禁止页面滚动page{ height: 100%; overflow-y: hidden; }组件自动换行并居中(每个组件占一行)display: flex; flex-direction: column; align-items: center; justify-content: center;同一行两端对齐...原创 2020-01-19 19:59:05 · 890 阅读 · 0 评论 -
vue集成微信js-sdk,并实现卡卷领取功能
最近刚刚接手微信的项目,对微信不是很了解,网上好多资料都过时了。自己开贴记录下自己处理的过程。首先,在项目里引用微信js.由于是vue的项目,没办法按照官网的方法直接引用,于是就想到npm.然后,在git上搜了下,https://github.com/yanxi-me/weixin-js-sdk ,看下readme到这里就很清楚了,直接npm,然后在需要的页面引用。接下来,就是页面实...原创 2019-12-31 10:12:24 · 540 阅读 · 0 评论 -
微信小程序几个空判断整理
1.nullvar a=nullif(a===null){ console.log("为空")}2.undefinedvar a=undefinedif(a==='undefined'){ console.log("为undefined")}3.空对象var a={}if(Object.keys(a).length===0){ console.log("为{}")}...原创 2019-09-30 12:23:46 · 6700 阅读 · 0 评论 -
Ueditor自定义按钮
集成vue-ueditor-wrap第三方组件,对作者给出来的自定义按钮做了一个简化。首先加一个init 方法<vue-ueditor-wrap ref="editor" v-model="msg" :config="myConfig" :init="upload" ></vue-ueditor-wrap>然后在init方法里实现自定义按钮this.$refs....原创 2019-09-24 14:59:54 · 846 阅读 · 0 评论 -
Vue微信公众号分享全过程
Vue关于微信分享的资料很少,记录一下本人开发的全过程,不足之处多多指点。微信公众号的文档就不贴了。下载微信js-sdk推荐使用npm安装,npm install jweixin-module --save分享页面引用var wx = require('jweixin-module') 后端签名接口(java spring boot 开发)controller@RequestMa...原创 2019-09-18 17:23:19 · 2225 阅读 · 0 评论 -
vue UEditor集成秀米
vue 集成UEditor +秀米,网上的资料比较少,记录下这个过程。首先,感谢github上某大神的组件 vue-ueditor-wrap,大家感觉有用,给大神点个star吧。第一步:下载大神的代码,解压,找到如下目录:第二步:解压utf8-jsp.zip,然后把解压后的文件,在自己项目static目录下建一个目录名为UEditor,并把刚刚解压后的文件复制到该目录下。结果如图:第...原创 2019-08-29 15:14:12 · 1833 阅读 · 0 评论 -
vue filters 是什么?怎么使用?
vue filters 是什么?首先:filter翻译成中文是过滤器的意思。而在Vue中作用其实就是对字段进行预处理怎么使用呢?就用一个小Demo,讲解一下!目的:对字段进行处理,打印出“Hello world!!!”首先,打印出“Helle”<template> <view> {{demo}} </view></template...原创 2019-08-20 18:59:10 · 1733 阅读 · 0 评论 -
vue 页面显示神器 v-html
最近自己开发一套客服系统,需要打通微信及H5。在做微信基本表情时无意中发现vue中一直被忽视的标签v-html。v-html 标签的作用是显示动态数据中的H5标签示例:<template> <view v-html="test">{{test}}</view></template><script> export defa...原创 2019-08-09 13:38:30 · 8868 阅读 · 0 评论 -
scroll-view 聊天记录 顶部下拉加载并停留在原先位置
记录一下!首先,在组件中定义滚动事件,及滚动到顶部事件<scroll-view scroll-y="true" :scroll-top="scrolTop" @scroll="scroll" @scrolltoupper="loadingMore" > 定义变量data() { return { loadMessage:‘’, message:[], scr...原创 2019-08-06 17:20:08 · 6207 阅读 · 4 评论 -
vue动态css
用Vue动态给Style赋值,格式:<view :style='{样式名:‘+动态变量+’}'其中在css 样式里有“-”的需要换成驼峰模式下面记录几个常用的样式:1.动态给背景图片赋值<view :style="{backgroundImage:'url('+item.image+')'}">应用时把item.image 替换成对应的变量Loading…...原创 2019-07-31 16:48:42 · 1812 阅读 · 0 评论
分享