js仿京东app筛选功能 - 腾讯云开发者社区

文章/答案/技术大牛

发布

Vue开发仿京东商场app

npm安装： npm install yarn安装： yarn CDN 使用在入口文件main.js...$refs root: Vue // 这个root是我们在main.js中，使用newVue()的时候，返回的全局唯一的实例对象，注意别和单文件组建中的this混淆了 slots: {} // 等同...$slots ssrContext:{} // 服务端渲染相关注意：在 setup() 函数中无法访问到 this的，不管这个this指的是全局的的vue对象(即：在main.js 中使用new生成的那个全局的...或者也可以是个对象，可以使用具有get和set功能的对象来创建可写ref对象。

1.3K0 0

高仿京东Android App，集成React-Native热更

项目代码整洁规范，结构清晰，使用Android最新的开发思想和技术，同时集成React-Native跨平台，主要是为了实验热更功能，涉及到的技术有如下一些：使用kotlin语言开发，项目使用模块化开发...retrofit2 + okhttp3方式，进行了高度的封装； leakcanary 内存泄漏检测基于MVI架构airbnb的Mavericks 本地mock alibaba ARouter 集成RN热更功能...用户需要打开rn加载页面，rn工程请见体验 Apk下载链接： Apk下载链接 Apk二维码部分效果如下： MVI架构由于没有明确的状态管理标准，随着应用程序的增长或添加功能或事先没有计划的功能...（不是Activity的Intent、后面介绍） Intent：此Intent不是Activity的Intent，用户的任何操作都被包装成Intent后发送给Model进行数据请求用到的第三方库库功能

1K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

js实现：仿京东搜索栏随滑动透明度渐变

shop-input { height:28px; line-height:28px; font-size:16px; position:absolute; top:0; left:30px; } 3、js...3、最终透明度问题，京东在最终背景设置的是0.9，所以本案例也采用的0.9，同时体验效果会更好。 4、滚动条位置导致的渐变，将150设置更大，渐变的距离会更长。再次声明：不兼容IE8及以下

2.8K1 0

用原生js实现商品表单筛选查询功能

'; tbody.appendChild(tr); }); } //3.根据价格查询商品 //当我们点击了按钮，就可以根据我们的商品价格去筛选数组里面的对象

2.3K1 0

Svelte+Sass+Mescroll.js仿微信app聊天实例

项目介绍 svelte3-chat 基于svelte.js+svelteKit+Sass开发的仿微信界面聊天实战项目。...p2.gif svelteChat 支持富文本消息、网址/图片/视频预览、红包、朋友圈等功能。...} from '$app/navigation' import { userinfo } from '@/store/index.js' let whiteRoute = ['/auth...image.png svelte.js自定义顶部导航栏+菜单栏组件 p12.gif svelte3自定义多功能手机端弹窗组件sveltePopup svelte.js状态管理 svelte也提供了状态管理工具...实现聊天功能 editor.svelte 聊天文本框支持文字+emoj混排，多行文本、光标处插入表情、网址/图片/视频预览、红包等功能。

4.4K5 0

鸿蒙NEXT版仿微信聊天App的群聊功能

上一节我们通过自定义图片分段结构实现了从SocketIO服务器接收图片的功能，至此可以在单聊中发送文本和图片了。...user.getKey()).sendEvent("person_in_group", info.getUser_name().toString()); } } } }); 对于鸿蒙App...对于鸿蒙App而言，入群的新成员通过以下代码向SocketIO服务器发送退群通知。...观察到的仿微信群聊效果如下图所示，分别是甲、乙、丙成员的App界面截图。...至此，本系列的“仿微信聊天”App开发技术分享全部完结啦，各位小伙伴们，你们有没有得到什么收获呢？欢迎留言跟帖。

8561 0

js 实现倒计时功能，兼容ios，类似京东

: 00: 00 js

3.5K3 0

Vue.js高仿饿了么外卖App学习记录

开发一款vue.js开发一款app，使用vue.js是一款高效的mvvm框架，它轻量，高效，组件化，数据驱动等功能便于开发。使用vue.js开发移动端app，学会使用组件化，模块化的开发方式。...App.vue: 项目入口文件，我们也可以直接将组件写这里，而不使用 components 目录。 main.js: 项目的核心文件。 static静态资源目录，如图片、字体等。.../App.vue';importrouterfrom'..../date.js ?...可以看看别人的代码仿【饿了么】订餐软件的一个demo https://github.com/guxun12/ele_demo

2.9K1 1

《仿盒马》app开发技术分享-- 扫一扫功能（35）

## 技术栈Appgallery connect## 开发准备随着app的逐渐完善，我们现在需要在细节处做更多的打磨，在首页我们添加了很多静态的按钮和组件，现在我们开始对这些组件进行功能的添加，这次首先实现的是首页头部的扫一扫功能...，扫一扫我们实现扫码后跳转商品详情页## 功能分析要实现扫一扫的功能，我们有两种选择，首先是zxing，然后是scankit，这里我们选择使用scankit，因为它针对多种复杂扫码场景做了识别优化，提升扫码成功率与用户体验...: () => void Image($r('app.media.scan')) .width(24) .height(24) .margin({ left:...hilog.error(0x0000, 'testTag', `Failed to query data, code: ${this.productParams}`);```到这里就实现了扫码进入商品详情的功能

