゛Pudding
码龄7年
求更新 关注
提问 私信
  • 博客：65,254
    65,254
    总访问量
  • 44
    原创
  • 11
    粉丝
  • 17
    关注
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：北京市
加入CSDN时间： 2017-12-15

个人简介：疲倦的生活里总要有些温柔的梦想~

博客简介：

゛Pudding

博客描述：
疲倦的生活里总要有些温柔的梦想~
查看详细资料
个人成就
  • 获得76次点赞
  • 内容获得3次评论
  • 获得177次收藏
  • 代码片获得599次分享
  • 博客总排名1,124,237名
创作历程
  • 41篇
    2020年
  • 3篇
    2019年
成就勋章
TA的专栏
  • 面试必备
    7篇
  • git
    2篇
  • javascript
    1篇
  • es6
    1篇
  • 小程序
    24篇
  • HTML&CSS
    6篇
  • vue
    5篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 1

TA参与的活动 0

兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 软件工程
    性能优化
  • 网络空间安全
    web安全
  • 学习和成长
    面试
创作活动更多

王者杯·14天创作挑战营·第2期

这是一个以写作博客为目的的创作活动，旨在鼓励码龄大于4年的博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧！我们一起发掘写作的魅力，书写出属于我们的故事。 注： 1、参赛者可以进入活动群进行交流、分享创作心得，互相鼓励与支持（开卷），答疑及活动群请见https://bbs.csdn.net/topics/619735097 2、文章质量分查询：https://www.csdn.net/qc 我们诚挚邀请你们参加为期14天的创作挑战赛！

57人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多

  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

es6简介 let & const let与var的区别！！！

1、简介ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版，主要是为了解决 ES5 的先天不足2、let 与 constES6新增加了两个重要的 JavaScript 关键字: let 和 constlet 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量，一旦声明，常量的值就不能改变。const 声明一个只读变量，声明之后不允许改变。意味着，一旦声明必须初始化，否则会报错。代码块内如果存在
原创
发布博客 2020.12.29 ·
200 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

微信小程序 返回并刷新上一页数据

var pages = getCurrentPages();//获取页面栈if (pages.length > 1) {//上一个页面实例对象var prePage = pages[pages.length - 2];//调用上一个页面的onShow方法prePage.onShow()}
原创
发布博客 2020.12.09 ·
2691 阅读 ·
2 点赞 ·
1 评论 ·
2 收藏

小程序二级树

点击查看链接: 小程序二级树.
原创
发布博客 2020.12.08 ·
180 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

小程序fiexd定位后sroll-view失效

1、wxml部分<view class="cont"> <scroll-view scroll-x class="nav classify" scroll-with-animation scroll-left="{{scrollLeft}}"> <view class="item {{index==TabCur?'cur':''}}" wx:for="{{productCategories}}" wx:key
原创
发布博客 2020.11.19 ·
199 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

微信小程序获取当前地理位置

1、wxml绑定<view bindtap='getLocal'>获取位置</view>2、js部分// 获取当前地理位置 授权验证 getLocal(){ let that = this; wx.getSetting({ success(res) { if (res.authSetting['scope.userLocation'] == false){ // 如果已拒绝授权，则打开设置页面 wx.op
原创
发布博客 2020.11.17 ·
272 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

小程序实现点击后地图选择定位位置

