自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 问答 (1)
  • 收藏
  • 关注

原创 call apply bind , new的原理 ,防抖和节流

call appply bind:首先呢他们都是用来改变this指向的,但是他们也有区别区别:​ 1,传参不同:call通过“,”分隔的形式传递参数,前面是函数名​ 例:函数名.call(目标对象,参数一,参数二)​ apply参数使用数组进行传参​ 例:函数名.apply(目标对象,参数一,参数二)​ bind传参“,”分隔开,因为bind返回的是一个函数所以调用要加上括号​ 例:函数名.bind(目标对象,参数一,参数二)()​ 2,函数是否执行:首先呢c

2020-08-31 21:39:35 184

原创 vant进度条框架报错,百家云移动端h5点播SDK, 二维码分享

vant进度条框架报错错误信息:Invalid prop: type check failed for prop “percentage”. Expected Number,网上查找问题原因:1,因为vant进度条中的percentage是设置百分比的,所以他不可以大于100,把这个percentage这个设置为小于100的就可以了,我设了这种方法,但是貌似不太管用,所以我就去查了第二个方法2,因为没渲染你就获取数据,所以出现的报错,加上v-if就可以了 <van-progress v-if

2020-08-28 21:02:53 741 1

原创 vue项目切换用户头像的写法

vue项目切换用户头像的写法vue程序的头像的切换,今天别人给我讲了下我今天来试了一下还不错,进行总结首先是找清楚需要用的接口1,https://www.365msmk.com/api/app/public/img向服务器上传图片2,https://www.365msmk.com/api/app/user 把服务器图片上传到头像就这两个就行了接下来就是步骤的实现主要用到的其实是表单输入中的file<template> <div id="app"> <

2020-08-27 23:16:20 810

原创 vue组件递归

