摘要:
转载自 "ranyonsue" 自定义滚动条实现 此部分针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式,详情如下: 滚动条组成部分 1. :: webkit scrollbar 滚动条整体部分 2. :: webkit scrollbar thumb 滚动条里面的小方块,能向上向下移动 阅读全文
摘要:
内容精简自@马思睿 情景剧: 《摩登家庭》、《老爸老妈的浪漫史》 访谈: 《The Ellen Show》、《Conan》、《James Corden》、《The Graham Norton show》 电视剧: 《神烦警探》Brooklyn 99、《实习医生风云》、《硅谷》Silicon Vall 阅读全文
摘要:
你一定在插入图片的时候,遇到图片太大,影响观感的问题。 Markdown中,图片大小的设定方式有两种 不通过 这种格式上传图片,用``标签替换。 这种方式,是通过html标签引入,通过指定css样式来实现调整图片尺寸的的,你还可以通过内联样式 或者这样的css样式 这几种方式没有多大区别,看你觉得那 阅读全文
摘要:
在markdown中,目前,让图片像这样并排居中的方式主要是两种: 第一种: 多个图片链接綴加写,无换行,无空格。 这种方式,似乎并不能够每一次都生效。目前,仅尝试了博客园,是可以生效的,如下: 其编辑代码如下: 这种方式的很大问题是,图片是紧密贴在一起的,观感并不友好,因此不支持使用该方式。 第二 阅读全文
摘要:
1.使用html标签:<hr/> 示例: 百灵鸟,飞过蓝天。 <hr/> 我爱你,我亲爱的祖国。 <hr/> 生为华夏傲骨,死是华夏精魂。 效果: 2.使用 示例: 效果: 阅读全文
摘要:
这两个属性在W3S上的示例,给人的感觉好像效果是一样的: 阅读全文
摘要:
"原文链接" 响应式布局 自从进入移动互联网时代,响应式布局这个词经常出现在 Web 设计和开发领域,它让 Web 页面在不同尺寸的设备上都具有良好的浏览体验。 开始之前 在讲解响应式布局之前,需要先了解一下基础知识,只有对它们都有一定的了解,才能在做响应式布局时选取合适的技术方案。 像素 像素这个 阅读全文
摘要:
manifest.json 是一个 "JSON" 格式的文件,是每个 WebExtension必须包含的唯一文件。 使用manifest.json,您可以指定扩展名的基本元数据,如名称和版本,还可以指定扩展功能的各个方面,例如后台脚本,内容脚本和浏览器操作。 通过使用 manifest.json,你 阅读全文
摘要:
Table Of Content "准备" "基本思路" "实现" 我们期望实现这样的效果: 准备 这是一个基础的准备,仅仅含有html/css文件。 "下载link" 这是我们学习制作一个sidebar页面之前的准备,我们接下来只关注js部分的实现。 在以上准备文件中,如果你下载完毕,双击inde 阅读全文
摘要:
如果没有监听窗口变化,将会出现一下情况: 为了避免这种情况,有时候我们可能希望我们的画面能够随着浏览器窗口大小的变化自适应变化,如下效果: 怎么实现呢? 首先,我们需要像这样注册一个事件监听器: 我们给这个监听器设置了一个回调函数,也就是说,现在,只要浏览器窗口大小一改变,onResize这个函数就 阅读全文
摘要:
不论是处于特殊功能的需要,还是处于效果调试方便,我们可能都需要修改模型中的参数值。在Three.js中,谷歌提供了一个js库,即dat.GUI.js用于处理这种需求。 通过该库,我们就不需要通过手动修改源码来观察不同参数对模型的效果影响。 demo效果如下: 关键代码 入口文件: function 阅读全文
摘要:
Table Of Content Object3D简介以及两个属性的介绍 一个示例 Object3D简介以及两个属性的介绍 这是Three.js中大部分对象的基类,提供了一系列的属性和方法来对三维空间中的物体进行操控。这里介绍该基类的两个属性。 .onAfterRender : function 一 阅读全文
摘要:
动画原理 动画的本质实际上就是快速地不断变化的图片,每张图片对比前后两张图片有细微的变化。整个连续的过程达到一定速度在我们人眼看来就是动画。人眼一般能区分的帧率是24帧。过低给人的感觉就会很不流畅。 和我们小时候看的动画书原理一样 js中动画实现原理 在js中,要实现动画,我们首先需要做的第一件事情 阅读全文
摘要:
在Three.js中设置阴影效果,有多个地方需要设置属性。 1.渲染器 2.地板 3.光源 4.物体 阅读全文
摘要:
在学习2D文字的时候,看到官网有这样一个示例: https://threejs.org/examples/ css2d_label 月球的运动轨迹,在刷新函数中是这样写的: 其中 月球的运动轨迹就是通过修改月球在三维坐标系中的x和z值来实现的。 也就是这行关键代码: x轴坐标: y轴坐标: 其中el 阅读全文
摘要:
有时候Ctrl+s保存,html代码格式会紊乱。 造成这个原因一般是我们基本都在用的一个插件: 解决办法 【方法一】:不用普通保存,用save without format 代码编辑页面 按F1 输入 回车 该操作可以用快捷键 【方法二】:关闭自动格式化 代码编辑页面 按F1 输入 回车 属性设置为 阅读全文
摘要:
在我们开发过程中,我们也在不断的学习,以及优化自己的代码质量。 我们时常需要一个计时器,来对代码某段或者某些段执行进行计时,以评估代码运行质量,考虑是否优化。 以及优化后的直观对比。 JavaScript中, 已经向我们提供了方便的计时方法。 为了计算特定操作的时耗, 对象中引入了对计时器的支持。 阅读全文
摘要:
Step1 github页面:创建一个仓库(如何创建github仓库,你可能需要参考这篇 "教程" ),库名(Repository name)为你打算放在github上的项目名称。例如: Step2 本地:在任意位置(如桌面),打开 ,运行命令: 然后你会在你的本地,运行git bash的路径下,看 阅读全文
摘要:
在看别人的代码的时候,遇到了一种写法,之前没有见过,如下: 通过群知道这个东西叫做自执行函数,通过网络了解,记录下这是个啥。 其实,这个很简单,但是为了描述的清楚,我们还是从基本出发,说的详细一点: JS中的函数基本的定义和触发的形式是这样的: case1 我们还可以给这个函数赋值给一个变量,然后通 阅读全文
摘要:
递归是所有编程语言中,都会讨论到的一个问题。 Content Of Table "递归的通俗认识" "编程领域的抽象" "一个最简单的示例" "一点总结" "栈溢出问题" "本示例的一点拓展说明" 递归的通俗认识 编程是现实的抽象,这是能被应用到所有的编程概念的。 递归也是如此,其实递归,就是重复, 阅读全文
摘要:
所有的编程语言,都会讨论值传递问题。 通过一个js示例直观认识 以上示例,可见,在pass by value 中,我们先定义了一个a变量初始值为1,然后定义了一个b变量,是直接把a赋值给了b,此时a,b值都是1,修改a值为2后,打印发现b值并没有被修改。这说明了一个问题:定义b变量时,var b = 阅读全文
摘要:
markdown中,图片文字居中的方式有多种 1. 借助html标签``的支持 示例 注意 在博客园中,你必须把 `空一行,否则无法生效!(其他的网站和编辑器一般没有这个问题)例如: 2. 借助html标签 align`属性的支持 示例 阅读全文
摘要:
概述 方法告诉浏览器你希望执行动画,并且再下一次重绘之前要求浏览器调用一个特定的函数去更新动画。该方法把一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行。 注意:如果你想在浏览器下次重绘之前继续更新下一帧动画,那么回调函数自身必须再次调用Window.requestAnimationFr 阅读全文
摘要:
Table Of Content "什么是懒加载?" "语法参数及使用方式?" "有哪些特点?" "与js有关的实践" 什么是懒加载? 技术背景 Web应用需要经常向后台服务器请求资源(通过查询数据库,是非常耗时耗资源的),但是请求量过大,会导致服务端负载过大,响应慢,就容易造成前端的应用以及页面卡 阅读全文
摘要:
简单的Demo演练 "点击跳转至Code Pen" 以查看演示和源码 完整代码 代码说明 设定x,y 初始值: 指针锁定方法(这里考虑了firefox浏览器兼容): 现在,我们给 设定一个点击事件来监听触发 ,当点击时,将启动指针锁定。: 对于专用指针锁定事件侦听器: 。我们运行一个名为 的函数来处 阅读全文
摘要:
Pointer Lock API 提供了三个属性、两个方法、两个事件 Tabel Of Content "属性" Document.pointerLockElement Document.onpointerlockchange Document.onpointerlockerror "方法" Ele 阅读全文
摘要:
写在前面 markdown本身支持 Table Content 文中有等级标题后,仅需要在文中插入: 即可开启,本文重在介绍在手动写入锚链接时的注意事项。 例如 希望实现跳转至文章末尾的 附录链接 本身操作频率不高。 ==本文在这里可以更友好的阅读:Link== 当文章有分类,需要快速阅读,通常会先 阅读全文
摘要:
前言 指针锁定(Pointer Lock),以前也叫鼠标锁定,提供了基于 的输入方法,不仅仅是视窗区域鼠标的绝对位置。指针锁定让你能够访问原始的鼠标移动,将鼠标事件的目标锁定为单个元素,消除了单个方向上鼠标能够移动的最远距离限制,并且,可以把鼠标从视图中去除(隐藏效果)。 这对于Web的第一人称之类 阅读全文
摘要:
001_Three.js中的跨域问题 【情景描述】: 在初始化模型,引入字体和纹理皮肤图片的时候,由于跨域问题,出现了以下提示: Access to image at 'file:///F:/Users/Desktop/ThreeJS/LearnThreeJS/jay.jpg' from origi 阅读全文