1、wxml写点击事件并绑定数据<view class="address">{{address}}</view>2、js给一个默认初始值Page({ data: { address: "定位" }, handleAddressClick() { wx.chooseLocation({ success: this.handleChooseLocationSuccess.bind(this) }) }, handleChoo
原创
发布博客 2020.11.13 ·
689 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

小程序只展示for循环数据的前几条

// 展示数组的前两条数据<view wx:for="{{wow.commentList}}" wx:for-item="cos" wx:key="key" wx:if="{{index < 2}}"></view>
原创
发布博客 2020.11.10 ·
3733 阅读 ·
7 点赞 ·
0 评论 ·
9 收藏

小程序动态修改标题navigationBarTitleText

1、平时我们是在.json文件直接去设置页面标题{ "navigationBarTitleText": "首页",}2、想要修改标题可以给他动态设置，或者根据一些判断条件在.js文件中去设置wx.setNavigationBarTitle({ title: '我是修改后的标题啊'})...
原创
发布博客 2020.11.10 ·
6403 阅读 ·
3 点赞 ·
0 评论 ·
3 收藏

小程序弹出弹框隐藏底部导航反之出现

<view class="fabu" bindtap="showModals" data-target="bottomModal"> <image src="../../images/home/fabu.png"></image></view><view class="cu-modal bottom-modal {{modalName=='bottomModal'?'show':''}}" bindtap="hideModals">
原创
发布博客 2020.10.26 ·
736 阅读 ·
2 点赞 ·
0 评论 ·
2 收藏

2020前端面试题-react

1、react diff 原理把树形结构按照层级分解，只比较同级元素。列表结构的每个单元添加唯一的 key 属性，方便比较。React 只会匹配相同 class 的 component（这里面的 class 指的是组件的名字）合并操作，调用 component 的 setState 方法的时候, React 将其标记为 dirty.到每一个事件循环结束,React 检查所有标记 dirty 的 component 重新绘制.选择性子树渲染。开发人员可以重写 shouldComponentUpda
原创
发布博客 2020.10.24 ·
304 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

如何解决跨域问题？

能说1，2，7，8就行。1、 通过jsonp跨域2、CORS3、 document.domain + iframe跨域4、 location.hash + iframe5、 window.name + iframe跨域6、 postMessage跨域7、 nginx代理跨域8、 nodejs中间件代理跨域9、 WebSocket协议跨域...
原创
发布博客 2020.10.13 ·
270 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

小程序图片海报在安卓保存失败的bug

在小程序中海报图片保存分享的功能实现中，部分用户图片海报保存不了检查原因：小程序在保存图片海报时，苹果手机图片扩展名还是.png安卓手机扩展名为.unknown，保存失灵解决办法：filePath: wx.env.USER_DATA_PATH + ‘/’ + fileName + ‘.png’,查看是否授权然后在执行保存方法savePoster: function () { let that = this wx.getSetting({ success(
原创
发布博客 2020.09.29 ·
902 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

小程序地图获取位置

首先需要在app.json中添加字段，给予权限"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },不添加的话会出现以下情况此处我的经纬度是从上一页传过来的，展示当前位置Page({ data: { longitude: '', //经度 latitude: '', //纬度 markers: [{ id: 0, .
原创
发布博客 2020.09.18 ·
220 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

小程序前端调用微信支付

小程序调用微信支付前还需要一系列准备工作申请资质认证填写公司资料，等待审核通过拿到AppID和AppSecret申请开通微信支付，等待审核通过编写小程序端代码// An highlighted blockwxPay: function (e) { var that = this; wx.request({ url: app.data.address, header: { "Content-Type": "application/json;
原创
发布博客 2020.09.18 ·
462 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

小程序swiper小圆点默认样式改变

开发过程中swiper样式不喜欢，想要修改小圆点样式，拿到swiper下的小圆点进行修改，去设置想要的颜色，点与点之间的间距等等一系列样式/* 圆点的样式 */swiper .wx-swiper-dot { width: 35rpx; height: 7rpx; border-radius: 50%; display: inline-flex; margin-left: 19rpx; justify-content: space-between;}swiper .wx-swi.
原创
发布博客 2020.09.17 ·
831 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

微信小程序圆角苹果手机不兼容

1、安卓手机圆角的正常操作就是直接border-radius：3rpx2、苹果手机圆角却不显示，需要加以下样式：.box{ border-radius: 6rpx; overflow:hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);}...
原创
发布博客 2020.09.17 ·
895 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

小程序修改名称功能显示隐藏实现

1.wxml中用wx：if 控制显示隐藏<view class="over" wx:if="{{!shows}}"> <text class="fl">{{personalInfo.userName}}</text> <text class="edit" bindtap="edit">修改</text></view><view class="over" wx:if="{{shows}}"> <input
原创
发布博客 2020.08.03 ·
499 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

微信小程序底部与顶部背景颜色文字颜色修改

1、单个页面修改顶部背景颜色与文字颜色{ "usingComponents": {}, "navigationBarBackgroundColor": "#17abe3",//背景颜色 "navigationBarTextStyle": "white"//文字颜色，只能为black 或者 white。}文字颜色，只能为black 或者 white，不然会出现以下情况：2、全局修改顶部背景颜色与文字颜色在app.json文件中找到window "window":{ "b
原创
发布博客 2020.07.02 ·
13755 阅读 ·
5 点赞 ·
0 评论 ·
25 收藏

2020前端知识点汇总(五)-vue

1、vue的组件通信？父传子用props父用子用ref子调父用$emit无关系用Bus2、vuex？组件通信库，可以避免子组件无法改变props的弊端等 mutations 同步操作， 用于改变状态 官方不推荐异步 action执行多个mutaions，官方推荐异步操作 mapState、mapGetters、mapActions使用示例3、vue的双向绑定？原理：利用了 Object.defineProperty()这个方法重新定义了对象获取属性值(get)和设置属性值(set
原创
发布博客 2020.07.01 ·
281 阅读 ·
1 点赞 ·
0 评论 ·
3 收藏

2020前端知识点汇总(四)-小程序

1.简单描述微信小程序的相关文件类型?WXML （WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件。WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式js 逻辑处理，网络请求json 小程序设置，如页面注册，页面标题及tabBar。注意:app.json必须要有这个文件，如果没有这个文件，项目无法运行，因为微信框架把这个作为配置文件入口，整个小
原创
发布博客 2020.07.01 ·
402 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏
加载更多