Three js 着色器材质 shader[TOC]
什么是 GLSL？GLSL 代表 openGL Shading Language，它是着色器程序的特定标准，您将在接下来的章节中看到。根据硬件和操作系统，还有其他类型的着色器。在这里，我们将使用由Khronos Group监管的 openGL 规范。了解 OpenGL 的历史有助于理解其大部分奇怪的约定，为此我建议您...
2023-07-20
浏览（10521）
Html：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Login</title>
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.3/css/all.css" rel="stylesheet">
...
2021-07-13
浏览（6862）
最近比较忙，写一篇好看的悬停效果散散心
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
...
2021-05-28
浏览（6379）
mac安装sass[TOC]
Sass的简单介绍
Sass 是一种 CSS 的预编译语言。它提供了 变量（variables）、嵌套（nested rules）、 混合（mixins）、 函数（functions）等功能，并且完全兼容 CSS 语法。Sass 能够帮助复杂的样式表更有条理， 并且易于在项目内部或跨项目共享设计。
Mac安装Sass
执行如下命令进行安装
...
2021-05-16
浏览（7710）
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 引入字体图标 -->
<!-- <link
hr...
2021-01-23
浏览（6654）
坑一
Vue3.0的模版，2.0不配
坑二
如果数组里面它没有结果，就会报错 ex:
const routes = [
]
必须要去掉换行
坑三
针对于js的一些文件的注释，能写成/* */就不要写//
坑四
自定义组件后，在路由注册后，发现报了个错
在 router.js 中的components去掉s
(未完待续….)
处理语法
重上述...
2020-10-31
浏览（7210）
更新Mac系统后，在用npm安装依赖包的时候总会报这个错误：gyp: No Xcode or CLT version detected!查找了网上的解决办法，基本上都是清一色的说执行这个命令即可：sudo xcode-select --install可执行后安装npm包还是会报上面的错误提示，虽然没什么实质的影响，但看着这错误提示不舒服，便继续寻找解决的办法。功...
2020-10-30
浏览（7111）
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.9.0/css/all.min.css" rel="stylesheet">
...
2020-09-11
浏览（8472）
效果图
素材
index.html<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="MainStyle.css"/>
<script sr...
2020-08-13
浏览（7126）
效果图
代码
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</...
2020-07-16
浏览（7352）
效果图
代码
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="//at.alicdn.com/t/font_1891092_aqxy3pmoz8.css">
...
2020-07-08
浏览（8078）
效果图
代码
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-aw...
2020-07-01
浏览（8296）
Js 实现二叉树[TOC]
定义
二叉树是n(n>=0)个节点的有限集合，该集合或者为空集（称为空二叉树），或者由一个根节点和两棵互不相交的、分别称为根节点的左子树和右子树组成。下列图展示了一棵普通二叉树：
二叉树特点
由二叉树定义以及图示分析得出二叉树有以下特点：1）每个节点最多有两颗子...
2020-06-23
浏览（8157）
Date的扩展函数format
/**
*对Date的扩展，将 Date 转化为指定格式的String
*月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
*年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
*例子：
*(new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02...
2020-05-14
浏览（7713）
解决方法：layui.use(['jquery','layer','element'],function(){
}
而不是
layui.use('jquery','layer','element',function(){
}
2019-12-24
浏览（9338）
<iframeclass="scroll-style-8"id="filesldsptPDF"scrolling="yes"src="~/Scripts/Bob/File/one.pdf"width="100%"height="100%"type="application/pdf">
</iframe>
2019-12-16
浏览（9289）
先看看代码exportclassSidenavComponentimplementsOnInit{
privatemediaMatcher:MediaQueryList=matchMedia(`(max-width:${SMALL_WIDTH_BREAKPOINT}px)`);
constructor(
privaterouter:Router,
zone:NgZone){
this.mediaMatcher.addListener(mql=>zone.run(()=>this.mediaMatcher=mql));
}
@Vie...
2019-11-04
浏览（6828）
如题通过官网的API可知其中有一个全局拦截错误的事件$(document).ajaxError(function(ajaxError,jqXHR){
//jqXHR可直接获取错误的消息
//其中jqXHR.stateInfo可以获取错误访问的状态码
$(".log").text("TriggeredajaxErrorhandler.");
});https://api.jquery.com/ajaxError/#ajaxError...
2019-09-10
浏览（6985）
Web Page Effect:Html code:<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title></title>
<styletype="text/css">
body{
margin:0;
padding:0;
background:#0c002b;
font-family:sans-serif;
}
...
2019-07-19
浏览（7626）
page Effect:code(You just to need change pictures to achieve the desired effect):<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title></title>
<linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/m...
2019-07-13
浏览（7756）
;
50010702506256
