- 博客(22)
- 收藏
- 关注
原创 Vue环境搭建
1.安装node.jshttps://nodejs.org/zh-cn/安装完成之后打开cmd检测是否安装成功 node -v如需其他环境变量需根据个人情况进行选择2.安装vue及vue-clinpm install vue -gnpm install vue-cli -g安装完成之后打开cmd检测是否安装成功 vue -V(根据个人习惯可安装淘宝镜像cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org
2020-09-14 10:01:08
157
原创 前端模拟微信支付时输入密码
一个小的demo,希望能对大家有所帮助,话不多说,代码奉上,直接复制粘贴即可使用,具体情况可根据具体项目进行分析并修改,转载请注明出处。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user
2020-06-19 16:58:08
831
原创 仿淘宝商品详情页顶部nav屏幕滑动出现-商品/详情/评价/分享
项目开发实录 将其简化为一个demo方便后续使用简化淘宝顶部的淡入淡出并将其修改为两个不同盒子之间的切换,毕竟实际项目实际操作嘛。下面的代码块为简略版的demo,直接复制粘贴即可实现效果(移动端喔)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,min
2020-06-16 13:48:16
942
原创 微信小程序开发流程-工具应用篇
首先下载一个**微信开发者工具 **挂上链接 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html根据个人系统不同而选择不同的版本点击下载即可在小程序实际开发的时候你需要一个AppID 因此需要申请一个账号接下来你需要申请一个账号用于小程序的实际开发挂上链接 https://mp.weixin.qq.com/wxopen/waregister?action=step1注册完成之后扫码登陆微信公众平台挂上链
2020-05-22 14:29:19
302
原创 vue使用常见问题及解决方案
1、项目打包完成之后改变接口IP地址方法:配置json是一个比较简单的方式,我在static文件夹下写了一个api.json用来存放所有数据的接口,虽然是没有在config下面的index.js里直接配置api来的简便,但是方便打包之后修改地址。配置代码如下:传统方式在dev下找到对用的proxyTable并添加如下代码proxyTable: { '/api':{ ...
2019-11-25 15:09:55
1013
原创 Vue页面渲染数据之后获取后台需要的接口参数
页面上两个多选框是通过后台返回的数据渲染上去的与选择时间对应的是时间的范围与事件类型对应的是事件的类型在点击搜索框的时候需要将对应的参数传递过去并进行数据搜索 console.log(this.searchTime); console.log(this.eventTypeMsg); this.axios({ url: "/api/test/"...
2019-11-04 15:36:05
1300
原创 Vue跨页面传值
问题如下:当前需要在一个页面点击某个具体的数据并保存下来以便跳转到下个页面的时候使用传递一个具体的值过去当时我在data中定义了一个sendMsg:{}期间在代码中给sendMsg赋值传值的时候使用了localStroage.setItem(“msg”,this.sendMsg)却忽略了一个问题-----我定义的sendMsg是一个对象在另一个页面接收的时候出现问题—打印接收到的值为...
2019-10-22 14:41:50
2139
原创 Vue解决select中给option添加点击事件时无法正常操作的问题
话不多说代码敬上<select name="" id=""> <option v-for="(item,index) in msgList" :key="index" @click="chooseCore(index)">{{item.name}}</option></select>起初我是想在点击时获取到当前的index以方便接下来的...
2019-10-16 16:22:16
5833
原创 Vue中当点击按钮与需要获取的内容为兄弟层级时如何获取
类似于这样的情况,以一段代码作为示例<div class="hello"> <div class="one">ABCD</div> <div class="two"> <button @click="clickMe>点击按钮</button> </div></div>此时为一个大盒子包...
2019-10-14 15:12:42
710
原创 Vue直接修改对象中的值不会触发视图更新的问题及解决措施
首先需要了解到:只有在data(){return{}}中初始化的数据才是响应的Vue并不能检测到对象属性的添加或删除那么解决这个问题就很简单了实例问题在项目的某个阶段 需要修改一个对象中的某个值来触发视图更新来展示新的效果 但是直接修改代码的时候 发现并没有触发视图更新,此时百度到有一种方法为$set,但是研究了半天也没明白写法 索性就放弃了,并找了一种极为原始的方法 代码如下在刚...
2019-09-29 11:00:37
2005
原创 简单小游戏之石头剪刀布
简易创作并未布局 可玩<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #...
2019-06-19 08:57:31
762
原创 Vue个人经验小结
主要体现为使用vue init webpack搭建项目并使用相关工具完善vue2.0推荐使用axios获取数据this.axios.get().then((response)=>{console.log(response)})搭配swiper和elementUI、echarts来丰富你的界面做出各种炫酷的效果...
2019-04-25 20:26:40
504
原创 Vue的基本指令用法
循环:v-for (any为任何标签)<!--循环遍历,在遍历list的时候创建多个调用v-for的元素--><div id="box"> <any v-for="item in list">{{item}} </any> <any v-for="(item,index) in list"> {{item}} </any&g...
2019-04-16 16:19:11
272
原创 Vue之简单购物车
新建文件夹css+js+img以放置需要用到的文件采用bootstrap布局<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/bootstrap.js" type="text/jav...
2019-04-15 16:06:41
301
原创 H5-----bootstrap布局中的下拉菜单
代码片段(需要引入bootstrap.js和bootstrap.css才可以使用)<div class="dropdown"> <div class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></div> ...
2019-04-02 09:10:29
544
原创 Node.js-----express相关操作
安装expressnpm install express第一步:选中文件夹 按住shift+右键打开powershell窗口输入express -e user第二步:打开创建好的文件夹cd user第三步:npm install第四步:安装mysql数据库npm install mysql第五步:需要链接的文件都放入public文件夹中第六步:对views文件夹中...
2019-04-01 19:55:33
184
原创 Node.js实现登陆注册
此练习采用移动端+bootstrap布局 mysql数据库 express框架首页(views文件夹中的index.ejs文件)script和link引入的文件皆在public文件夹中<html> <head> <title></title> <meta charset="UTF-8"/> <meta name=...
2019-04-01 19:46:30
974
原创 H5-----flex布局
flex(Flexible Box)布局(弹性布局)是W3C在2009年提出的一种新的布局方案。当你设置了flex布局之后 子元素的float、clear和vertical-align属性将失去作用。相对于传统的display属性 + position属性 + float属性布局,更容易实现一些功能。可以简便的完整的响应式的支持g各种页面布局。div{ display:flex;}...
2019-03-25 16:05:01
2676
原创 Node.js核心模块-----fs
fs-----filesystem-----文件系统引入模块var fs=require("fs");异步读取文件-----第一个参数为所要读取的文件名称 第二个参数为回调函数fs.readFile("filename",function(){});同步读取文件------参数为所要读取的文件名称fs.readFileSync("filename");异步创建文件-----第一...
2019-03-22 15:12:03
196
原创 Node.js核心模块-----http
http-----服务器模块可以使用http模块创建服务器var http=require("http");创建服务 req为请求对象 res为相应对象 listen后的参数为设置的端口号 范围为0-65535http.createServer(function(req,res){ if(req.url=="/"){ res.end() //展示信息 }}).list...
2019-03-22 15:04:56
202
原创 Node.js核心模块-----events
events-----事件模块(使用events时必须实例化EventEmitter)var event=require("events");var em=new events.EventEmitter;events方法监听事件的几种方法:em.addListener("eventsname",function(){}); //第一个参数为事件名称 第二个参数为回调函数em.on...
2019-03-22 14:57:36
179
原创 Node.js经验小结
Node.js是2009年出现的具有时代性的语言,使用javascript语法,容易实现全栈。采用google V8引擎。是单线程语言,具有完善的生态。 其最大的特点-----非阻塞I/O。(在安装node环境时,会自动安装npm包管理工具) 安装完成之后,可以直接在黑窗口中输入node,打开REPL(read、eval、print、loop)------交互式解释器。 node...
2019-03-21 15:38:57
245
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人