wei_bo_ren
码龄8年
求更新 关注
提问 私信
  • 博客:187,291
    187,291
    总访问量
  • 14
    原创
  • 18
    粉丝
  • 1
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:广东省
加入CSDN时间: 2017-03-05

个人简介:每一个不曾起舞的日子,都是对生命的辜负!

博客简介:

weiboren的博客

博客描述:
代码,代码,优雅,优雅。
查看详细资料
个人成就
  • 获得25次点赞
  • 内容获得18次评论
  • 获得80次收藏
  • 博客总排名769,109名
创作历程
  • 5篇
    2018年
  • 13篇
    2017年
成就勋章
TA的专栏
  • 前端基础知识
    3篇
  • 前端大杂烩
    3篇
  • 面试相关
    2篇
  • jQuery
    1篇
  • 前端项目知识点
    4篇
  • 小程序
    3篇
  • Hybrid APP
    1篇
  • Vue学习
    3篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

创作活动更多

新星杯·14天创作挑战营·第13期

这是一个以写作博客为目的的创作活动,旨在鼓励大学生博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛!注: 1、参赛者可以进入活动群进行交流、互相鼓励与支持(开卷),虚竹哥会分享创作心得和涨粉心得,答疑及活动群请见:https://bbs.csdn.net/topics/619781944 【进活动群,得奖概率会更大,因为有辅导】 2、文章质量分查询:https://www.csdn.net/qc

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

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

vue2.0中的组件通信3——兄弟组件之间通信

上一篇我写了子组件通过事件向父组件发送数据,在这里我们就来聊聊同级组件之间数据通信的问题。同级组件之间的通信需要依赖一个vue实例作为中介者,(类似邮差)起到传递信息的作用。 我的代码依然沿用上面两篇的目录结构: 新建一个event.js文件,在里面新建一个vue实例,这个实例就承担起了组件之间通信的桥梁了,也就是中央事件总线。 加入代码 event.js:import Vue fr...
原创
博文更新于 2018.03.20 ·
7367 阅读 ·
1 点赞 ·
0 评论 ·
11 收藏

小程序开发之页面参数传递

在小程序开发的过程中,我们会经常遇到页面参数传递的问题,那么小程序是如何传递参数的呢?下面我以传递id为例,写出实现过程。第一步:在链接后面加上需要传递的参数 将参数写在链接后面  格式:?key=value,如需传递多个值,可用&号连接多个值:?id={{item.id}}&name={{item.name}}第二步:在跳转到的页面打印输入传递过来的参数  拿到id第三步:将传递...
原创
博文更新于 2018.04.25 ·
1683 阅读 ·
0 点赞 ·
0 评论 ·
4 收藏

小程序开发之获取token值

在小程序开发的过程中。我们在处理登录模块的时候需要拿到token值。根据官方文档的描述,这一过程需要与后端同事共同配合才能拿到。 // 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId // console.log(res) ...
原创
博文更新于 2018.03.26 ·
27176 阅读 ·
2 点赞 ·
3 评论 ·
20 收藏

页面上的图片太多?快试试懒加载!

          今天在项目开发的过程中,调用后台提供的一个接口的时候,返回了93张图片,并且每张图片都是700*700,真叫人头大!结果自然是打开页面的时候卡的比较严重。显然,作为一名合格的前端工程师,我们必须采取一些措施,以提高用户体验。 一方面向后台同事反应问题,提醒他们将图片的规格修改成比较小的,另一方面,我们前端也可以通过懒加载来减缓服务器压力,优化网页性能。就算是后台提供的图片很小...
原创
博文更新于 2018.03.26 ·
972 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

jQuery对象与DOM对象的相互转换

     通过jQuery选择器获取的对象与通过document.getElementById获取的对象是不同类型对象。    使用jQuery获取的对象不能使用DOM中的方法,而DOM对象也不能直接使用jQuery中的方法,例如  $p.html(*)是会报错的。那就涉及到将他们相互转换的问题,那么,如何将他们相互转换呢?1.jQuery对象转DOM对象方法一:[index] (1) jQuer...
原创
博文更新于 2018.03.26 ·
450 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

教你分清HTTP与HTTPS

HTTP与HTTPS的区别超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息,HTTP协议以明文方式发送内容,不提供任何方式的数据加密,如果攻击者截取了Web浏览器和网站服务器之间的传输报文,就可以直接读懂其中的信息,因此,HTTP协议不适合传输一些敏感信息,比如:信用卡号、密码等支付信息。 为了解决HTTP协议的这一缺陷,需要使用另一种协议:安全套接字层超文本传输协议HTTP...
转载
博文更新于 2018.03.26 ·
2525 阅读 ·
0 点赞 ·
0 评论 ·
4 收藏

windows系统下VI编辑器的基本使用

vi编辑器是Linux系统下标准的编辑器.而且不逊色于其他任何最新的编辑器.但是在windows系统中如何使用VI编辑器呢?下面给大家介绍在git环境下的vi编辑器的简单用法和部分命令.工具原料:git2.7.2,  下载地址:https://git-for-windows.github.io/首先启动git:VI编辑器基本上可以分为三种状态,分别是命令模式(command mode)、插入模式(...
原创
博文更新于 2018.03.23 ·
8793 阅读 ·
3 点赞 ·
0 评论 ·
12 收藏

