自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除