文章库ARTICLE COLUMN

  • 光照渲染——用canvas模拟光照效果

    光照渲染——用canvas模拟光照效果

    摘要:光照我们能看到物体,是因为光照射在物体上然后反射到我们的眼睛当中。这篇文章也是想通过这个简单的光照计算来引出,后面的文章我会用来重新实现这个效果。渲染的光照效果关于我的博客这篇文章到这里就结束了。 光照 我们能看到物体,是因为光照射在...

    jokesterjokester 评论0 收藏0
  • 1北方更冷的城镇,是你想要的吗?

    1北方更冷的城镇,是你想要的吗?

    摘要:我笑了笑,我得到了我想要的答案。有强烈的个人色彩,无评价标准。对于没有经验的大学生,企业最多考量的就是才干。这些都需要长期的积累,由内而外的自然散发。很多大学毕业生,进入职场后发现实际情况与预想的不太一样。我笑了,你能这么想最好了。 ...

    K_B_ZK_B_Z 评论0 收藏0
  • Vue + jquery 实现表格指定列的文字收缩

    Vue + jquery 实现表格指定列的文字收缩

    摘要:无奈,只能通过最笨的方法,给我们的定义,而且是不同的用获取对应的元素比较基准方法方法搞定是搞定了,但是和的风格是不一样的,混用体验并不是很好,有好的方法请一定留言告诉我,必定送上一句谢谢 showImg("https://segmentfault.com/img/remote/1...

    heartFollowerheartFollower 评论0 收藏0
  • js 简单的推箱子小游戏步骤解析--大家都玩过的

    js 简单的推箱子小游戏步骤解析--大家都玩过的

    摘要:本文首发于我的个人推箱子小游戏步骤解析本文代码已经放在了上面了里面也进行了很详细的代码注释,可以下来,在本地运行一下看看。分为两个判断条件一个是推箱子,一个是不推箱子自然移动,否则不移动皮卡丘。 前言 推箱子小游戏大家肯定都玩过,之所...

    RaaabbitRaaabbit 评论0 收藏0
  • iOS Safari浏览器上overflow: scroll元素无法滑动bug解决方法整理

    iOS Safari浏览器上overflow: scroll元素无法滑动bug解决方法整理

    摘要:而中的网页本身就是一个大的,在脱离文档流的定位时,子元素的高度如果没有在建立之前确定,就不会触发内部滑动,而会触发外部滑动。分析父元素不脱离文档流时,无此。更新此问题的深层原因找到了,详情请见浏览器上元素无法滚动深究 描述 此bug出现需...

    eternalshalloweternalshallow 评论0 收藏0
  • call、apply和bind方法

    call、apply和bind方法

    摘要:和和方法非常相似,都是先设置函数中的操作符的值,并且执行这个函数。区别以数组形式接受传递给函数的参数以单个分开参数的形式例子使用操作符访问实例的和属性通过和函数调用该方法方法也可以设置操作符的值,但不执行它。 1. call和apply call和app...

    clasnakeclasnake 评论0 收藏0
  • IIFE 疑惑解析

    IIFE 疑惑解析

    摘要:问题解答定义了一个名为的立即执行函数表达式我们来看这一段代码,这里面包含着一个名为的具名函数表达式。 IIFE 是什么呢? IIFE 是 Immediately-Invoked Function Expression 的英文缩写,也就是立即执行函数表达式。 下面是一个 IIFE 代码实例: (f...

    WarrenWarren 评论0 收藏0
  • 基于casperjs、resemble.js实现一个像素对比服务

    基于casperjs、resemble.js实现一个像素对比服务

    摘要:写在最前本次分享一个提供设计稿与前端页面进行像素对比的服务,旨在为测试或者前端人员自己完成一个辅助性测试。图片像素对比工具。基本实现思路可以理解为通过将图片转为后,获取其图像像素点,之后对每个像素点进行一次比对。 写在最前 本次分享一...

    Jingbin_Jingbin_ 评论0 收藏0
  • 基于 vue-cli 的前端项目的自动发布预览环境

    基于 vue-cli 的前端项目的自动发布预览环境

    摘要:就是在提测前部署一个预览环境,在提测前,每个人本地验证一遍,再放在预览环境验证一遍。于是就准备啪啪啪撸一个完成自动发布预览环境的工具。用来直接把已经好的文件发布到预览环境。这样以后组里的其他同事也都可以用一行命令自己部署预览环境了。 ...

    ctriptechctriptech 评论0 收藏0
  • 走进Vue时代进阶篇(01):重构电商购物车模块

    走进Vue时代进阶篇(01):重构电商购物车模块

    摘要:欢迎你们跟着闰土大叔走进时代。其中购买数量可以增加或减少,每类商品还可以从购物车中移除。后记这大概就是一次用重构电商项目中的购物车模块的所有实现过程。作者闰土大叔链接来源掘金著作权归作者所有。 前言 从这篇文章开始,我准备给大家分享一...

    kk_mileskk_miles 评论0 收藏0
  • TypeScript VS JavaScript 深度对比

    TypeScript VS JavaScript 深度对比

    摘要:是事件驱动的,只根据用户的操作做出相应的反应处理。中的数据要求带有明确的类型,不要求。这些小小的变化可能会产生严重的意想不到的后果,因此有必要撤销这些变化。的优势相比于,也有一些明显优势。因此在应对大型开发项目时,使用更加合适。 show...

    William_SangWilliam_Sang 评论0 收藏0
  • webpack搭建多页面系统(三) 理解webpack.config.js的四个核心概念

    webpack搭建多页面系统(三) 理解webpack.config.js的四个核心概念

    摘要:关于模板的有好几种。一次安装所有的大家可以了解一些的用法把编译成。安装参考文档功能将源文件迁移到指定的目录,返回新的文件路径。安装用法它会将所有的入口中引用的移动到和页面对应的独立分离的文件。 webpack是需要自己编写自己需要的一个配置...

    邹强邹强 评论0 收藏0
  • function 封装

    function 封装

    摘要:第一个参数动谁第二个参数动多少计算步长动画的原理盒子本身的位置步长步长取整步长盒子本身的位置步长 div { width: 100px; height: 100px; background-color: pink; pos...

    BicycleWarriorBicycleWarrior 评论0 收藏0
  • 浏览器中的事件循环机制

    浏览器中的事件循环机制

    摘要:单线程的话,如果我们做一些的操作比如说这是一个耗时的操所那么在这将近一秒内,线程就会被阻塞,无法继续执行下面的任务。事件循环的主要机制就是任务队列机制一个事件循环有一个或者多个任务队列。 浏览器中的事件循环机制 网上一搜事件循环, 很多...

    zzbozzbo 评论0 收藏0
  • js操作时间(持续更新)

    js操作时间(持续更新)

    摘要:时间格式化原型上添加获取年份。获取两个日期之间的日期计算天前 1、时间格式化(Date原型上添加) Date.prototype.format = function() { var s = ""; var mouth = (this.getMonth() + 1)>=10?(this.getMonth() + 1):("0"...

    DobbyKimDobbyKim 评论0 收藏0
  • 库&插件&框架&工具

    库&插件&框架&工具

    摘要:一些有用的一些有用的,包括转换小箭头三角形媒体查询等中文指南是当下最热门的前端资源模块化管理和打包工具。 nodejs 入门 nodejs 入门教程,大家可以在 github 上提交错误 2016 年最好用的表单验证库 SMValidator.js 前端表单验证工具分享 浅谈前端...

    xiaowugui666xiaowugui666 评论0 收藏0
  • 关于h5中图片抛物线运动的一些心得.

    关于h5中图片抛物线运动的一些心得.

    摘要:常见的物体图片做抛物线或者更准确的说是沿贝塞尔曲线运动是开发中常见的需求那么如何快速的根据设计稿计算出运动路径是开发者首要解决的问题我这边开发常用的设计稿尺寸是那么根据这个尺寸解决方案思路如下首先将中要位移的元素多带带导出一张如果设计...

    leejan97leejan97 评论0 收藏0
  • 前端系列——快速理解babel6配置过程

    前端系列——快速理解babel6配置过程

    摘要:下面提供具体的版本号给大家参考你相信吗上面个插件,就能生成图片上那几十个插件,这一切归功于插件之间的依赖关系。好了,现在不害怕了,因为配置原来如此的简单。 繁琐的配置? 你能快速读懂babel的官方文档吗? 你能根据官方文档快速配置好babelrc...

    JeffJeff 评论0 收藏0
  • 渲染一个Tree结构

    渲染一个Tree结构

    摘要:生成的结构原始数据渲染成结构获取用有相同父的组,通过遍历上面的得到的组,组装成 生成Tree的结构 原始数据 [{ "id":"PEData", "name":"PEData", }, { "id":"OPT"...

    ZacharyZachary 评论0 收藏0
  • WebVR教程——Web Audio开发3D音效

    WebVR教程——Web Audio开发3D音效

    摘要:输入结点主要负责加载解码音频源,比如获取二进制音频源的获取音频源的等处理结点主要对音频数据进行计算处理,比如处理音频振幅的等输出结点则将音频输出至扬声器或耳机,便是默认的输出节点。 showImg("https://segmentfault.com/img/remote/1460000...

    youkedeyoukede 评论0 收藏0
  • css 进度条的文字根据进度渐变

    css 进度条的文字根据进度渐变

    摘要:需求进度条里面的文字需要根据进度的长度而变化原理用两个一模一样的样式的重叠起来效果字体开始为蓝色,跟随进度条变为白色在线预览代码进度条渐变完成进度点击开始点击开始 需求 1.进度条里面的文字需要根据进度的长度而变化 原理 用两个一模一样的...

    zqhxuyuanzqhxuyuan 评论0 收藏0
  • 前端的开发工具之实时无刷新自动加载页面

    前端的开发工具之实时无刷新自动加载页面

    摘要:和等通用代码编辑器不一样,是专门针对前端开发而生安装好软件之后打开需要调试的文件点击如下图所示的按钮就可以实现无刷新自动加载页面了 WebStorm10.0.3 live Edit与Google浏览器实时无刷新自动加载页面 Webstorm中的配置 点击: File->Settings->B...

    wing324wing324 评论0 收藏0
  • vue绑定样式

    vue绑定样式

    摘要:使用三目运算符绑定样式本来以为使用模版写法,在绑定单个样式,也就是一个类名的时候可以直接书写,就像这样结果运行出来是错误的,找了半天原因,才发现写法应该是下面这种这样才对嘛或者这样也可以这样最后将绑定表达式限制为一个表达式。 使用三目...

    libin19890520libin19890520 评论0 收藏0
  • 前端系列——论前端工程师增加知名度的重要性

    前端系列——论前端工程师增加知名度的重要性

    摘要:工作最后还是找到了,工作了几个月,我不断思考这个问题前端工程师要不要写博客,拉粉丝,做娱乐圈一样的事情。打开知乎一看,哇塞,这个人头衔是资深前端,粉丝这么多,大家都叫他某大某老。 话题 这篇文章就像是灌水文,扯些非技术的东西,权当话题...

    liaoyg8023liaoyg8023 评论0 收藏0
  • canvas绘制海报+二维码,满足绝大部分场景

    canvas绘制海报+二维码,满足绝大部分场景

    摘要:无需任何第三方依赖,轻型工具库。绘制海报,生成带的二维码。默认重新编辑最终图片压缩比,默认基础类型参数表示一个图片部分。之间表示一个二维码部分参数类型描述指定为二维码类型要绘制的内容。通过控制边框颜色,默认为默认为容错等级。 canvas_x...

    blueskybluesky 评论0 收藏0

热门文章

<