mxclsh-CSDN博客

原创 css样式大全

字体属性：(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位：PX、PD、EM粗细 {font-weight: bold;...

2018-10-25 10:24:12 215

转载为什么three中position，scale，rotation, quaternion, modelViewMatrix ,normalMatrix 等属性直接修改属性值失败

在以前做项目的时候，我想改一个Mesh的顶点值为鼠标点击的坐标，直接设置设置失败，原因是这样的，以下是源码：Object3D 对象中：Object.defineProperties( this, { position: { enumerable: true, value: position }, rotation: { ...

2019-04-09 14:44:17 538

转载 three 中 shadow的常用参数

当我们投射阴影的时候如果想调节阴影的清晰度：可以将 shadow.mapSize 设置为更大的值： light.shadow.map.width = light.shadow.map.height = 1024 // 还可以选的值 128,256，512，2048等当我们投射阴影的时候如果想调节阴影的大小...

2019-04-09 14:39:59 1559

转载 texture中的 anisotropy属性，纹理的各向异性

定义：anisotropy：沿通过具有最高纹理像素密度的像素的坐标轴取样的数量。默认情况下，此值为1.较高的值会产生比基本mipmap更少的模糊结果，但需要使用更多纹理样本。使用renderer.getMaxAnisotropy（）来查找GPU的最大有效各向异性值; 这个值通常是2的幂。这样能实现什么效果呢：如果大家想让物体缩小的时候，任然比较清晰，可...

2019-04-09 14:31:54 1434

转载 ajax bufferarray three中loader的实现原理

ajax的返回数据的类型有五中，，在研究three的loader的时候，突然发现ajax返回的数据还有arrayBuffer数据类型，以前我只知道返回文本，，于是我查阅资料，总结了一下，，以下是我的总结：responseType的值如下五中：《1》“ ”和 "text" 字符创（默认）&nb...

2019-04-09 14:16:18 308

转载正片叠低后图像边缘有白边

在做项目的时候，要做一个正片叠低的效果，当做完后发现一个不可思议的效果。图片边缘有描边，如下最后在webglRender中添加了该属性后， var renderer = new THREE.WebGLRenderer({premultipliedAlpha: false}) 后完美解决，解决后效果如下那么这个属性到底是干什么呢，，下面是我的一些理解：premultipleliedAlp...

2019-04-09 14:14:29 501

转载 three 蒙皮动画核心过程

简介：蒙皮动画：通过模拟人的运动来模拟3D物体的动画，游戏中也经常使用。制作蒙皮动画的主要过程和注意点：1. 制作蒙皮骨骼： var material = new THREE.MeshBasicMaterial({color: 0xfff000,wireframe:true,...

2019-04-09 14:11:23 306

原创 rem和em和px

默认字体16px；px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。EM特点em的值并不是固定的；em会继承父级元素的字体大小。rem是CSS3新增的一个相对单位（root em，根em），使用rem为元素设定字体大小时，仍然是相对大...

2018-12-24 10:04:15 1987

转载前端界面开发大小单位 px rem em

前端界面开发表示大小的单位有 px、rem、em。这三种有什么区别呢？px指像素值，固定大小，较好理解。rem、em的区别呢？em是针对body中的font-size的倍数，rem是针对html的倍数。1、emem是针对body中font-size的倍数，font-size默认是24px例：body{font-size:62.5%;}则：1em=10px2、remrem是针对html...

2018-12-21 13:11:48 1148

转载移动端前端界面开发学习

CSS：1、总：body{margin: 0;font-family: Arial,“Mircoscft YaHei”;color: #666;position:relative;}.page{height: 100%;width: 100%;position: absolute;left:0;top:0;overflow: hidden;}2、获取到class=page的第1个，然后给其...

2018-12-21 13:10:11 1237

原创 bootstrap

一、获取bootstrap文件英文官网：http://getbootstrap.com/中文官网：http://www.bootcss.com/二、创造基础文件1.IE8开启标准渲染模式2.配置视窗备注：initial-scale - 初始的缩放比例user-scalable - 用户是否可以手动缩放3.引入bootstrap CSS样式文件和js文件4.引入jQuery...

2018-12-21 13:08:14 131

原创 wow.js中各种特效对应的类名

一、首先说明一下怎么使用这个插件：1、wow.js依赖于animate.css，首先在头部引用animate.css或者animate.min.css。<link rel="stylesheet" type="text/css" href="css/animate.min.css">2、在最底部引用wow.js或者wow.min.js，然后再下面再写一行javascript代码...

2018-12-20 14:28:15 220

原创 bootstrap响应式自己要注意的地方

先写上cnd加速得到的 &amp;lt;script src=&quot;https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script src=&quot;https://cdn.staticfile.org/tw

2018-12-19 16:50:19 570

原创小程序数据处理与页面跳转

一、获取各种值设置data值：xx.jsPage({ data: { text: "This is page data.", sliderOffset: 0, sliderLeft: 0, state:{ genre:[], genre_index: 0, model:[], model_...

2018-12-14 12:46:02 1158

转载图解offsetWidth, clientWidth, scrollWidth, innerWidth, outerWidth, pageXOffset等

不同浏览器：**一、测试1：无滚动条时，dom对象的offsetWidth、clientWidth和scrollWidth（1）测试代码**<!DOCTYPE HTML><html lang="zh-cn"><head><meta charset="utf-8" /><title>Javascript&lt

2018-12-06 14:49:36 407

转载图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别

<!DOCTYPE HTML><html lang="zh-cn"><head><meta charset="utf-8" /><title>Javascript</title><style>body{margin:0;padding:0;background:#

2018-12-06 14:41:45 151

原创 js拖拽

实现拖拽效果主要跟鼠标的三个事件有关：onmousedown : 选择要拖拽的元素onmousemove : 移动元素onmouseup : 释放元素function drag(cla1,cla2,index){//鼠标可拖拽区域的dom，被拖拽的dom元素,索引 var disX = 0; //鼠标到dom元素左边距离 var disY = 0; //鼠标到do...

2018-12-06 14:37:21 107

原创 jq的.click().on('click'）

$（selector）.on('click',function(){ });支持动态绑定元素，即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素，如绑定body里的动态li元素：$('body).on('click','ul li',function(){});若直接绑定动态的li元素将不成功，效果与$(’’).click()相同。$(’’).click...

2018-12-04 08:41:18 5335

原创对象继承方式

一、对象冒充其原理如下：构造函数使用 this 关键字给所有属性和方法赋值（即采用类声明的构造函数方式）。因为构造函数只是一个函数，所以可使 Parent 构造函数成为 Children 的方法，然后调用它。Children 就会收到 Parent 的构造函数中定义的属性和方法。例如，用下面的方式定义 Parent 和 Children：原理：就是把 Parent 构造函数放到 Child...

2018-11-27 08:37:47 150

原创 css代码生成器

CSS3 Generator大家最喜爱的用于代码生成的 web 应用之一就是 CSS3 Generator。对于不同类别的代码生成器，包括 RGBa，transform，flexbox 等等，它有不同的页面。另外，每个代码生成器还包括用于解释哪个浏览器版本完全支持该属性的图标。官方网站：http://css3generator.com1111/Enjoy CSS想要更动态的应用程序...

2018-11-19 15:19:08 870

原创多行文字截断

做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果，如下图：看似十分简单的标题截断效果，但是竟然没有一个统一 CSS 属性实现标准，需要用到一些奇淫妙计来实现，一般来说，在做这样文字截断效果时我们更多是希望：兼容性好，对各大主流浏览器有好的支持响应式截断，根据不同宽度做出调整文本超出范围才显示省略号，否则不显示省略号省略号位置显示刚好基于上述的准则，下面我就讲介绍各种技巧实现...

2018-11-19 14:56:28 923

翻译 CSS 阴影技巧与细节

单侧投影先说单侧投影，关于 box-shadow，大部分时候，我们使用它都是用来生成一个两侧的投影，或者一个四侧的投影。如下：OK，那如果要生成一个单侧的投影呢？我们来看看 box-shadow 的用法定义：{ box-shadow: none | [inset? && [ <offset-x> <offset-y> <blur-ra...

2018-11-19 14:35:19 5389

转载回调函数

function say (value) { alert(value);}alert(say);alert(say('hi js.'));只写变量名 say 返回的将会是 say方法本身，以字符串的形式表现出来。而在变量名后加()如say()返回的就会使say方法调用后的结果，这里是弹出value的值。js中函数可以作为参数传递function say (value)...

2018-11-16 08:40:44 6401

原创清除浮动影响

1、给父盒子设置高度2、clear:both3、伪元素清除法4、overflow：hidden2、 clear：bothclear：意思就是清除的意思。有三个值：left：当前元素左边不允许有浮动元素right：当前元素右边不允许有浮动元素both：当前元素左右两边不允许有浮动元素3、伪元素清除法(常用)给浮动子元素的父盒子，也就是不浮动元素，添加一个clearfix的类...

2018-11-05 14:53:53 346

原创 Bootstrap

如何搭建Bootstrap架构第一步:去bootstrap官网下载Bootstrap源码和库。http://www.bootcss.com/第二步:导入bootstarp.css第三步：导入jquery.js第四步：导入bootstrap.js第五步：添加一个meta标签支持移动设备&lt;meta name="viewport" content="wi

2018-11-01 17:02:09 110

原创 20条CSS高级技巧（推荐收藏）

20个有用的CSS小技巧，来帮你把CSS技能提高到高级水平 [Github上有8000多个star]。包括Flexbox、REM、:not()选择器、负的nth-child等。01、使用CSS复位CSS复位可以在不同的浏览器上保持一致的样式风格。您可以使用CSS reset 库Normalize等，也可以使用一个更简化的复位方法：{box-sizing: border-box;marg...

2018-10-31 16:50:13 212

原创 z-index

当文字与盒子重叠时，方法一，令盒子的z-index=-1；即可方法二，盒子和p/span等标签同时设置position: absolute;再设置z-index=xx;此时的z-index值谁大谁就在上方...

2018-10-29 16:55:15 100

原创 python基础+AI面试简历+数据分析+机器学习源码+s9lvlinux教程+04ctlinux虚拟机

python基础：链接：https://pan.baidu.com/s/1rarM37sy8Ri0vpjsjRD3yg 密码：12sgpython3精品爬虫：链接：https://pan.baidu.com/s/1DiZNc6elzn7t8pvM8K5OxQ 密码：9yo0聊天机器人：链接：https://pan.baidu.com/s/1DBMmwNdVYkDk8Bsu1lckcQ 密码：dwj...

2018-10-25 10:09:45 635

原创链接1

1.ps 链接:https://pan.baidu.com/s/1mjYbcJA密码：pqdt2.HTML5+CSS3从入门到精通.iso 链接:https://pan.baidu.com/s/1cUHz3o密码：gdyw3.Javascript视频教程链接:https://pan.baidu.com/s/1i6eC5YP密码：ku5k4.Jquery视频教程链接：https...

2018-10-25 10:07:01 796 1

原创 jQuery与JavaScript与ajax三者的联系

简单总结：1、JS是一门前端语言。2、Ajax是一门技术，它提供了异步更新的机制，使用客户端与服务器间交换数据而非整个页面文档，实现页面的局部更新。3、jQuery是一个框架，它对JS进行了封装，使其更方便使用。jQuery使得JS与Ajax的使用更方便解释： javaScript是用于Web客户端开发的脚本语言，Ajax是基于JS语言，主要组合JS、CSS、XML三种技术的新技...

2018-10-25 09:55:38 286

原创 js与jq 区别地方

1、加载DOM区别JavaScript：window.onloadfunction first(){alert(‘first’);}function second(){alert(‘second’);}window.onload = first;window.onload = second;//只会执行第二个window.onload；不过可以通过以下方法来进行改进：win...

2018-10-25 09:51:05 150

翻译前端成长路线图

HTMLHTML用于定义网页的结构。你的第一步是学习HTML的语法，学会如何把页面拆分为多个部分。任务：至少撸5个纯HTML页面，你可以实现任意网站的页面，比如GitHub的profile页面或者Twitter的登陆页面。纯HTML会有点丑，但是不用担心，专注于网页的结构。CSSCSS，全称Cascading stylesheets，是用来美化HTML页面的。学习CSS语法，...

2018-10-12 12:27:25 2064

原创各种IT学习视频和资料

知识点知识点汇总链接：http://pan.baidu.com/s/1dFFq1mp 密码：hdvc程序员英语单词汇总链接：http://pan.baidu.com/s/1o8bGMh0 密码：0og2各语言知识点汇总链接：http://pan.baidu.com/s/1mhMlLYK 密码：nbi4程序员英语单词汇总链接：http://pan.baidu.com/s/1o8bGM...

2018-09-11 10:55:39 3892 2