文章库ARTICLE COLUMN

  • 移动端点击事件全攻略,这里的坑你知多少?

    移动端点击事件全攻略,这里的坑你知多少?

    摘要:所以这种情况下是不符合点击事件的定义的。,关于移动端的点击事件总结完了,可能你都没想到一个简单的点击事件会有那么多坑,如果你在工作中可能会涉及到移动端开发的话,相信这篇文章还是值得你点赞和收藏的,毕竟是踩了那么多坑的经验总结。 看标题...

    AchillesAchilles 评论0 收藏0
  • WebView的一些简单用法

    WebView的一些简单用法

    摘要:一直想写一个关于控件的一些简单运用,都没什么时间,这次也是挤出时间写的,里面的一些基础知识就等有时间再更新讲解一下,今天就先把项目出来做一些简单介绍,过多的内容可以看我的源码,都传到上了。 一直想写一个关于 WebView 控件的 一些简单运用...

    mindwindmindwind 评论0 收藏0
  • 业务开发情境之:实现一个@功能

    业务开发情境之:实现一个@功能

    摘要:我们算出这个相对于页面左上角的和,就是等下选框相对于文本框的和的距离,因为我们选框是绝对定位相对于,所以在加上文本框相对于的和就是我们选框所要定位的和了。 最近接到了一个业务需求,让用户能够通过网页聊天框的方式在线完成交易,一个用户可...

    xuexiangjysxuexiangjys 评论0 收藏0
  • 推荐一款强大的轻量级模块化WEB前端快速开发框架--UIkit

    推荐一款强大的轻量级模块化WEB前端快速开发框架--UIkit

    摘要:前言今天给大家分享一款强大的轻量级模块化前端快速开发框架到目前为止,在上的已达到了个,而更是达到了个,这些数据也能说明在开发者中还是比较受欢迎的吧。 前言 今天给大家分享一款强大的轻量级模块化WEB前端快速开发框架--UIkitshowImg("https://...

    joy968joy968 评论0 收藏0
  • CSS Modules详解及React中实践

    CSS Modules详解及React中实践

    摘要:上例中打印的结果是对中的名都做了处理,使用对象来保存原和混淆后的对应关系。结合实践在处直接使用中名即可。如因为只会转变类选择器,所以这里的属性选择器不需要添加。 showImg("http://gtms01.alicdn.com/tps/i1/TB15w0HLpXXXXbdaXXXjhvsIVXX-600...

    wemallwemall 评论0 收藏0
  • 如何科学的组织React组件样式

    如何科学的组织React组件样式

    摘要:也可以和预处理器混用目前看下来,它只对名做哈希,也就是说然而这个算是一个有意思的方式,首先它依赖于,而并不局限于的开发,任何前端项目都可以使用,那么就也都可以使用的概念,不知道这个会有怎么样的发展,感觉可以尝试。 React的组件式开发,...

    jackzoujackzou 评论0 收藏0
  • 小程序实现横向滑块,超过10个则出现查看更多

    小程序实现横向滑块,超过10个则出现查看更多

    摘要:需求是小程序下增加横向滑块,用于展示专题列表思路是用遇到的问题是超过个后,我添加的点击更多块总是居下显示解决办法是给最后点击更多的块加上啊啊啊啊啊查看全部单品最后效果 需求是小程序banner下增加横向滑块,用于展示专题列表 1.思路是用 scro...

    baiybaiy 评论0 收藏0
  • 支付宝小程序之连接后端+详谈引入阿里icon图标

    支付宝小程序之连接后端+详谈引入阿里icon图标

    摘要:背景第一天练习支付宝小程序的时候写好了一个简单的页面后续是新增重置按钮连接后端接口然后加入图标网上看了很多小程序加图标例子说实话没有多带带能成功的我也不记得结合了多少个才成功了还是自己写了篇文章记录下引入流程可能有点啰嗦但是比较详细连...

    biaoxiaoduanbiaoxiaoduan 评论0 收藏0
  • 深入浅出逻辑像素和物理像素理解

    深入浅出逻辑像素和物理像素理解

    摘要:要说逻辑像素和物理像素就要从苹果的产品开始,毕竟是苹果引入了。但是由于每个逻辑的点因为视网膜屏密度增加了一倍,即,那么其实的物理像素是。逻辑像素和实际像素计算方式不同指的是屏幕分辨率的单位,表示的是每英寸显示的像素密度。 要说逻辑像素...

    mykurisumykurisu 评论0 收藏0
  • 文字处理之二:换行及word-break和word-wrap属性

    文字处理之二:换行及word-break和word-wrap属性

    摘要:英文换行来到英文,情况就要复杂一些。在英文中有单词的概念,所以在换行时就得考虑单词的完整性。上面介绍的值,主要也是针对英文的,汉字还是按照浏览器的默认行为,装不下就换行。最后显示时,英文还是按照默认行为,中文变成了不换行。 上一篇博客...

    wangxinarhatwangxinarhat 评论0 收藏0
  • flex布局示例代码三

    flex布局示例代码三

    摘要:在我们平时写列表的时候,特别是三列,我们希望最后一列是靠右对齐的,这个时候我们如何设计 在我们平时写列表的时候,特别是三列,我们希望最后一列是靠右对齐的,这个时候我们如何设计? .container { justify-content: flex-start | flex-end | c...

    AwbeciAwbeci 评论0 收藏0
  • 好看漂亮的html5网页特效学习笔记(5)_弧形菜单

    好看漂亮的html5网页特效学习笔记(5)_弧形菜单

    摘要:定义标准的文本。然后看看函数的定义自启动来按下按钮的时差不能超过最大持续时间重新绘制菜单项的位置先用确定按下按钮的时间,储存在中。如果到了规定时间的话,就执行。然后再把取下的第一个当成第十三个接在最后面,又成了新的菜单排列。 showImg(...

    Guakin_HuangGuakin_Huang 评论0 收藏0
  • 移动端UI设计规范指南

    移动端UI设计规范指南

    摘要:基础概念元素设计规范版式设计规范文字使用规范颜色使用规范输出规范交互介绍总结在开始设计之前必须搞清楚物理像素逻辑像素倍率三个词。依然可用设计只是高度增加了,尺寸注意状态栏的高度由原来的变成了,另外底部要预留的主页指示器的位置。 从事UI...

    stonezhustonezhu 评论0 收藏0
  • flex布局入门

    flex布局入门

    摘要:交叉轴的起点对齐交叉轴的终点对齐。默认值轴线占满整个交叉轴四项目配置除了对容器进行设置,对项目本身也可以进行设置。布局是不是简单又实用,理解容器项目主轴线交叉轴线这几个概念后就上手实用吧参考文章如有不妥,欢迎指正 一、 why flex 都知道...

    NicolasHeNicolasHe 评论0 收藏0
  • 足球数据API接口 - 【球员列表资料】API调用示例代码

    足球数据API接口 - 【球员列表资料】API调用示例代码

    野子电竞数据官网改版https://www.xxe.io/全新登场import javax.xml.bind.JAXBContext;import javax.xml.bind.Unmarshaller;import javax.xml.bind.annotation.XmlElement;import javax.xml.bind.annotation.XmlRootElement;import...

    lakesidelakeside 评论0 收藏0
  • 每日一练:用css画一个棒棒糖

    每日一练:用css画一个棒棒糖

    摘要:背景每天进步一点点多积累一点点就会越来越棒代码棒棒糖用画一个棒棒糖要求棒棒糖中间文字为水平居中不得少于三层颜色效果图今天积累到的知识关于的缩写可以写成代表代表使用简写需要注意的地方和只能通过斜杠组成一个值,不能分开写。 背景:每天进步...

    zhkaizhkai 评论0 收藏0
  • 小程序开发坑点总结

    小程序开发坑点总结

    摘要:整个小程序所有分包大小不超过单个分包主包大小不能超过微信小程序主流框架对比应该算是最早发布的小程序开发框架,提供了类的语法风格和特性,现阶段应该也是应用最广泛的框架吧。不过微信官方为了防止下载离线包的时间过程,也严格限制了小程序包的体...

    lowettlowett 评论0 收藏0
  • 前端20个灵魂拷问 彻底搞明白你就是中级前端工程师 【下篇】

    前端20个灵魂拷问 彻底搞明白你就是中级前端工程师 【下篇】

    摘要:安装后已经完成了安装,并且等待其他的线程被关闭。激活后在这个状态会处理事件回调提供了更新缓存策略的机会。并可以处理功能性的事件请求后台同步推送。废弃状态这个状态表示一个的生命周期结束。 showImg("https://segmentfault.com/img/bVbwWJu?w=...

    fireflowfireflow 评论0 收藏0
  • 苹果官网上展示的分辨率是物理像素吗?

    苹果官网上展示的分辨率是物理像素吗?

    在苹果官网上展示的分辨率其实是物理像素 iphone6/7/8如下所示 showImg(https://segmentfault.com/img/bVbw4lG?w=2784&h=1642); iPhone XS Max如下所示 showImg(https://segmentfault.com/img/bVbw4ky?w=2784&h=1642);

    muzhuyumuzhuyu 评论0 收藏0
  • 你不知道WebSocket吗?

    你不知道WebSocket吗?

    摘要:什么是是一种在单个连接上进行全双工通信的协议。短轮询配段代码,静态服务中间件用来返回静态文件当前价格是元获取最新价格接口客户端不停的发送请求,去服务端获取最新价格。它通过连接到一个服务器,以格式接收事件不关闭连接。 什么是WebSocket? ...

    techstaytechstay 评论0 收藏0
  • 前端面试每日 3+1 —— 第136天

    前端面试每日 3+1 —— 第136天

    摘要:学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己。希望大家在这浮夸的前端圈里,保持冷静,坚持每天花分钟来学习与思考。 今天的知识点 (2019.08.30) —— 第136天 [html] HTML5的服务器(server-sent event...

    JeffJeff 评论0 收藏0
  • CSS 层叠上下文(Stacking Context)

    CSS 层叠上下文(Stacking Context)

    摘要:当第二层的容器盒子升级为层叠上下文时,红色盒子及灰色盒子的轴层级受制于第二层的容器盒子。当元素处于同一层叠上下文内时可按照如下规则进行层叠判断。 本文首发于政采云前端团队博客:CSS 层叠上下文(Stacking Context) 在网页制作的过程中,元...

    marekmarek 评论0 收藏0
  • 论一个前端工程师如何快速学习,成长。准备自己的35岁     【-原创精读】

    论一个前端工程师如何快速学习,成长。准备自己的35岁 【-原创精读】

    showImg("https://segmentfault.com/img/bVbw3tK?w=1240&h=827"); 前端工程师这个岗位,真的是反人性的 我们来思考一个问题: 一个6年左右经验的前端工程师: 前面两年在用jQuery 期间一直在用React-native(一步一步踩坑过来的那种) 最近两年还在写微信小...

    RdouTypingRdouTyping 评论0 收藏0
  • css如何实现n宫格布局?

    css如何实现n宫格布局?

    摘要:常见应用场景现在的界面基本都是大同小异宫格布局现在基本成了每个必然的存在带边框常用在功能导航页面无边框常用在首页分类设计目标在环境下通过实现宫格并且可以支持有无边框和每个格是否正方形有边框且每个格为正方形无边框最终效果百分比小技巧先解...

    sarvasarva 评论0 收藏0
  • 前端这几个webApi你都知道吗

    前端这几个webApi你都知道吗

    摘要:跟相反,该元素可以向上查询,也就是可以查询到父元素就跟原生微信小程序一样,能获取标签上以为前缀的属性集合蜘蛛侠蜘蛛侠注意这是开发规范问题,凡是自定义属性都要加上前缀假设浏览器的参数是蜘蛛侠蜘蛛侠这是一个对象,该对象里封装了许多操作元 ...

    libin19890520libin19890520 评论0 收藏0

热门文章

<