2910 0

鸿蒙NEXT版仿抖音快手App的实现自动滚动功能

这种列表元素的自动定位功能，用到了列表容器的Scroller参数。 Scroller是鸿蒙提供的可滚动容器组件的控制器，可以将此组件绑定至容器组件，然后通过它控制容器组件的滚动。

4871 0

《仿盒马》app开发技术分享-- 购物车功能完善（14）

这一节我们在这些功能的基础上实现云端记录，因为我们现在只有数据的查询是从云端获取的，其他的操作虽然都实现了相对应的功能，但是当我们操作完，关闭app，再打开不会有对应的记录，有的同学可能会说，那我们把数据用首选项或者数据库的形式存储就可以了吧...## 功能分析**1.商品选中**上一节实现了商品选中和未选中时，通过isNeedPay的状态渲染列表，现在就要在这个基础上使用upsert来修改数据，使状态可以一直保存。

2790 0

《仿盒马》app开发技术分享-- 回收订单页功能完善（45）

开发准备上一节我们实现了订单的待取件、已取消状态展示，并且成功实现了修改订单状态后的列表刷新，实现了云端数据的修改，这一节我们来实现订单页剩下的两个板块的业务逻辑，分别是运输中、已完成状态下的列表展示以及订单状态的修改## 功能分析要实现运输中...、已完成订单状态我们分别要先实现tab切换时组件刷新的方法，根据对应的index来实现当前页面的刷新，然后在刷新方法中请求云数据库的数据展示到页面上，通过userid与ordertype去筛选对应的订单...FlexAlign.SpaceBetween) .width('100%') Row({space:10}){ Image($r('app.media.background...FlexAlign.SpaceBetween) .width('100%') Row({space:10}){ Image($r('app.media.background

2110 0

《仿盒马》app开发技术分享-- 购物车基础功能实现（13）

## 功能分析**1.商品选中**在表中我们定义了多个参数来帮助我们更好的去实现功能，这里我们需要用到这些参数来进行条件判断，当商品选中和未选中时候我们需要修改数据源中isNeedPay的状态的，然后渲染列表...$r('app.media.cart_check'):$r('app.media.cart_no_check')) .height(20)

2310 0

【程序源代码】Vue开源项目库汇总

开发微信app界面 eleme ★882 - 高仿饿了么app商家详情 vue-demo ★755 - vue简易留言板 bilibili-vue ★694 - 全栈式开发bilibili首页 spa-starter-kit...★455 - 知乎日报web版 vue-163-music ★448 - vue仿网易云音乐客户端版 vue-axios-github ★448 - 登录拦截登出功能 douban ★440 - 模仿豆瓣前端...VueMusic-PC ★260 - Vue.js高还原网易云音乐系列 node-vue-server-webpack ★253 - Node.js+Vue.js+webpack快速开发框架 beauty...全家桶的Cnode社区 vue-ruby-china ★86 - VueJS框架搭建的rubychina平台 doubanMovie-SSR ★85 - Vue豆瓣电影服务端渲染 vue-jd ★76 - 京东移动...Vue-NetEaseCloudMusic ★59 - 模仿IOS版网易云音乐的手机网站 life-app-vue ★59 - 使用vue2完成多功能集合到小webapp doubanApp ★55

5.4K3 0

BS1019-基于Java+Websocket+Vue.js实现仿微信即时通讯聊天APP系统

本基于Java+Websocket+Vue.js实现仿微信即时通讯聊天APP系统，采用面向对象思想，选用Vue.js技术实现APP端聊天界面，后台选用JavaSSM轻量级开发框架，采用websocket...系统主要界面功能仿照微信实现，具备聊天通讯录，我的朋友圈，个人信息等模块。...原文地址一、程序设计本次基于Java+Websocket+Vue.js实现仿微信即时通讯聊天APP系统主要内容涉及：主要功能模块：注册登录、聊天列表、发现页面、通讯录、我的页面、聊天窗口、好友界面等等主要包含技术...实现仿微信即时通讯聊天APP系统，在用户及时通讯主要采用websocket技术。...在HTML5中，为了加强web的功能，提供了websocket技术，它不仅是一种web通信方式，也是一种应用层协议。

1.5K3 0

适合初学者练手的vue小项目（附github源码）

