文章库ARTICLE COLUMN

  • 【每日一包0012】to-camel-case,to-no-case,to-space-case

    【每日一包0012】to-camel-case,to-no-case,to-space-case

    摘要:地址将被其他符号分割的字符串转换为驼峰形式的字符串用法返回将被其他符号分割的字符串统一由空格分开并全部转为小写用法返回注意带空格的字符串会被他直接转为小写,所以直接用比较靠谱将被其他符号分割的字符串统一由空格分开并去除字符串 github地...

    Martin91Martin91 评论0 收藏0
  • 《css世界》- 详细重点笔记与技巧

    《css世界》- 详细重点笔记与技巧

    摘要:概述在世界这本书中有一些黑魔法给列举出来,在结合自己的理解。篇幅有点长,希望大家能够坚持看完,一定会有收获以下是摘自每章内一些重要的概念与技巧。 概述 在《css世界》这本书中有一些黑魔法给列举出来,在结合自己的理解。篇幅有点长,希望...

    赵连江赵连江 评论0 收藏0
  • Wuss Weapp 微信小程序 UI 组件库

    Wuss Weapp 微信小程序 UI 组件库

    摘要:或者当依赖安装完成后即可在微信小程序开发者工具里点击工具构建,此时若出现弹窗则记得吧使用模块勾上,若无弹窗则待构建完成后在详情里面手动勾上使用模块。 showImg("https://segmentfault.com/img/bVbjNrF?w=334&h=334"); 微信小程序 UI 组件库 Gi...

    dendoinkdendoink 评论0 收藏0
  • 原生js实现手机端导航滑动效果

    原生js实现手机端导航滑动效果

    摘要:代码如下导航效果导航一导航二导航三导航四导航五导航六导航七导航八导航九导航十导航十一导航十二导航十三导航十四导航十五导航十六效果如图所示鄙人创建了一个群,供大家学习交流,希望和大家合作愉快,互相帮助,交流学习,以下为群二维码 代码如下...

    LeanCloudLeanCloud 评论0 收藏0
  • 自定义上传图片拼图游戏

    自定义上传图片拼图游戏

    摘要:点击格子,首先比较该格子是否与空白格子直接相邻,如果是就交换格子的和值进行换位获取空白的格子对象值互换接下来是把上传的图片设置成格子背景,通过监听的事件来获取图片文件该方法将转换成可访问的本地路径重新设置格子背景源码地址点击访问完 1....

    hsluoyzhsluoyz 评论0 收藏0
  • 调用百度API写了一个js翻译小工具

    调用百度API写了一个js翻译小工具

    目前还未完成的功能有:textarea高度自适应,移动端与pc端都写了。效果如图: showImg("https://segmentfault.com/img/bVbjOTB?w=1920&h=610"); showImg("https://segmentfault.com/img/bVbjOTG?w=574&h=862"); html: ...

    TNFETNFE 评论0 收藏0
  • css实现单行、多行文本超出显示省略号

    css实现单行、多行文本超出显示省略号

    摘要:前言项目中我们经常遇到这种需求,需要对单行多行文本超出显示为省略号。单行文本省略文本溢出显示省略号文本不会换行语法默认值适用于所有元素当对象内文本溢出时不显示省略标记,而是将溢出的部分裁切掉。 前言:项目中我们经常遇到这种需求,需要对...

    paulqueipaulquei 评论0 收藏0
  • 【CSS】CSS 世界 -- 元素的显示与隐藏学习总结

    【CSS】CSS 世界 -- 元素的显示与隐藏学习总结

    摘要:应用场景用户上传头像,实时显示并裁减实现方式模块外部容器设置,剪裁区域里面放一个加载效果,设置。图片尺寸获取成功后,再正常初始化,然后让外部容器属性重置为。这样体验就会好很多,用户只会看到加载中剪裁界面,而不是占位界面加载中最终操作界...

    wyk1184wyk1184 评论0 收藏0
  • 【CSS】一文读懂 Animation 中的时间函数 steps

    【CSS】一文读懂 Animation 中的时间函数 steps

    摘要:本文主要介绍中的函数。在执行动画时默认以函数进行过渡,会在每个关键帧之间插入补间动画,所以动画效果是连贯的。因此并非作用于整个动画,而是作用于每两个关键帧之间,与动画的时长播放次数等都无关,所以整个动画的执行时间还是中设定的。 利用 C...

    AJieAJie 评论0 收藏0
  • 布局那点事

    布局那点事

    摘要:两列左侧固定宽度,右侧自适应三列左右固定,中间自适应流式 1.两列左侧固定宽度,右侧自适应 left right 1.float+margin .left { float:left; width:100px; height:100%; } .right { heig......

    WorktileWorktile 评论0 收藏0
  • 【每日一包0013】to-capital-case,to-constant-case,to-dot-

    【每日一包0013】to-capital-case,to-constant-case,to-dot-

    摘要:地址将用符号分开的字符串用空格分隔开,并且每个单词首字母大写用法返回将用符号分开的字符串用空格分隔开,并且每个字母大写用法返回将用符号分开的字符串用分隔开用法返回 [github地址:https://github.com/ABCDdouyae...] to-capital-case 将用符...

    gekylingekylin 评论0 收藏0
  • 【CSS】CSS常用技巧

    【CSS】CSS常用技巧

    摘要:垂直对齐如果你用,则你会有困惑我该怎么垂直对齐容器中的元素现在,利用的,可以很优雅的解决这个困惑使用这个技巧,从单行文本段落到,都会垂直对齐。表格列宽自适用对于表格,当谈到调整列宽时,是比较痛苦的。 概述 相信大家在写css属性的时候,会...

    OBKoro1OBKoro1 评论0 收藏0
  • WebSocket网络通信协议

    WebSocket网络通信协议

    摘要:而双工通讯协议,不仅客户端能向服务端发起请求,服务端也可以主动推送信息给客户端。目的即时通讯,替代轮询协议在年诞生,年成为国际标准。与协议有着良好的兼容性。是一个基于的,用于实时通信的一个软件包包括端和端,完全由实现。 上一篇文章简要...

    stefanstefan 评论0 收藏0
  • 前端常见问题——安卓文本无法垂直居中

    前端常见问题——安卓文本无法垂直居中

    摘要:安卓文本无法垂直居中的问题问题安卓的字体大小在小于像素的时候无法使用行高来垂直居中目前在微信等应用都存在该问题,而在最新的移动端浏览器上无该问题截止本文编写时间,微信客户端的版本为,版本为。 安卓文本无法垂直居中的问题 问题 安卓 webvi...

    aristarkaristark 评论0 收藏0
  • 小程序云开发之新闻类项目分析

    小程序云开发之新闻类项目分析

    应该每一个前端开发者都有一颗全干全栈的心

    CaicloudCaicloud 评论0 收藏0
  • nginx + 一个端口 部署多个单页应用(history模式)

    nginx + 一个端口 部署多个单页应用(history模式)

    摘要:介绍种相同端口部署多个单页应用前端路由的方法。使用子域名区分,此种方法最是简单。子域名访问时路径,盘下面文件为的服务器目录。采用与作为区分,分别表示不同的项目。 目前web开发 使用一般前后端分离技术,并且前端负责路由。为了美观,会采用前...

    luoyibuluoyibu 评论0 收藏0
  • 【每日一包0011】pad

    【每日一包0011】pad

    摘要:地址给字符串的左右加也可以用于删减字符串两端用法指定字符填充要求的长度小于原字符串长度,会对原字符串删减,默认返回 [github地址:https://github.com/ABCDdouyae...] pad 给字符串的左右加padding,也可以用于删减字符串两端 用法:pad(str, len...

    atinosunatinosun 评论0 收藏0
  • 微信小程序 bug 集中营

    微信小程序 bug 集中营

    摘要:利用这篇教程存储一些常用的微信小程序开发技巧,方便查找。但是第一,微信小程序是国内的,有中文文档,虽然它的文档说明有点坑,但好歹有文档,阅读理解对小伙伴们来说不是问题。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 201...

    PascalXiePascalXie 评论0 收藏0
  • 个人简历生成器

    个人简历生成器

    摘要:参考了其他人的模版,我按照自己的口味,修改出一个版本一个灵活的数据模板分离的在线简历生成器。注意我只是把版本的样式做了修改,还没有调整到版本,以后可能会加上项目地址在线简历模版 简介 前一段时间找工作,苦于没有自己满意的简历样式,虽然...

    mcterrymcterry 评论0 收藏0
  • 神奇的inline-block

    神奇的inline-block

    摘要:代表元素是典型的元素,我们知道,使用一个的时候不定义宽度,按钮文字越多,按钮就越宽。见图这证明了元素第一点,由内部元素决定。但是超过一行就不一样了,因为已经被第一行撑开了,所以的就对里面的文字起效果了。 inline-block 我们都知道display...

    bang590bang590 评论0 收藏0
  • vue中的适配:px2rem

    vue中的适配:px2rem

    摘要:这应该是项目在适配移动端时候,最简单的方法之一下面是基本步骤使用下载并引入在中引入将添加到在中添加如下配置代码如下这个是重点,设计稿是完了就可以直接用做单位按照的设计稿撸代码了, 这应该是vue项目在适配移动端时候,最简单的方法之一下面...

    aaronaaron 评论0 收藏0
  • 原生js造轮子之模仿JQ的slideDown()与slideUp()

    原生js造轮子之模仿JQ的slideDown()与slideUp()

    摘要:代码如下原生调用该文件中加入这一行代码参数参数时间调用该文件加入这一行代码中引入绑定到实例原型上组件中调用鄙人创建了一个群,供大家学习交流,希望和大家合作愉快,互相帮助,交流学习,以下为群二维码 代码如下: const slider = (function() {...

    王笑朝王笑朝 评论0 收藏0
  • CSS: 通过CSS控制字符串长度(一行或者多行)

    CSS: 通过CSS控制字符串长度(一行或者多行)

    摘要:一行时,超出长度的部分变为省略号注通过来控制字符串长度多行时,在第行超出的部分变为省略号注通过来控制你要在第几行省略。默认编译的时候,会被过滤,通过以上注释的写法才可生效,或者在项目中,在对应需要加样式的地方添加属性也可生效 一行时,...

    Terry_TaiTerry_Tai 评论0 收藏0
  • styled-components 中文文档翻译及不完全指北

    styled-components 中文文档翻译及不完全指北

    摘要:前言官方文档地址中文文档地址是一个的第三方库,是的优秀实践。初次了解是在读林昊翻译的设计模式与最佳实践一书时。能力所限,已翻译部分可能仍有字词错误或语句不通顺的地方,欢迎有能力的同学帮助纠正。就是其中的佼佼者。 前言 官方文档地址: ht...

    VickyVicky 评论0 收藏0
  • canvas拼图功能实现

    canvas拼图功能实现

    摘要:绘制图片文字按比例计算不同手机的百分比间距将闭包引用清除,释放内存不支持 最近做项目的时候遇到照片拼图的功能,便在这里分享自己的封装的canvas拼图功能,可能代码写的不好,如果有疑问或者是有更好的方法的,可以私聊我,或者是评论指出,感谢...

    KyxyKyxy 评论0 收藏0

热门文章

<