前端
酥溯苏
我的前端人生
展开
-
小程序简单实现保存海报功能
1.简单的放一张带有二维码的图片2.简单的写下功能代码,小程序有自带的API。可以去官方文档看下各自的作用和参数。saveImg: function() { let that = this wx.getSetting({ success(res) { //未授权 先授权 然后保存 if (!res.authSetting['scope.writePhotosAlbum']) { wx.authorize({ scope: 'scope.writePhotosAlbu原创 2020-08-27 15:57:06 · 518 阅读 · 2 评论 -
小程序实现验证码效果
先放个简单的效果图小程序实现验证码效果1.xml代码注意要把input的宽度设置为零。不然input就出现在视野里了<view class="code"> <view class="items"> <view class="item" bindtap="getFoucs">{{code[0]}}</view> <view class="item" bindtap="getFoucs">{{code[1]}}</view&原创 2020-08-27 15:50:30 · 494 阅读 · 0 评论 -
小程序用swiper组件实现tab选项卡(实现tab左右滑动效果)
标题小程序用swiper组件实现tab选项卡(实现tab左右滑动效果)先附上wxml代码这是我写项目过程中写的,为了节省时间,后面几个页面就用tabx文字代替。用scroll-view组件实现头部标签的横向滚动swiper组件来实现对应tab页面的切换注意标签元素一定要加高度,不然滚动条会被掩盖。css代码写的顺序没那么对应,希望大家见谅**说明一下几个属性代表的意义** 1....原创 2020-04-14 17:11:40 · 1882 阅读 · 0 评论 -
vue实现简单的tab选项卡效果
vue实现简单的tab选项卡效果 首先,附上页面布局代码。用下标来控制class类名的添加与删除,实现导航块字体样式和背景颜色的变化。下部对应布局用v-show来控制其显示和隐藏。超级简单的逻辑代码,nav控制选中的块作用域。判断条件nav==index简单的选项卡效果就实现了。希望对初学者有所帮助。...原创 2020-01-08 14:04:45 · 684 阅读 · 0 评论 -
服务端与客户端渲染
服务端与客户端渲染早期,用户使用浏览器浏览的都是一些没有复杂逻辑的、简单的页面,这些页面都是在后端将html拼接好的然后将之返回给前端完整的html文件,浏览器拿到这个html文件之后就可以直接解析展示了,而这就是所谓的服务器端渲染。而随着前端页面的复杂性提高,前端就不仅仅是普通的页面展示了,而可能添加了更多功能性组件,复杂性更大,另外,彼时ajax的兴起使得业界就开始推崇前后端分离的开发模式...原创 2019-10-06 14:13:40 · 180 阅读 · 0 评论 -
可枚举与不可枚举
(1)在js中,对象的属性分为可枚举和不可枚举,它们是由属性的enumerable值决定的,不可枚举属性,用for...in是遍历不到的,js中内置属性是遍历不到的。举个例子:function P(){this.a ='nihao';this.b ='yes';this.c =function(){console.log('1');}}P.proto...转载 2019-10-06 14:16:18 · 1373 阅读 · 0 评论 -
vue数据双向绑定底层原理:
vue数据双向绑定底层原理简单描述vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。具体步骤:第一步:需要observe的数据对象进行递归遍历,包括子属性对象的属性,都加上setter和getter这样的话,给这个对象的某个值赋值,就...原创 2019-10-06 14:18:26 · 549 阅读 · 0 评论