文章库ARTICLE COLUMN

  • 前端每日实战:104# 视频演示如何用纯 CSS 创作一个货车 loader

    前端每日实战:104# 视频演示如何用纯 CSS 创作一个货车 loader

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbfdO7?w=400&h=300"); 效果预览 按下右侧的点击预览...

    Hancock_XuHancock_Xu 评论0 收藏0
  • css3D动画

    css3D动画

    摘要:动画前言最近玩了玩用来构建效果,写了几个,所以博客总结一下。写一个简单的立方体我们先用实现一个长方体,一个长方体有个边,我们写个,并用一个包裹起来根据我写动画的经验,最好有一个父元素来包裹先给设置宽高,并且给他设置视距和基点位置。 cs...

    BamboyBamboy 评论0 收藏0
  • css-3d动画特效

    css-3d动画特效

    摘要:为其盒子设置样式为其每个设置样式为其设置动画源码书页思路有五个,分别放上五个字。 3D 首先让我们来看一张效果图 1.1.1 showImg("https://segmentfault.com/img/bVbfeDr?w=664&h=557"); 属性 perspective :透距离,单位像素(值越小,透视距离越近...

    FreemanFreeman 评论0 收藏0
  • 纯CSS  常见3D实例

    纯CSS 常见3D实例

    摘要:一正方体我认为正方体可以算是图像的基础吧,首先正方体是由六个相同的面所组成,其次就需要我们依次构造。 一、正方体 我认为正方体可以算是3D图像的基础吧,首先正方体是由六个相同的面所组成,其次就需要我们依次构造。(据体构造在代码中)成平图...

    JeffrreyJeffrrey 评论0 收藏0
  • 动手搞一个Promise

    动手搞一个Promise

    摘要:一个后可以通过方法,指定和时的回调函数。构造函数内部要有一个值,用来保存上次执行的结果值,如果报错,则保存的是异常信息。因为是一个构造函数,使用的写法,首先想到的就是有显式声明的。 showImg("https://segmentfault.com/img/bVbffEu?w=530&...

    NervosNetworkNervosNetwork 评论0 收藏0
  • 关于如何把项目做得更好的一次思考

    关于如何把项目做得更好的一次思考

    摘要:怎么样才能把项目做的好一点或者更好首先,在老板看来,他肯定希望今天提的需求可以立马就上线。关于注释注释是有必要的,这个对个人和他人都是有好处的。 之前做开发的时候对项目完全没有一个整体的思考,需求来了就知道做,只关心自己做的那部分的功...

    EnlightenmentEnlightenment 评论0 收藏0
  • html2canvas以及domtoimage的使用踩坑总结

    html2canvas以及domtoimage的使用踩坑总结

    摘要:本人建议第二种,更保险三转换的位图不能被以上版本所识别。客户使用的时候发现了这个问题,没法。五离成功只有一步之遥了,使用了之后安卓手机不能将图片分享给朋友。识别不了问题分析安卓能识别但不能识别矢量图片解决办法自己手写咯。判断手机为安卓...

    MageekChiuMageekChiu 评论0 收藏0
  • css 3D动画

    css 3D动画

    摘要:无非就是通过轴来进行操作可以帮助理解三维坐标则可以帮你理解透视位置。我们成为基点在水平方向改变观看的位置缩放旋转移动倾斜通过这些来进行效果代码如下正方体代码如下星球持续更新,欢迎大家收藏指教 一、今天让我们来学习一下css 3D吧! 1.首先...

    shiyang6017shiyang6017 评论0 收藏0
  • 前端每日实战:105# 视频演示如何用纯 CSS 创作一只玉免

    前端每日实战:105# 视频演示如何用纯 CSS 创作一只玉免

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。增加兔子跳动的动画增加兔子的腿的伸缩动画增加云朵飘动的动画大功告成 showImg("https://segmentfa...

    spacewanderspacewander 评论0 收藏0
  • web  移动端  横向滚动的阻尼感很强,滑动不灵敏

    web 移动端 横向滚动的阻尼感很强,滑动不灵敏

    在添加 overflow-x: scroll的元素里增加如下style overflow-x: scroll; -webkit-overflow-scrolling: touch; //关键点

    yuxueyuxue 评论0 收藏0
  • Vue+webpack+Element 兼容问题总结

    Vue+webpack+Element 兼容问题总结

    摘要:项目中用到了和官方文档中给出明确范围不支持及以下版本,因为使用了无法模拟的特性。但它支持所有兼容的浏览器。词法分析阶段把字符串形式的代码转换为令牌流。语法分析阶段会把一个令牌流转换成的形式方便后续操作。利用我们配置好的把生成的转变为新...

    sumorysumory 评论0 收藏0
  • 小程序开发中的那些小坑

    小程序开发中的那些小坑

    摘要:解决方法用组件替换组件,用微信小程序的实现点击切换效果除此之外,在中也不能使用组件。接口更改问题微信小程序最近被吐槽最多的一个更改,就是用户使用开发和体验版时不会弹出授权,正式版不受影响。 最近专门做小程序开发中,跟大家分享下遇到那些...

    AchillesAchilles 评论0 收藏0
  • vue  个人积累(使用工具,组件)

    vue 个人积累(使用工具,组件)

    摘要:代码已全部提交各种控件,工具将持续集成,如果感兴趣收藏一下,由于本人技术不够神,所以写的控件简单易懂,方便大家使用分页控件使用说明引入组件到页面注册组件添加到页面中 代码已全部提交git https://github.com/itwdy/vue-tools 各种vue控件,工...

    JeffJeff 评论0 收藏0
  • 解决 Highcharts 中 yAxis 的 max 设置无效的问题

    解决 Highcharts 中 yAxis 的 max 设置无效的问题

    摘要:问题场景通过上图我们可以发现,即使在中将设置成了,但是最终生成的图表仍然以作为轴的最大值解决方案为了解决这个问题,我们需要为同时添加刻度总数属性这样子就能看到正确的以作为轴最大值的结果了就目前的测试结果而言,所设置的最大值要能够被刻度...

    curlyChengcurlyCheng 评论0 收藏0
  • 「前端早读君004」函数柯里化(Currying)小实践

    「前端早读君004」函数柯里化(Currying)小实践

    摘要:更安全地藏私房钱实际上,每天记录下当前的数据是不灵活的,而函数柯里化则有效地解决了这个问题。而且不定时举办活动赠送书籍哦 什么是函数柯里化 在计算机科学中,柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个...

    lightlight 评论0 收藏0
  • 用php生成HTML文件的类

    用php生成HTML文件的类

    摘要:目的用生成文档支持标签嵌套缩进支持标签自定义属性起因这个东西确实也是心血来潮写的本来打算是输出片段用的但后来就干脆写成了一个可以输出完整的功能我很满意里边的实现缩进的机制大家有用到的可以看看现在都是真正的前后端分离了这个东西喜欢就用不...

    freewolffreewolf 评论0 收藏0
  • 图片标注工具选型

    图片标注工具选型

    摘要:项目里需要做一个图片标注工具,就是在一张底图上绘制特定的图形,连线,或者标注长度。这样看起来,老旧的就显得很可爱了,特别是它还直接支持鼠标拖拽缩放旋转矢量图对象。最后无奈,直接在最外层的里加标签引用,终于成功加载。 项目里需要做一个图...

    keithxiaoykeithxiaoy 评论0 收藏0
  • 2019届校招前端面试题整理——HTML、CSS篇

    2019届校招前端面试题整理——HTML、CSS篇

    摘要:前言届校招陆陆续续开始了,整理了一些高频的面试题。标签提供给页面的一些元信息名称值对,有助于。开启缺点一个是不支持,另一个是一旦子元素的大小超过父容器的大小,就会出显示问题。用于设置或检索元素的缩放比例,值为即使用元素的实际尺寸。 前...

    TamicTamic 评论0 收藏0
  • 滚动加载插件.手撸实战

    滚动加载插件.手撸实战

    摘要:滚动插件设计原理获取滚动元素的视口高度和滚动高度得出滚动轴最大滚动距离根据滚动时计算滚动时滚动轴的滚动高度与比较做差,判断是否触发动作。 // github L6zt滚动插件设计原理 获取滚动元素的视口高度viewH和滚动高度scrollH,得出 滚动轴最大滚动...

    wanglu1209wanglu1209 评论0 收藏0
  • JS 中的offset、scroll、client总结

    JS 中的offset、scroll、client总结

    摘要:两张图镇楼,随时翻阅指偏移,包括这个元素在文档中占用的所有显示宽度,包括滚动条,不包括隐藏的部分属性返回一个对象的引用,这个对象是距离调用的父级元素中最近的在包含层次中最靠近的,并且是已进行过定位的容器元素。 经常碰到offset、scroll、...

    jerryloveemilyjerryloveemily 评论0 收藏0
  • 全栈前端入门必看 koa2+mysql+vue+vant 构建简单版移动端博客

    全栈前端入门必看 koa2+mysql+vue+vant 构建简单版移动端博客

    摘要:要注意这里必须和创建的时候传入的一致,因为服务端需要用创建时的来解密。是校验码解析时需要一致才能取到信息过期时间设置为格式有。 koa2+mysql+vue+vant 构建简单版移动端博客 具体内容展示 showImg("https://segmentfault.com/img/remote/1460000...

    GalenceGalence 评论0 收藏0
  • mpvue实现微信小程序(欢迎踩坑)

    mpvue实现微信小程序(欢迎踩坑)

    摘要:最近刚使用完成了微信小程序的开发,写点东西,做个记录。专门用于外链跳转但是外链跳转还是个坑,微信仅能支持跳到在它那边注册过的的网址,其他还是不行,暂时没有找到好的方式看了知乎,它的外链直接转成了文本,不可点击了。 最近刚使用mpvue完成...

    notebinnotebin 评论0 收藏0
  • 浏览器怪异模型和标准模型的区别

    浏览器怪异模型和标准模型的区别

    摘要:从开始,引入了模式,标准模式中,浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。这就是模式怪癖模式,诡异模式,怪异模式。   从IE6开始,引入了Standards模式,标准模式中,浏览器尝试给符合标准的文档在规范上的正确处...

    MoxmiMoxmi 评论0 收藏0
  • 如何做好年中/年终报告?

    如何做好年中/年终报告?

    摘要:汇报的时间汇报时间一般在分钟分钟左右,如果分钟,最好不要超过页分钟不要超过页。报告的标注结构非一般的贡献机会战略如何知道老板关注什么每两个月找老板沟通,把你最近做的事情放在发生以前讲讲机会,挑战,战略,风险,试探的问哪几个点比较重要。...

    zhouzhouzhouzhou 评论0 收藏0
  • 容易忽略的URL

    容易忽略的URL

    摘要:场景再现众所周知,有三种模式,一般的前端项目中会选择模式进行开发,最近做了一个运营活动就是基于的模式进行开发的。项目注册了两个路由抽象出来的入口页面需要参数,所以提供浏览器里输入回车后,页面自动增加一个变为。 场景再现 众所周知,vue-r...

    Richard_GaoRichard_Gao 评论0 收藏0

热门文章

<