vue组件递归组件递归的话可以用来做一些后台管理系统的导航列表页面 可以用于多级导航的布局,十分简单首先是一个Tree组件的话tree.vue<template> <div> <div :style="indent"> {{title}} </div> </div></template><script>export default { name: "Tr

2020-08-26 21:06:22 336

原创 新建文本文档 (2)

put请求传递参数的方式今天项目中提交用户信息修改的时候调用了接口传递了接口但是接口返回错误信息,因为put的话,它的传参方式需要将参数设置为字符串的形式来进行传递,自己上网查了一下才解决使用put和delete请求,直接指定 ajax 请求中的 type 为 put/delete(不带 _method 参数),并且需要传递参数的时候data需要设置为json字符串var jsonstr = {"id":1,"name":"zsw"};$.ajax({ url:"/update",

2020-08-24 23:11:13 957

原创 vue项目问题

vue路由传值vue的路由传值有两种方式paramsthis.$router.push({ path:"/地址", params:{ 参数名:"参数值" }})接受this.$route.params."参数值"params的话传参刷新页面数据会消失不会保存querythis.$router.push({ path:"/地址", params:{ 参数名:"参数值" }})接受this.$route.query."参数值"query的话

2020-08-23 22:24:22 199

原创 vue的传值

vue的传值:1.父传子:在父组件的子组件标签上通过v-bind绑定要传递的数据,然后在子组件内部通过props接收// 父组件<select-list :dataList="dataArr" @parentReceive="changeVal"/> // 子组件props: ['dataList'] 123452.子传父:在子组件中定义一个方法,然后在方法里面通过this.emit进行传递(emit进行传递(emit进行传递(emit有两个参数(自定义事件名

2020-08-21 23:25:10 99

原创 vue全局过滤器,vue父组件如何向子组件传递布尔值,vue父组件调用子组件方法,setInterval

vue全局过滤器的使用首先是在src目录下新建filters文件,文件里面是index.jsexport function price(num){ if(num==0){ return num ="免费" }else{ var a = num/100 return a.toFixed(2) }}配置main.js文件//先引入import * as filters from './filters'//再配置Objec

2020-08-20 22:15:13 4400

原创 vueaxios请求封装,vue过滤器和moment日期库的使用,vue组件传值,vue中利用组件方式使用SVG,vue中底部导航栏router-link样式的修改

axios请求接口封装首先是三个文件request.js,api.js和env.js文件request.js://引入axiosimport axios from "axios"//设置专属域名const vipUrl = "/api/app/"//设置公共域名const env = require("../http/env")const Url = env.default.prod.baseUrl//创建一个axios请求const service = axios.create({

2020-08-19 23:31:30 248 1

原创 vue框架的搭建

vue框架的搭建1,安装脚手架vue install -g @vue/cli注意:安装脚手架报错时,错误代码-4058可以用以下方法解决1,配置淘宝镜像npm config set registry https://registry.npm.taobao.org2,npm info underscore (如果上面配置正确这个命令会有字符串response)3,npm --registry https://registry.npm.taobao.org info underscore最后继

2020-08-18 21:21:11 154

原创 新建文本文档 (2)

webpack手动搭建环境1,什么是webpack本质上,,WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。webpack的理念就是一切皆模块化,把一堆的css文件和js文件放在一个总的入口文件,通过require引入,剩下的事情webpack会处理,包括所有模块的前后依赖关系,打包、压缩、合并成一个js文件,公共代码抽离成一个js文件、某

2020-08-17 23:07:50 711

原创 微信小程序项目总结(微信小程序传参方法,微信小程序三级联动,项目总结)

小程序学习笔记1,微信小程序的传参方法// 或者在wx.js里用wx.navigateToxi//页面跳转传参wx.navigateTo({ url: '/pages/detail/detail?productId=12345'})如果传参的话参数不能是对象,如果需要传对象,可以将对象转成json字符串,然后拼接到url后面,在接收页面再将json字符串转成对象let info = { a:2, b:3}let infoStr = JSON.stringfy(info);wx.

2020-08-15 21:11:13 564

原创 JS学习笔记

微信小程序学习笔记1,简单介绍下 js这个是今天早上在在听面试题的时候遇到的 感觉听了听被面试者的回答 我感觉还不够好于是自己就在网上查了一下JavaScript一种直译式脚本语言是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。组成部分javascript组成一个完整的 JavaScript 实现是由以下

2020-08-15 00:23:24 112

原创 微信小程序学习笔记(动态绑定样式,双层循环item重名,页面跳转,async/await的再次学习)

微信小程序学习笔记1,微信小程序动态绑定style样式和class今天在做项目时遇到了一个关于切换导航 切换样式的问题,自己是想用style和class动态绑定来完成 但是自己一时又记不起来怎么写了 于是上网上 查了查资料 现在来进行总结首先是遍历导航按钮的每一项并赋予index第二步是通过点击导航按钮来更改保存在data中的selectIndex通过在标签中的class样式<button class="{{ index===currentIndex? 'active':'' }}" &gt

2020-08-13 23:32:49 978

原创 微信小程序学习总结(async,await)

微信小程序学习总结(async,await)1,async,await和promise首先是async和await,async和await是async和await两部分组成,async是异步的意思,而await是async wait的简写,所以async用于声名function是一个异步的,await用于等待异步方法执行async:async是加在一个function之前的,它的作用是将function变为异步的操作,而这个异步操作的返回值是一个promise对象 async f

2020-08-13 01:30:48 6412 3

原创 微信小程序的登录(详细)

微信小程序的登录(详细)1,还是先从button按钮来开始实现的,button按钮弹框是一个组件,在组件中触发事件 <view class="xhy_btns" v-show={{isShow}}> <button type="primary" open-type="getUserInfo" bindgetuserinfo="getUserinfo">允许</button> <button type="default" catcht

2020-08-12 00:16:04 640

原创 微信小程序的登录注册 实现

微信小程序的登录注册 实现前提:本案例是配合API工场的后台接口实现的1,首先是给页面加上一个按钮或者弹出层 <button class="l" open-type="getUserInfo" bindgetuserinfo="processLogin">允许</button>2,利用点击按钮来获取用户的信息 processLogin(e) { //e就是用户的信息 //如果没有用户userInfo if (!e.detail.userInfo)

2020-08-10 23:08:02 2735

原创 微信小程序关于商品详情类的富文本解析器

微信小程序关于商品详情类的富文本解析器富文本的解析,在vue中有v-html解析富文本的方法,但是在微信小程序中就不可以了,所以今天老师讲解了一种关于微信小程序的富文本的解析方法github地址:https://github.com/icindy/wxParse使用方法1,下载github官方wxParse目录到小程序的根目录下文件结构:​ wxParse/​ -wxParse.js(必须存在)​ -html2json.js(必须存在)​ -htmlparser.

2020-08-08 20:41:06 352

原创 微信小程序api获取数据的请求进行封装

微信小程序关于如何对api获取数据的请求进行封装为了方便数据请求的管理,老师今天给我们讲解了rich-text的相关知识点,按照自己的理解进行总结//env.js主要配置的是公共的baseUrlmodule.exports={ //开发环境 dev:{ baseUrl:'http://127.0.0.1:8080' }, //生产环境 prod:{ baseUrl:'https://api.it120.cc' }, //测试环境 test:{ b

2020-08-08 20:38:05 927

原创 2020_08_08刷题笔记

以下关于History对象的属性或方法描述正确的是( ) length 返回浏览器历史列表中的URL数量 back() 加载 history 列表中的前一个URL forward() 加载 history 列表中的下一个URL go() 加载history列表中的某个具体页面。DOM,文件对象模型,提供了树状结构的表示方法,以下描述正确的是:DOM树中总共分为如下几种节点格式:Element类型(元素节点)、Text类型(文本节点)、Comment类

2020-08-08 00:15:17 574

原创 2020_08_07微信小程序学习总结

续:昨天遗漏的知识点自定义组件样式隔离问题默认的情况是自定义组件外部的样式不会污染到自定义组件内部的样式如有需要还可以设置隔离方法:1,在组件的options中开启styleIsolation选项代码如下: Component({ options:{ styleIsolation: 'isolated',//表示样式隔离,默认隔离 }, `` 2. 通过外部样式类允许外部的某个类来影响自定义组件 `` 方法: 1

2020-08-07 20:28:34 264

原创 1, 小程序的自定义组件的引用,传值,父组件获取子组件的方法和参数

1, 08_05小程序的自定义组件的引用,传值首先是组件的引用 1,在父组件中的json文件中引入 例如: { "usingComponents": { "Paying":"/components/paying/paying" } } 2,在父组件中直接使用 <view> <button class="btn_pay">支付</button> <Paying/> </view>

2020-08-06 22:50:09 1029

原创 微信小程序学习第二天

微信小程序学习第二天1,事件流1,事件冒泡:从电机的元素开始触发,向上事件传播组织事件冒泡:event.stopProPagation()2,事件捕获:多上级元素传递,传递到最具体的元素btn.addEventListener(‘click’,function() {//回调},true)2,小程序事件冒泡和阻止事件冒泡bind+时间名=“方法名” 向上传递事件,即冒泡事件catch+事件名=“方法名” 组织事件冒泡3,小程序的生命周期1,整体小程序的生命周期App({ onLau

2020-08-05 23:10:22 170

原创 08_05刷题总结

08_05刷题总结1,实现翻书的效果可以使用css3里的什么方法rotateY:定义沿着Y轴的3D旋转,可以实现翻书的效果translateY:沿着Y轴移动元素scaleY:定义2D缩放转换时,改变元素高度;定义3D缩放转换时,通过给定一个Y轴的值perspective(n):改变3D元素是怎么查看透视图(注:只影响3D转换元素)故:这个选项为rotateY2,哪个 HTML5 元素用于显示已知范围内的标量测量?<meter>标签可以用于测量3,对于welcome to y

2020-08-05 22:51:46 242

原创 面试题

1,响应式布局如何实现1,先从响应式的作用开始,然后再接着回答如何实现的响应式响应式布局主要是为了让网站适配不同分辨率的手机端和电脑端,给用户更好地体验实现响应式布局总共有五种方法:1,百分比布局利用属性设置百分比来适配不同的屏幕能够设置的属性有width,height,padding,margin 都可以来用百分比来设置而font-size不能用2,媒体查询方式来实现利用媒体查询方式底层原理也是用js实现的,用媒体查询的可以实现比百分比更加的细致页面布局但是利用媒体查询的话需要给每个不同分

2020-08-05 07:26:23 627

原创 2020_08_04微信小程序学习总结

今天老师讲了微信小程序,通过今日份的学习,现在做下总结首先微信小程序是小程序的一种,是张小龙在2017年1月9日发布的,全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系首先是它和H5的区别吧1,微信小程序没有完整的JS API 但是H5拥有完整的JS API2,渲染机制不同:微信小程序渲染线线程和逻辑线程是独立并行运行的,而H5只是一个线程3,微信小程序扩展了底层能力,H5调用底层能力比较弱(底层能力

2020-08-04 23:15:25 544

原创 牛客网错题总结08_04

牛客网错题总结1,电子邮箱的连接,的正确写法:&lt;a href=”mailto:love@baidu.com”&gt;love@baidu.com&lt;/a&gt;2,HTML中< p >标的用法:1,p是段落,如果需要换行,直接使用p标签,不需要在p标签中使用br2,p标签中不可以添加div这种块级元素标签,p标签中不能包含某些标签,比如< li >标签等。 p标签中只能包含phrasing content3,获取原生JS

2020-08-04 22:53:40 213

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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