- 博客(12)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 TypeScript基础
1.数字类型number，Typescript和JavaScript一样，不区分整数类型(int)和浮点类型(double)，统一为number类型2.布尔类型只有两个取值：true，false，3.字符串的取值：string，4.数组的定义：Array，//不推荐 let foo : Array [ ] = [ ] //推荐5.对象类型：默认会做所以可以直接定义，6.null和undefined的定义：，2.数组的定义：Array，
2023-03-15 10:55:10
132
原创 pc端使用postcss-pxtorem把px转成rem实现响应式变化
pc端实现把px转成rem实现响应式随屏幕变化而变化因为vue项目基本编写完成，但是项目没有优化，当浏览器窗口缩小，或者说切换笔记本这种类似的小屏幕时候会出现一些问题，布局会混乱。所以在我接手后让我解决这个问题，因为有过类似的项目所以第一想法就是把固定的px转成rem进行响应式变化。第一步：安装环境1.postcss-pxtorem插件自动将px单位转换成remnpm install postcss-pxtorem如果运行报错，则看看是否postcss-pxtorem安装完成，有时候会显示版本问
2021-10-27 15:45:18
3955
2
原创 ES6基本全部语法
一,变量声明：let声明变量：1.变量不可重复声明，let star = '罗志祥' let star = '小猪'结果报错2.块级作用域，{ let girl = '周扬青' }在大括号内的都属于作用域内3.不存在变量提升4.不影响作用域链const声明常量：const SCHOOL = ‘学校’;一般习惯把常量全用大写字母1.一定要赋初始值2.一般常量使用大写（潜规则）3.常量值不能修改4.块级作用域5.对数组和对象的元素修改，不算对常量的修改，不会报错变量的结构.
2021-02-21 16:14:23
47218
7
原创 这是基于three.js+photo-sphere-viewer.js 全景图场景切换
这是基于three.js+photo-sphere-viewer.js 全景图场景切换效果图 ：http://122.51.121.122:8066/szovo起因很简单，公司做宣传想要做全景图，正好我会些three.js，然后这个任务就交到我这里来了。经过我一段时间的调研发现现在市面上一些公司主营业务就是全景图展示。他们所用的技术基本是基于成熟的一款付费插件制作。所以我就选择了three.js+photo-sphere-viewer.js 实现全景图效果我们先来了解一下Photo Sphere Vi
2021-02-07 15:26:12
3474
8
原创 javascript基础知识整理和部分高级，欢迎补充指正错误。
“= =“和”= = =”当使用“= =”来比较两个值时，如果类型不同，则自动转换为相同类型在进行比较。“===”：全等，判断两个值是否全等，和相等类似，不过不会进行类型的转换，类型不同直接返回false数据类型：基本数据类型：1.数字num，2.string，3.Boolean，4.null，5.undefinedundefined：代表定义但未赋值；null：表示赋值了，只是赋值未null什么时候赋值为null：1.初始变量赋值为null，表示要赋值变量为对象；2.结束时候，让不在使用
2020-06-03 16:39:58
226
1
原创 flex弹性盒子代码图片详细解释
一.开启了flex布局的元素叫做flex containerflex items默认都是沿着main axis(主轴)从main start开始往main end方向排布al{ display: flex; }<div class="al"> <div class="z2">z2</div> <div class="cl">c1</div> <div class="z1"
2020-05-26 18:08:31
501
原创 变形的transform和transition动画，关键帧动画
tansform属性允许旋转，缩放，倾斜，平移给定的元素常见的函数有：平移：translate(x,y).z2:hover{transform: translate(20px);}向x轴平移20像素缩放：scale(x,y).z2{width: 100px; height: 100px; background-color: seagreen; display: inline-block;
2020-05-13 09:42:40
609
原创 四种伪元素和::before,::after的使用
共有四种伪元素：一般伪元素可以写成两种，::first-letter，:first-letter因为单:和伪类一样，所以伪元素一般推荐写成::first-letter双冒号形式，用于区分。::first-letter用于针对第一个首字母设置属性，只有下列属性可以应用：字体属性，margin属性，padding属性，border属性，颜色属性，背景属性等::first-line针对文本首...
2020-04-30 15:57:38
603
原创 全部伪类和使用
1.动态伪类:link 未访问的链接:visited 已经访问的链接:hover 鼠标停留时候链接:active 激活链接时候:focus 指当前拥有输入焦点的元素,因为a元素可以被tab键选中聚焦，所以focus也适用a元素。如果不想元素被选中可以tabindex调整tab选中的顺序 <a tabindex="-1" href="">案件</a>使用注意：...
2020-04-30 14:31:27
229
原创 vue遍历数组可以单击进行颜色切换，或者通过按钮进行整体切换
开始是蓝色再点击变红，再点击就会恢复原来颜色还可以点击某一个进行切换下面上代码：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/java...
2020-04-15 16:20:22
1045
three.js+photo-sphere-viewer.js 全景图场景切换
2021-02-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人