如何改变默认的checkbox样式

我们在项目中使用到input标签的checkbox的时候,它的默认样式通常无法满足项目需求,主要是它显得有点小而丑。将它根据项目的需求进行改造就是我们要做的事情了,下面讲两种常用的做法。1.使用背景图片代替选中效果 主要原理就是将原来的checkbox隐藏:visibility: hidden属性但它依然占据位置,用图片代替它的位置。 优点就是兼容性好 效果图: 代码:--...
转载
博文更新于 2018.03.20 ·
53338 阅读 ·
1 点赞 ·
2 评论 ·
16 收藏

vue2.0中的组件通信2——子组件向父组件传递数据

上一篇我写了父组件如何向子组件下发数据的操作,今天我们来聊聊子组件如何向父组件发送数据。在Vue.js中是通过事件来完成子组件向父组件发送数据的。 代码沿用上一篇的结构。上代码: 初始状态 子组件 childOne.vue中 先写好需要发送的数据 父组件app.vue 效果: 然后开始进行数据发送: 在子组件中增加一个按钮并未按钮绑定一个发送数据的事件sendData:在...
原创
博文更新于 2018.03.20 ·
563 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

vue2.0中的组件通信操作1——父组件向子组件下发数据

Vue.js最大的特性之一就是组件化开发方式,带来的一点小问题就是数据分散到了各个组件中,不像传统的一个.html页面的基本上所有的数据都在一个页面上无缝操作。Vue.js中也有实现数据共享的机制,在Vue.js中叫做组件通信,简单来说就是在组件之间完成传递数据的操作。你想要它手里的数据,可以拿到,他想要你的数据,也可以获取。 那么,组件通信如何实现呢?组件一般可以分为父子组件和兄弟组件,我们先...
原创
博文更新于 2018.03.20 ·
657 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

小程序swiper切换闪屏问题

小程序swiper滑动闪屏问题在小程序开发过程中使用swiper做轮播图,发现当用户切换图片过快时会出现异常的闪屏现象,官方文档 中描述了这个Bug & Tip: 在电脑上测试的时候没有问题,但是在真机上会出现这种情况,当然一般用户不会切换那么快,我们还是要考虑如何避免这种会导致小程序崩溃的问题。项目中的swiper效果: -解决方案: 函数防抖 既然是切换过快,不停...
原创
博文更新于 2018.03.15 ·
15452 阅读 ·
0 点赞 ·
5 评论 ·
8 收藏

cordova Hybrid App环境搭建以及工程创建

最近在公司有一个项目,用到了cordova,再次记录下项目中遇到的问题及解决方案。其实使用cordova开发Hybrid App,开发方式处理在搭建环境之外,其他开发模式与web的开发模式无很大差别,基本上都是使用html,css,js的方式完成项目开发。官网中文文档步骤一、环境搭建:1.node.js官网下载地址2.安卓/ios 开发环境二、安装c
原创
博文更新于 2018.01.26 ·
622 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

实现文本域输入字数的限制

实现文本域输入字数的限制我们在QQ空间发表说说发微博的时候,会有140字的字数限制。今天我们也来把这个简单的效果做出来,刚好是项目中遇到的小问题。在此记录下来。写代码: ``javascript (“textarea”).on(“input propertychange”, function() {          var(“textarea”).on(“input propertychan
转载
博文更新于 2017.12.14 ·
1327 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

使用html+css实现简单的箭头

简单的css箭头制作
原创
博文更新于 2017.11.14 ·
33387 阅读 ·
7 点赞 ·
1 评论 ·
22 收藏

使用JavaScript获取设备信息

navigator.appVersion可以获取系统、设备等信息。所以使用Javascript获取用户的设备信息主要是对字符串的裁剪和拼接操作。初始打印出来的数据: 正好我使用的红米4手机打印出来的数据顺序跟其他的安卓手机不太一样,对它的数据做了特别的处理。最终效果如下: 代码:html部分:无JavaScript部分:// 获取初始信息 var app=navigator.
原创
博文更新于 2017.07.10 ·
18209 阅读 ·
0 点赞 ·
0 评论 ·
7 收藏

如何在登陆后返回之前浏览的页面

如何登陆后返回之前的浏览页面我们在浏览很多网站的时候,当你进行某项操作的时候,网也会提示你要登陆,在你进行登陆后,页面会跳转到之前你访问的页面,这是怎么做到的呢?首先,上个页面会带有一个叫做referrer参数返回到当前页面,这个参数就是商业页面访问的信息基本思路是:在登陆成功后让js判断是否有referrer,如果有,回到之前的页面,如果没有,那就跳转到首页就行了。看代码说话://登录成功
原创
博文更新于 2017.07.07 ·
4226 阅读 ·
2 点赞 ·
0 评论 ·
6 收藏

常见的前端面试题——(持续更新...)

前端面试题
原创
博文更新于 2017.05.03 ·
700 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

浅谈cookie/session与的生命周期

分享有关cookie与session的区别与生命周期。
转载
博文更新于 2017.03.05 ·
9546 阅读 ·
7 点赞 ·
0 评论 ·
22 收藏
加载更多