vue-awesome-swiper ---移动端h5 swiper 和 tab 栏选项联动效果实现

很久之前做小程序时有个类似每日优鲜里储值卡充值界面里的 卡轮播和价格tab栏联动效果,当时觉得新鲜做出来之后也没当回事。直到今天又遇到了一个类似的功能,所以想着总结经验。 实现效果如下图: 图解:点击tab菜单 三个选项时,下面的轮播会随之滑动,下面的商品列表也会根据上面的tab选项变化。反之,当左 ... »

紧急转租一个房子,杭州下城区和平广场的

本人因为工作换了,来到西湖区上班了,但是原本距离太远,所以就重新租了,目前下城区和平广场的房子因为合同未到期,需要转租掉,否则就是违约了,房东押金不会退还给我的。 转租信息: 合租 转租 微家公寓 杭州市下城区和平广场 2700元/月 押一付一 单间 35平 租后退500元 3个月短租或半年起租 1 ... »

JavaScript常用对象介绍

对象(object) 到目前为止,我们看到的大多数的像Array、String、Number等这些类型的,他们统统属于对象,而且,object也是ECMAScript中使用最多的一个类型。并且每个对象都有属性和方法。好比是可以构造出一个人,这个人他有年龄和姓名等,这些统统属于这个人的属性,这个人他有 ... »

事件循环详解

引言 javascript 是一门单线程的语言,在同一个时间只能做完成一件任务,如果有多个任务,就必须排队,前面一个任务完成,再去执行后面的任务。作为浏览器端的脚本语言,javascript 的主要功能是用来和用户交互以及操作 dom。假设 javascript 不是单线程语言,在一个线程里我们给某 ... »

学习从拥有一支好笔开始

有段时间没有更新内容,思前想后还是觉得应该整理分类文章,决定了接下来的文章思路。语文一直是比较差的,上学期间也都是勉强及格,所以可能可读性较差,但会尽量通过一些别的方式提高可读性,在漫长的文章路上提高自己的文笔。 工欲善其事,必先利其器。 作为一个合格的程序员,必须会使用一些工具,来使自己学习工作变 ... »

js转码与解码emoji

javascript正常的英文编码是utf-8的,mysql默认存的也是这种编码,而emoji表情是utf-16的,这就导致了db存储emoji会有问题,所以最好的方式是,把emoji先转成utf-8的这种实体编码,存到数据库里,要使用的时候,从db拿出来,再解码成utf-16的形式。 原文章 { ... »

Flutter中的绘图(Canvas&CustomPaint)API

本文是Flutter中Canvas和CustomPaint API的使用实例。 首先看一下我们要实现的效果: 结合动图演示,列出最终目标如下: 在程序运行后,显示一个小球; 每次程序启动后,小球的样式均发生随机性变化,体现在大小、颜色和位置三点; 小球运行的规律参考桌球或三维弹球游戏; 单击屏幕,小 ... »

HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第5章CSS盒子模型

关于本教程 通过一个PC端和一个移动端网上书城案例,穿插讲解CSS3中重要的知识点。 每个页面子模块均采用手把手一步一步的方式进行代码编写。 本教程不覆盖所有的CSS知识点,对于知识点的讲解秉承宁缺毋滥的原则。 大家都知道有一个二八原则,即平时工作中80%最常用的知识点占全部知识点总量的20%。笔者... ... »

收藏,最全的字符串函数方法,总有你用到的~

在日常开发中,我们难免要和字符串打交道,各种各样的功能都可能用到上面的字符串函数,本文参考网上文章,W3C资料,以及自己平常开发中的高频需求整理形成,希望能够帮到有需要的人。 本文首发于公众号:执行上下文,同步更新个人博客:执行上下文,转载请署名。前端微信群等你来哦!! 1、通过字符串函数获取字符串 ... »

Hexo博客美化之蝴蝶(butterfly)主题魔改

Hexo是轻量级的极客博客,因为它简便,轻巧,扩展性强,搭建部署方便深受广大人们的喜爱。各种琳琅满路的Hexo主题也是被各种大佬开发出来,十分钦佩,向大佬仰望,大声称赞:流批!!! 我在翻看各种主题后,便选择了蝴蝶这个主题,蝴蝶主题是由大佬Jerry制作的,其简洁,具有现代风格,扩展强,配置简单明了 ... »

一切皆组件的Flutter,安能辨我是雄雌

从一开始接触Flutter,相信读者都会铭记一句话,那就是——一切皆组件。今天我们就来体会一下这句话的神奇魔力,我们先从实际的产品需求说起。 我们先来看一个简化的运行图: 我们要实现如上图所示的日期选择器,App是iOS风格。 Flutter SDK自身有类似上图的日期选择器,但是Material ... »

前端三大框架:数据绑定与数据流

目录 序言 单向数据绑定 vs 双向数据绑定 单向数据流 vs 双向数据流 数据流与数据绑定 参考 1. 序言 在前端三大主流的框架中,我们可能会经常听到 React 是单向数据流,采用单向数据绑定,而 Vue 2.x 也是单向数据流,但同时支持单向数据绑定和双向数据绑定,而 Angular 和 A ... »

高德智慧景区随身听播放器框架设计与实现

一、背景 “远看山有色,近听水‘有’声”,景区语音导览是智慧景区重点业务之一,以用地图可以边走边听景区各景点的语音介绍为主要诉求,实现高德智慧景区地图不仅可以看,还可以听,从而使用户交互体验得到跨越式提高。 我们想要让“技术有温度”,让讲解更加有感情和内涵,最好可以通过讲解构造一个“UGC景区讲解生 ... »

细说websocket快速重连机制

文|马莹莹 网易智慧企业web前端开发工程师 引言 在一个完善的即时通讯应用中,websocket是极其关键的一环,它为web应用的客户端和服务端提供了一种全双工的通信机制,但由于它本身以及其底层依赖的TCP连接的不稳定性,开发者不得不为其设计一套完整的保活、验活、重连方案,才能在实际应用中保证应用 ... »

06 ES6模块化规范基础详解

ES6模块规范 1.1 ES6规范说明 历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 J ... »

04 CMD规范基础使用详解

CMD模块规范 1.1 CMD规范说明 专门用于浏览器端,并且模块的加载是异步的,而且只有模块使用时才会加载执行; CMD规范的语法类似于Commonjs + AMD ——定义模块使用AMD语法,暴露变量、引入模块使用Commonjs语法 1.2 基本语法 使用全局函数define定义模块,使用ex ... »

03 AMD规范的基础使用详解

AMD模块规范 1.1 AMD规范说明 AMD规范专门用来实现浏览器端的模块化,并且模块的加载是异步的;引入一个第三方的require.js脚本用来解析AMD规范编写的模块 1.2 基本语法 使用define用来暴露模块,使用require用来引入模块 1.21暴露模块 (1)使用define(fu ... »

像写Flutter一样开发Android原生应用

要问到Flutter和Android原生App,在开发是有何区别,编程方式是绕不开的话题。Flutter采用声明式编程,Android原生开发则采用命令式编程。 声明式编程 VS. 命令式编程 我们首先要明确的,是何为声明式编程,何为命令式编程。 何为声明式编程 摘录一段来自百度百科的定义: 声明式 ... »