- 博客(47)
- 收藏
- 关注
RSS订阅原创 vue项目中调用原生的支付宝接口
vue项目中调用支付宝进行支付有两种方式：一、支付宝H5网页支付，这种方式会从内部的项目跳转到支付宝的外部链接，只需要后台配置即可。 在前端点击支付的按钮的时候，会请求后台的接口，后台会返回一个form表单的数据，前端只需要将返回的表单添加到页面中即可，但是这种方式只要支付失败的话，就直接退出了整个程序。 二、 调用手机原生支付宝app。 1. ...
2019-08-13 12:06:05
3656
原创 vue中使用腾讯地图api
在vue-cli脚手架搭建的vue项目里使用到了腾讯地图。看了腾讯地图的官方给出的API（https://lbs.qq.com/javascript_v2/index.html）敲了一遍代码，才有点感觉写一个总结点的东西。 使用前需要在index.html里引入<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&am...
2019-08-13 11:42:45
6011
原创 组件案例评论列表
评论的业务逻辑：1. 评论使用的是一个组件，把评论的数据存放到localStorage中2. 先组织出一个最新的评论数据对象3. 把第二步得到的评论对象，保存到localStorage中3.1 localStorage只支持存放字符串的数据，要先调用JSON.stringify3.2 在保存最新的评论数据之前，要先从localStorage获取到之前的评论数据（string）转...
2018-09-21 16:02:47
694
原创 v-model的练习简易计算器
v-model是个双向数据绑定的指令，只能用在表单中，注意表单中的数字也是个字符串，所以要计算的话，必须转换为数字类型其中v-model中绑定的是个变量，该变量必须在data中先声明，否则会报错，当点击=按钮的时候用一个方法来计算前两个数的运算。其中这里用到一个函数eval(string)，它是用来计算字符串的，只能是原始的字符串，不能用一个属性或者对象再去定义它。 ...
2018-09-21 11:17:04
622
原创 vue简单实例跑马灯
1. 首先在页面上声明两个按钮，点击按钮在按钮上面添加两个方法，让字符串跑起来和停止。在vue实例的data中，先声明一个字符串让他在页面上显示，在声明一个定时器，因为一点击按钮让字符串跑起来和停止用到了定时器。2. 在methods中写两个方法，一个开启定时器，一个停止定时器。为了防止多次点击定时器，先在开启定时器的时候，判断定时器是否为空，如果为空，则可以开启，否则return。...
2018-09-21 10:51:59
1771
原创 substring、substr、slice与splice的区别
列举一道面试题目，例如：var a="get-element-by-id"让用函数转换为getElementById.根据这个面试题来说一下这几个的区别吧。1. 关于substring（）substring（start，stop），表示截取字符串，从start开始到stop处之间的新字符串，长度是stop减start，新字符串包含start不包含stop，但是不修改原字符串，这一点...
2018-09-21 10:21:20
517
原创 vue实例2 --简易购物车
其中的template标签：vue中特殊的标签，用来放置v-if和组件等指令，内部包含其他标签的内容，页面渲染的时候该标签不会被渲染。步骤：1. 首先在vue实例中先声明好购物车里面的数据，有用户名，地址，总价，和商品的数组列表2. 在页面显示的时候先判断数据中是否为空，如果为空，则显示购物车为空，否则循环遍历数据中的数组元素放到页面的表格中3. 该页面的第三列是个商品的数量，左右都有...
2018-09-20 22:22:33
1084
原创 生命周期钩子函数
生命周期钩子函数一共经历四个过程：1. 创建时期beforeCreated()这个阶段表示实例完全被创建出来之前，会执行它，注意：在beforeCreated生命周期函数执行的时候，data和methods中的数据都还没有初始化，现在输不出data和methods中的数据。created钩子函数：在created中，data和methods都已经初始化好了，如果要调用methods中的...
2018-09-20 21:54:07
1269
原创 插槽的解释
插槽的概念： 插槽的关键字slot，默认情况下，组件中的模板会覆盖组件中的原始内容（即自定义标签对内部的内容会不显示），解决办法就是使用插槽。组件的原始内容： 即在vue实例范围之内，因此可以调用实例的data和methods插槽共分为3中：插槽的结构：匿名插槽：<slot></slot>具名插槽：<slot name=top></sl...
2018-09-20 21:46:18
6217
1
原创 非父子组件之间的传值
非父子组件之间的传值其实和子往父传值是差不多的，只不过非父子组件之间的传值，是借助一个vue实例，一般起名为bus。非父子组件之间的传值的步骤：1. 在某个方法中，通过bus.$emit发射一个自定义事件，并传递数据（当前发射的数据存储在bus的实例中）2. 在mounted生命周期的钩子函数中，通过bus.$on来监听发射过来的字符串事件，并在回调函数中接受传递的数据，即bus.$o...
2018-09-20 21:23:32
593
原创 nodejs中的session版本的登录注册
1. 会新增加几个模块express-session /connect-flash /connect-mongo2. cookie：存储在浏览器端的数据缺点：数据不安全，容易被篡改，大小不超过4k，只能存储少量的数据3. session：存储在服务器端的数据特点：安全系数高，防止被篡改数据、可以存储大量的数据、具有唯一的sessionID，通过cookie可以将id传递给浏览器...
2018-09-20 16:13:41
1621
原创 vue组件传值
什么是组件？ 组件的出现，就是为了拆分vue实例的代码量的，能够让我们以不同 的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以直接调用对应的组件即可。组件化和模块化的不同：模块化： 是从代码的逻辑角度进行划分的，方便代码的分层开发，保证每个功能模块的职能单一，后端一般是指模块化组件化：是从ui界面的角度进行划分的，方便UI组件的重用，前端的组件注意：组件中只有一个根元...
2018-09-19 18:03:53
173
原创 vue组件的介绍
1. 组件的本质，即自定义标签，其实是个迷你版的vue实例，必须在vue实例化之前声明，创建或者注册一个全局组件，任何一个vue实例都可以调用参数1： 组件名称（自定义的标签名），命名方式my-com,或者myCom,但是在页面调应方式，必须以my-com调用，标签没有大写字母参数2： 是个对象，---设置当前组件的相关数据信息，比如模板内容，组件内部的data属性和methods和com...
2018-09-19 17:38:24
326
原创 vue中的计算属性
在vue生成的实例中，有一个methods对象和computed对象，都是用来存放方法的computed计算属性： 但是methods中，需要用到计算或者逻辑运算的方法，通常将其放置在computed属性中，本质是个方法，即内部放置了大量的方法，这类方法比较特殊，内部包含大量的计算过程或者逻辑运算，最终得到计算的结果，即return。注意事项：调用computed属性中的方法时，不能加括号...
2018-09-19 17:19:54
486
原创 vue第一个实例省市区联动
在写省市区联动的时候必须考虑市是依赖于省的，而区是依赖于市的，所以在data中先定义三个默认的值，为当前选中的第几个省市区，然后根据索引号可以在下面依赖的项中根据依赖的索引号来出现对应的。该省市区在data数据中的结构如图：...
2018-09-19 17:08:47
555
原创 vue的样式绑定
添加样式一共 有两种1. style属性添加动态样式的方法（1）以对象的方式添加（1.1 ）对象的属性名：是样式的属性名（小驼峰法命名）（1.2 ）对象的属性值： 不加引号，就是绑定的data属性中的变量，加引号，就是普通的演示属性值（2）以数组的方式添加样式（2.1 ） 将样式键值对放置在data的某个变量中（2.2 ）将变量作为数组元素放置在数组中2. ...
2018-09-19 16:56:32
408
原创 vue的指令
vue是通过大量的指令来实现的某种功能 指令结构：v-指令名，注意事项： angular与vue类似，也使用了大量的指令，但是指令以ng-开头，vue实例化中的this指向当前实例化的vue对象本身，data中的数据和methods中的方法，都挂载在实例化对象上，可直接调用。1. 条件判断指令v-if： 值为布尔值，作用：当为true时，该指令所在的标签存在并在页面中显示，当值为...
2018-09-19 16:44:12
145
原创 vue基础语法1
vue是目前最火的一个前端框架（只关注视图），react是最流行的一个前端框架。为什么学习前端框架？利用框架可以提高开发效率，原生js有一些兼容性（jquery就出现了，解决了兼容性问题），经常去操作dom元素，这时就出现了前端的模板引擎，省去了字符串拼接，但是页面在渲染的时候不会重新对标签进行排序，模板引擎会渲染整个页面，这时候就出现了框架，减少了不比啊哟的dom操作，不用渲染整个页面，...
2018-09-19 16:12:22
511
原创 正则表达式的升级2
+： 限定符，限制+前面的字符或者表达式出现1次或者多次例1： 限定b出现的次数var pat=/ab+/; 如果要限定ab出现的次数必须加() var pat=/(ab)+/;?： 限定符， 限制表达式或者字符出现0次或者1次*： 限定符，限定表达式或者字符出现0次或者多次 注意事项： 某些特定的字符在正则表达式中有特定的意义， 如果想使用当前的字符，需要通过反斜杠\...
2018-09-17 13:46:47
105
原创 js中的常用的正则表达式
正则表达式： regular expression（有规律的表达式）作用： 用来检索或者替换字符串中符合表达式条件的内容（即字符串）通过regExp构造函数生成正则表达式方法1： 参数1，要检索的字符串（匹配的条件） 参数2，修饰符，默认区分大小写var pattern=new RegExp('abc','gim') 其中i: 不区分大小写 ， g： 全局检索， m：执行多行检索...
2018-09-17 13:36:29
212
原创 express应用生成器
通过express应用生成器可以快速搭建一个应用骨架。1. 全局安装express-generatornpm install express-generator -g-g: 全局安装，任意目录下都可以使用express命令-save: 局部安装并将安装的模块作为依赖项添加至package.json文件中2. 创建项目名称express -e myapp-e: 项目支持e...
2018-09-17 13:12:14
326
原创 完善博客的功能
这个功能是在前面的基础上增加了评论的功能在首页显示所有的文章在首页当点击标题超链接的时候跳转到文章的详情页面在当前的文章详情页面，可以进行对文章进行评论，根据文章的id可进行对文章的评论进行提交。添加搜索功能添加标签功能总的结构树...
2018-09-16 16:07:26
165
原创 创建第一个node+express+ejs+mongodb写的第一个大型项目博客简易版
该博客请忽视页面，只写的代码，前端的页面部分没有很好的处理，但这也是小白可以看得懂的一个博客，比较简单，因为对于小白来说，在网上一搜都是看不懂，所以就总结了一下较简易的前期的版本。 下面这个是写的前端的页面，需要实现的结果，比较简单，大神绕路。 这个实现的功能是当打开首页的时候显示这些按钮，首页、标签、注册和登录，当登录上之后就把注册和登录消失，发布和退出超链接显示出来，其中左边的侧边栏和...
2018-09-16 11:19:13
521
原创 session 版简单的登录注册页面
今天分享一下当用户登录之后把账号密码记录下来，这样在整个请求中都可以获取到用户的信息，用这种方法可以判断用户是否在线。前面一个博客已经写过登录注册的页面和后端nodejs写的，这个就不用写了，只写一下登录之后怎么记住用户的信息，和用数据模板吧用户的信息返回出来，供前端使用，然后这个还使用了flash这个模块，用来记录及时消息的，只在页面显示一次，再次刷新页面就不再显示该消息了。 下面这个就是...
2018-09-16 09:21:52
2927
原创 模板引擎ejs简单介绍
模板引擎：将数据与标签分离开来，这样就不需要前面写的学生管理系统那样，在页面显示信息通过字符串的拼接的方式，而是直接用ejs模板引擎，将服务器端传过来的数据在页面直接显示出来，不会那样的麻烦了。ejs内部使用js代码，按照js的语法，内容都写在<% %>中基本语法：<% %> ：内容直接写js代码，遵循js语法<%= %>： 输出内部的内容（...
2018-09-14 21:05:50
2031
1
原创 node +mongodb+ ajax +jquery 初级模块化开发
1. 在前期的基础上，现在就讲一下模块化开发，模块化开发的好处就是代码不会看起来特别的乱，会让一个js文件放在一个模块中，然后最后一定不要导入和导出模块。2. 在原来的基础上建立三个文件夹models(用于存放建立数据库的连接和各种模板的)、router(一些js文件，各种请求的处理都放在这里，一定要在入口文件中导入该模块) 、www（用于存放静态资源的图片html等），入口文件只需要导入该路...
2018-09-14 20:38:30
294
1
原创 mongodb+node+ajax写的前期的学生管理系统没有渲染引擎的介入
1. 写好前端的页面，注册、登录、主页、添加、修改这几个页面。2. 在每个页面由前端向服务端发送请求其中index.html页面用于显示所有的学生信息，在首页向服务器端发送一个请求，用于显示数据的在首页，没有用到模板引擎，而用的是字符串拼接的方法。在页面的body中设置一个标签用于放服务器端返回过来的数据。其中首页的代码如下：3. 开始处理服务器端（1） 首先初始化npm in...
2018-09-14 20:27:59
311
原创 cookie个人的理解
cookie是浏览器端的作用是： 存储当前项目的相关信息，在当前项目的所有页面中，都可以访问到，多用于用户登录记住密码等类似的功能。默认情况下： 设置cookie生命周期，浏览器关闭，即cookie消失当前这种cookie被称为sessionCookie，即会话cookie。第一次在控制台输出cookie的时候，是个空的对象，第二次刷新的时候有你添加的属性1. 设置cookie信息...
2018-09-14 19:15:58
218
1
原创 mongodb的一些基本的操作的创建mongodb
创建mongodb有六个步骤，其实也就是四个步骤： 导入模块 var mongoose=require('mongoose') 连接数据库，数据库的连接的地址 mongoose.connect("mongodb://localhost/user") user是个数据库的名称 判断数据库的连接状态 设定数据库的模板以及遵循的数据类型 根据当前的...
2018-09-14 17:30:32
125
原创 mongoodb的安装步骤
mongoodb是为了连接数据库的，它的安装步骤：1. 在一个盘下创建一个文件夹名称为mongo2. 安装（1）选择custom自定义安装， 建议安装位置在c盘或者d盘根目录中，为了方便查找（2）安装好之后进入该文件夹下建立一个db（用于存放数据库的操作），和log(用于存放日志)的文件夹（3）以管理员身份运行cmd，window7下面自动cmd打开的就是管理员身份，windo...
2018-09-14 17:14:08
592
原创 nodejs+fs+express写的前期的登录注册页面
首先，要把数据存放到本地，就必须使用后端，现在没有使用数据库而是使用原始的fs写的一个登录和注册的页面，实现是用户名不能重复，根据用户名来判断该用户是否注册过，文件夹中的文件，是根据每个人的名字作为文件的名称。先写好前端的页面，也就是注册和登录的页面，就是一个表单，吧表单的action=“”传入一个路径，method=“post”只要是提交数据的表单最好都要写成post请求，而get请求会不安...
2018-09-14 16:36:42
3064
原创 HTPP协议
HTTP概念：（Hyper Text Transfer Protocol）,称为超文本传输协议，它是客户端与服务器端进行通信的所遵循的协议。所有的www文件都必须遵守这个标准，基于TCP/IP通信协议来传输数据的。工作原理：Http协议工作于客户端-服务器端架构上的，浏览器作为http客户端通过URL(统一资源定位符)向http服务器即web服务器发送所有的请求。web服务器根...
2018-09-14 15:16:24
533
原创 js中同步与异步加载的解释
请路过的高手，对于我个人的理解错误的地方给指出：js代码的执行顺序是从上往下依次执行的，如果你在body上面写个script标签，他会先去执行这里面的东西，再去执行页面的内容，js是一种单线程执行的，同步就是一种单线程任务。同步：任务的执行顺序与任务的排列顺序是一一对应的，按照代码从上到下的顺序执行。异步：任务的执行顺序与排列顺序无关，任务执行完成之后会优先执行附带的回调函数序...
2018-09-14 14:01:52
218
原创 nodejs的基本介绍
为什么要引入nodejs？Nodejs是服务器端的javascript的运行环境，它具有无阻塞和事件驱动的特点，Nodejs采用的是V8引擎。js文件，正常条件下需要通过html文件导入才可以运行，当安装了nodejs之后，可以通过node命令行直接运行js，当前的js是运行在服务器端的，借助于cmd命令行端口或者git命令窗口运行。Nodejs是一个基于chrome V8 引擎的jav...
2018-09-14 13:18:56
300
原创 total总的四个功能
'''写四个函数，分别为BMI体重计算器、出租车费用计算器、个税计算器、猜数字游戏'''#体重计算器函数def bmi(): #声明身高，体重变量 while True: # 声明变量 身高、体重 height = input('请输入您的身高(m)：') weight = input('情输入您的体重(kg)：')
2018-01-23 22:16:50
756
原创 student1
student_list=[]def add(): name = input('请输入一个学员的姓名：') student_list.append(name) print()def update(): for x in range(0, len(student_list)): name = student_list[x] pri
2018-01-23 22:15:55
515
原创 我的计算工资
''' 1.税额计算器 1.输入一个工资，如果工资为0，结束循环 2.根据工资计算缴纳的五险一金(工资缴纳上限：7662)，计算公式如下： 2.1 如果工资大于或等于7662 五险一金 = 7662*五险一金比例 2.2 如果工资小于7662 五险一金 = 工资 * 五险一金比例 3.计算应纳
2018-01-23 22:15:00
222
原创 list列表
#列表序列数组#容器类型，一般都是用来存储数据#列表，可以用来存储各种各样的数据，列表中存储数据是有顺序的#列表中每一个数据，都有一个索引，第一条索引为0，以此类推list_1=[1,2,'hello','world',3.16]print(list_1)#,,,,,,,,,向列表中添加数据#1.使用append(object)函数，向列表中追加数据,会把添加的数据放到列表的最后位
2018-01-23 22:14:14
189
原创 函数1
#函数就是将一段代码写在一起，如果需要使用，直接调用即可#就是封装一段功能代码的代码块，这段代码可以被多次使用#def define:定义#函数名称命名规范：单词全部小写，多个单词之间用_下划线连接，函数名要和实现的功能有关系，做到见名知意#def 函数名(参数列表)：# 函数功能代码def eat(): print('先去买菜') print('洗菜')
2018-01-23 22:13:10
186
原创 猜数字2018_01_23
''' 2.猜数字游戏 1.随机产生一个0~100(包含0和100)的整数 2.在while循环中： 2.1 输入一个0~100的整数,input输入的是字符串 2.2 转换为整数类型 2.3 和正确的答案数字做对比 2.3.1 猜测数字 大于 正确答案
2018-01-23 22:12:18
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人