首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    仿电商商品分类的思路实现

    仿电商商品分类的思路实现 引言 按照以前的习惯,本来是每周一篇,因为昨天去逛街买了条169的裤子给耽误了,周一早上来补上。...实现思路 这个页面用了两个并排的列表,右边列表每个item都有一个type对应左边的列表item的每一个type,右边的列表在滑动的时候,左边的列表选择也会跟着变化,在右边的列表一直往上滑或是往下滑的时候...,左边的列表item对应的type并没有显示在界面的话,我们还需要左边的列表进行一个滚动到对应的item的位置上,知道思路了,然后我们开始敲代码 布局代码实现 1、 主布局是两个列表,这两个列表我通过LineaLayout...*/ leftAdapter.notifyDataSetChanged(); } }); 总结 代码量并不多,实现思路也很简单...,由于没投入到生产环境,先不把代码共享出来,我先看看会不会有bug出现,预计这个礼拜六把思路和代码整理出来分享给大家 PayWeixin payWeixin = new PayWeixin();

    1.9K20

    Vue.js的设计思路

    这是我参与「掘金日新计划 · 8 月更文挑战」的第3天,点击查看活动详情 前言 今天是学习学习理解《Vue.js设计与实现》的第三篇,第一章到此结束 第一章三篇主要宏观得介绍了框架的设计思路和纲领,首先介绍前端框架中关于命令式...详细情况可以查看专栏学习理解《Vue.js设计与实现》 声明式地描述UI Vue是一个声明式的UI框架。前端页面包括,DOM元素,属性,事件,元素的层级结构。...也就是我们常写的 Vue.js使用与HTML标签一样的方式来描述DOM, 使用与HTML标签一样的方式来描述属性, 使用:或v-bind来描述动态绑定的属性, 使用@或者v-on来描述事件..., 使用与HTML标签一致的方式来描述层级结构 vue.js3除了支持使用模板描述UI外,还支持虚拟DOM描述UI。...其实我们在vue.js组件中手写的渲染函数就是使用虚拟DOM来描述UI的。

    1.5K10

    15 个有趣的 JS 和 CSS 库

    在每个月,我们都会为大家分享一些最新、有趣的前端库,希望它们中的一些会对你的项目有所帮助。当然,如果你也发现了一些有趣、实用的库,框架或是工具,也欢迎留言与大家一同分享。 1.Currency ?...currency.js 是一个用于处理货币值的轻量级 JavaScript 库,它解决了 JS 中的浮点问题,你无须担心 Decimal 这类精准的数据类型,就可以直接进行基本的算数运算。...你可以使用 Lass 搭建基于 Node.js 的脚手架工具。...Fastify 是一个现代的 Node.js 框架,灵感源自 Hapi 和 Express 等项目。...Words To Numbers 是一个有趣的 JS 库,它能够识别单词并转化为数字。如果传递的字符串为数字,它就会返回相应的数值,否则它将返回初识字符串。

    3.3K71

    一个有趣的观点:用To C的思路来做To B

    但随着技术的迅速发展和市场环境的变化,这两个领域之间的界限正在逐渐模糊。 尽管B端软件的目标客户是企业,但真正的用户实际上是由个体——也就是人。...为了真正达到和满足企业的需求,理解和重视最终用户的需求和体验变得至关重要。 为此,笔者提出一个新的观点:用To C的思路来做To B。...就像一个数学定理一样,这个全新的视角让我们可以重新审视B端业务领域一些司空见惯的现象,并作出一些有趣的推论。...虽然有非常多的功能,但是看起来却很简单,学习成本很低。 这个道理同样适用于B端产品,有些人可能会说B端业务逻辑比C端复杂多了,太简单的功能承载不了复杂的业务逻辑,这个思路是错的。...此外,快速迭代的产品思路也值得借鉴。过去,B端产品更新往往步履缓慢,这种情况需要彻底改变。

    34210

    【前端词典】4 个实用有趣的 JS 特性

    前言 最近在学习的过程中发现了我之前未曾了解过的一些特性,发现有些很有趣并且在处理一些问题的时候可以给我一个新的思路。 这里我将这些特性介绍给大家。...4 个有趣的 JS 特性 利用 a 标签解析 URL 有的时候我们需要从一个 URL 中提取域名,查询关键字,变量参数值等,一般我们会自己去解析 URL 来获取这些内容。...可是你或许不知道还有更简单的方法。 即创建一个 a 标签将需要解析的 URL 赋值给 a 的 href 属性,然后我们就能很方便的拿到这些内容。...void 运算符 void 运算符对给定的表达式进行求值,然后返回 undefined。 由于 void 会忽略操作数的值,因此在操作数具有副作用的时候使用 void 会更加合理。...IntersectionObserver 可以用来监听元素是否进入了设备的可视区域之内,而不需要频繁的计算来做这个判断。

    70850

    点连线的思路与js的简单实现

    概述 很多时候,我们会有一堆点连成线的需求,但大多数情况下这些点是无序的,导致现有的软件的连线结果并不是我们想要的,这也是本文产生的原因。...实现思路 为了能够更好地完成点连成线的需求,因此我们需要确定一下起点,完了之后通过起点去逐个点找该点的下一个点,并将该点的坐标记录下来,直到找到终点,这个查找结束。 实现结果 ? ? ?...Points2Line(startPoint, res); console.log(JSON.stringify(pt2line.getResultGeojson())); }) 待优化: 本文中的起点是手动传入的...,后需会增加自动获取起点的实现; 本文只实现了单条线,后续会增减多线的实现; 本文是通过js实现的,后面会增加java的实现。

    2.2K20

    渗透思路:从JS文件入手

    防护也做的非常好,像是态势感知、天字号等设备都不止一套,所以什么sql注入、XSS之类的漏洞就不用想了(能绕过的大佬除外),当然弱口令这些也都是没有的。 那么从哪里下手呢?...各种尝试无果后就只能去看JS文件了,看的多了还真有收获。接下来看了几天JS文件,竟然有很多高中危漏洞(大多是未授权访问)。...JS泄露信息存在多种情况,这里总结了一下: 1、路径泄露之拼接路径直接造成未授权访问; 2、路径泄露之拼接路径直接下载敏感文件; 3、JS文件直接暴露敏感信息(其他关联站地址、后台初始密码、内网信息等)...; 4、JS文件发现被攻击痕迹(如被添加黑帽SEO关键词等)。...这是一个路由器设备 我们来看该网页加载的JS文件 这里给出了两个目标路径 扫目录很难扫出来,因为该路径有其自定义的参数 这里我们直接拼接到地址后并访问 ? 直接就进来了。而且所有功能都可以操作。

    2.4K20

    Flutter | 思路解析 WPopupMenu 仿微信聊天长按弹出菜单

    child 的长度大于 menu 的长度,那么则把 menu 放在中间2.如果 child 的长度小于 menu 的长度,三角形的位置在 child 的中间 不多说,上图: ?...WPopupMenu 实现思路解析 首先,还是按照正常业务逻辑,先提需求: 1.在当前页面弹出2.样子要和微信一样3.自动确定弹出位置(上 或者 下)4.三角形自动判断是 正三角 还是 倒三角 需求差不多了...剩下的就是 ListView 和箭头的组合,我使用了 Row 来组合这些组件,因为箭头和 ListView 的 item 宽度不一样,并且如果都使用 ListView,那么下标的计算也很烦人。...所以我这里直接放弃了这种麻烦的方法,选择了一个相对简单的方法。 大致逻辑如下: ?...自动确定弹出位置(上 或者 下) 如果你看过最开始说的那些控件的源码,那么这个问题对于你来说应该不是问题,因为... 那些控件的源码里给了一个解决方案。

    5.7K31

    js逆向之另类思路扣代码

    经常js分析的人来说有些网站检测浏览器指纹是很常见的事,但是我们一点一点分析是很费时间,费脑筋的。...我们扣代码的结果是我们要调用他的加密或解密或某个值的算法,当我们把他的算法扣下来执行,正常情况下是没问题的,但是如果他计算了浏览器指纹,那基本上你除了完整的分析别无他法,今天我们来讲一个hook劫持。...首先介绍一下这个es6的特性:Proxy 对象用于定义基本操作的自定义行为(如属性查找,赋值,枚举,函数调用等)。...简单来说就是我们可以完全代理某个对象,基于这个对象的所有操作都会被拦截下来,但是他的内部对象操作拦不下来,比如: a={b:function(){return "123"}} a = new Proxy...,然后处理,看到这里大家都明白了,但是我们开个脑洞基于这个proxy的更有趣的玩法,既然他能拦截所有操作,那我们就可以基于这个伪造一个真实的浏览器环境,不过实现起来工作量那就不小了,只能是缺啥补啥。

    1.6K10

    js数组去重的思路与缓动公式

    前端开发的面试中,至少有一类题是必出的,那就是去重。什么叫去重呢?就是把一组字符串中重复出现的,都删除掉。 这种题重要的是解决的思路要正确,思路正确的话其实也很简单。...思路如下: 1,使用for循环,循环每一个字符; 2,将循环的结果,保存在变量之中,这个变量,可以是对象,也可以是数组; 3,在每次循环中设置适当的if判断条件 伪代码: var _v = 'adfaf...,就是对于js对象的键值对的知识点的掌握。...我们日常在用js或css来写页面动画的时候,需要用到一些动画函数,这些函数中已经封装好了各种的数学公式,以各种js或css方法的形式出现, 例如, Linear:无缓动效果;easeIn;easeOut...这些都是数学公式在js程序代码中的应用与实现。讲这些东西不是要让大家去推导这些数学公式,而是想让你们明白,咱们使用的各种动画函数,到底是如何起作用的。

    2.3K80
    领券