( a junior project of Vue.js, rewrite cnodejs.org )预览(DEMO)： https://heuristic-stonebraker-33e1b8.… 4.../VueSocial 11:vue2 +vue-router2 + es6 +webpack 高仿饿了么app商家详情，demo：https://www.myblogbo.com/sell https...22：基于vuejs+koa2+mysql的高仿饿了么移动APP https://github.com/The-Never/elm 23：vue全家桶+localStorage实现一个简易的通讯录...https://github.com/windlany/vue-mail-list 24：用vue仿的小米商城 https://github.com/shiyaming1994/mi 25：仿严选商城...nodejs) 电商网站 https://github.com/LadyChatterleyLover/mall 28：基于Vue2.0+Vuex+Axios+NodeJs+Express+MySQL实现京东移动

32.9K10 10

小程序跨端开发框架深度横评之2020版

评测目标筛选跨端框架是一个重投入工作，在各框架的1年多的比拼中，很多框架因为投入不足而逐渐被开发者放弃，uni-app和taro依靠持续的大力度投入，成为了市场主流。...功能实现 taro 和 uni-app 是比较典型的多端框架，发布到各个端均可。而 kbone 只支持微信小程序和H5。...我们以上述仿微博小程序为例，测试2个容易出性能问题的点：长列表加载、大量点赞组件的响应。长列表加载仿微博的列表是一个包含很多组件的列表，这种复杂列表对性能的压力更大，很适合做性能测试。...小程序平台 taro 和 uni-app 均支持微信、支付宝、百度、字节跳动小程序，功能基本可以拉齐。...双方都有不少大厂案例，taro有京东、货拉拉、淘票票等公司小程序案例，uni-app有腾讯、华为、vivo、联想、中华英才网等公司小程序案例。

3.1K8 1

前后端通吃，vue大全Mark一下

★70 - nuvo-dashing-js的fork fewords ★63 - 功能极其简单的笔记本 adminify ★46 - 一个基于Vuetify material的Admin面板 Demo...开发微信app界面 eleme ★882 - 高仿饿了么app商家详情 vue-demo ★755 - vue简易留言板 bilibili-vue ★694 - 全栈式开发bilibili首页 spa-starter-kit...App的单页应用 vue-demo-kugou ★500 - vuejs仿写酷狗音乐webapp vue2-manage ★457 - 基于 vue + element-ui 的后台管理系统 zhihudaily-vue...★455 - 知乎日报web版 vue-163-music ★448 - vue仿网易云音乐客户端版 vue-axios-github ★448 - 登录拦截登出功能 douban ★440 - 模仿豆瓣前端...Vue-NetEaseCloudMusic ★59 - 模仿IOS版网易云音乐的手机网站 life-app-vue ★59 - 使用vue2完成多功能集合到小webapp doubanApp ★55

8K2 0

仿京东商城html网页源码

、css） 3、404页面（404.html） 3.1、404页面源码（不含js、css） 4、部分图片（images）上期分享了仿小米商城html网页源码，需要的伙伴点击这里去学习下载源码：仿小米商城...html网页源码，本期继续分享仿京东商城html源码，包含HTML，CSS，JavaScript和网页中用到的图片。...html源码_网页模板_js代码仿京东商城模板html源码下载" /> 仿京东商城模板html源码下载" /> 功能相当完备。

6.1K5 0

iOS开发常用之网络、网页

jchat-swift - 一个聊天App，具备完备的即时通讯功能，JChat的功能基于极光JMessage SDK来开发。网络测试可达性 - 。...iOS_oShoppingCart_Demo - 简单实现购物车常见的筛选功能。 XNQShoppingTrolley - 购物车功能基本功能仿照淘宝的购物车。...ShoppingDemo - iOS仿美团外卖饿了吗App点餐动画，购物车。...Demo_ProductDetailScroll - Demo_ProductDetailScroll：仿京东商品详情滚动翻页。...BGTaobao - ios高仿淘宝/京东详情页 - 集合各种测试框架。 CartDemo - CartDemo比较完整的购物车界面及逻辑，商品展示，多选，单选，全选及滑动删除，价格计算。

8K1 0

点击加载更多

Vue开发仿京东商场app

高仿京东Android App，集成React-Native热更

js实现：仿京东搜索栏随滑动透明度渐变

用原生js实现商品表单筛选查询功能

Svelte+Sass+Mescroll.js仿微信app聊天实例

鸿蒙NEXT版仿微信聊天App的群聊功能

js 实现倒计时功能，兼容ios，类似京东

Vue.js高仿饿了么外卖App学习记录

《仿盒马》app开发技术分享-- 扫一扫功能（35）

鸿蒙NEXT版仿抖音快手App的实现自动滚动功能

《仿盒马》app开发技术分享-- 购物车功能完善（14）

《仿盒马》app开发技术分享-- 回收订单页功能完善（45）

《仿盒马》app开发技术分享-- 购物车基础功能实现（13）

【程序源代码】Vue开源项目库汇总

BS1019-基于Java+Websocket+Vue.js实现仿微信即时通讯聊天APP系统

适合初学者练手的vue小项目（附github源码）

小程序跨端开发框架深度横评之2020版

前后端通吃，vue大全Mark一下

仿京东商城html网页源码

iOS开发常用之网络、网页

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