草庐IT

TRANSFORM

全部标签

Unity --- Transform类

1.一个很有意思的事实是Transform类不仅用来管理游戏物体的位置缩放旋转,还用来管理游戏物体的父物体与子物体之间的关系当游戏物体A的trasnform类a是游戏物体B的transform类b的父类的话,游戏物体A就是游戏物体B的父物体2.如何访问脚本当前挂载的游戏物体的transform类呢---在脚本中可以直接通过transform这个类名访问position属性记录的是当前游戏物体在世界坐标系中的的坐标 游戏物体的transform类中的 localposition这个属性:1.在当前游戏物体没有父物体的时候,其值与position中的相对于世界坐标系下的坐标相同2.当当前游戏物体有

jQuery Mobile 方向改变事件

jQueryMobile方向改变事件jQueryMobile方向改变(orientationchange)事件当用户垂直或水平旋转移动设备时,触发方向改变(orientationchange)事件。$(document).ready(function(){$("#btn").click(function(){$(".iphone").css({'-webkit-transform':'rotate(90deg)','-moz-transform':'rotate(90deg)','-o-transform':'rotate(90deg)','-ms-transform':'rotate(90d

jQuery Mobile 方向改变事件

jQueryMobile方向改变事件jQueryMobile方向改变(orientationchange)事件当用户垂直或水平旋转移动设备时,触发方向改变(orientationchange)事件。$(document).ready(function(){$("#btn").click(function(){$(".iphone").css({'-webkit-transform':'rotate(90deg)','-moz-transform':'rotate(90deg)','-o-transform':'rotate(90deg)','-ms-transform':'rotate(90d

【微信小程序系列:五】小程序适老化自动适配工具miniprogram-elder-transform---微信老年关怀模式下小程序字体适配微信字体

1.先言这个工具我网上基本找不到任何一篇文章说这个miniprogram-elder-transform的使用的,==,既然没有,那咱就自己写第一篇~Android字体大小标准默认16px,iOS字体大小标准默认17px。个人觉得,微信用户设置字体大小超过或等于22px,小程序就可以进行老年化适配。适老化官方文档2.提示获取微信用户字体大小方法。获取后可以进行一些自己的操作。wx.getSystemInfo({success(res){console.log('用户字体大小(单位px)',res.fontSizeSetting)}})3.使用打开终端,安装插件工具,构建npm。工具GitHub

【微信小程序系列:五】小程序适老化自动适配工具miniprogram-elder-transform---微信老年关怀模式下小程序字体适配微信字体

1.先言这个工具我网上基本找不到任何一篇文章说这个miniprogram-elder-transform的使用的,==,既然没有,那咱就自己写第一篇~Android字体大小标准默认16px,iOS字体大小标准默认17px。个人觉得,微信用户设置字体大小超过或等于22px,小程序就可以进行老年化适配。适老化官方文档2.提示获取微信用户字体大小方法。获取后可以进行一些自己的操作。wx.getSystemInfo({success(res){console.log('用户字体大小(单位px)',res.fontSizeSetting)}})3.使用打开终端,安装插件工具,构建npm。工具GitHub

How Could Cloud-Native Transform Education?

Tosomegroups,cloud-nativemayseemtobesomethinghigh-techandtrendy.Whenitcomestothediscussionofcloud-native,ahostofotherbeautifulwordsmayfollow:resilient,observable,robust,sustainable,etc.Whilebacktopractice,itisnotanovernightsuccesstoperformlikethat.Cloud-nativetransformationisanimportantinitiativetha

How Could Cloud-Native Transform Education?

Tosomegroups,cloud-nativemayseemtobesomethinghigh-techandtrendy.Whenitcomestothediscussionofcloud-native,ahostofotherbeautifulwordsmayfollow:resilient,observable,robust,sustainable,etc.Whilebacktopractice,itisnotanovernightsuccesstoperformlikethat.Cloud-nativetransformationisanimportantinitiativetha

【H5/CSS3】旋转展开收缩菜单栏

1别人写的地址链接视频链接:https://www.bilibili.com/video/BV1TK4y1Q78sgithub链接:https://github.com/Lavender-z/demo如果上不了,就下个dev-sidecar代理效果代码注释 Document body{ overflow:hidden; background:linear-gradient(toright,#ffb95e,#f35c70); } /*这个仅仅只是固定位置的*/ .menu-toggler{ position:absolute; display:bl

【H5/CSS3】旋转展开收缩菜单栏

1别人写的地址链接视频链接:https://www.bilibili.com/video/BV1TK4y1Q78sgithub链接:https://github.com/Lavender-z/demo如果上不了,就下个dev-sidecar代理效果代码注释 Document body{ overflow:hidden; background:linear-gradient(toright,#ffb95e,#f35c70); } /*这个仅仅只是固定位置的*/ .menu-toggler{ position:absolute; display:bl

快速构建页面结构的 3D Visualization

对Chrome扩展功能熟悉的小伙伴,可能都有用过Chrome的3D展示页面层级关系这个功能。可以通过控制台-->右边的三个小点-->MoreTools-->Layers打开。即可以看到页面的一个3D层级关系,像是这样:这个功能有几个不错的作用:页面层级概览快速厘清页面z-index层级之间的关系用于排查一些重绘过程(滚动过程)页面卡顿当然,也会存在一些问题,譬如当页面的DOM数量太多的时候,这个插件有的时候就会卡到无法交互了。同时,虽然可以快速厘清页面z-index层级之间的关系,但是有的时候没法很好的快速看清整个页面嵌套关系。同时,它只能看整个页面的概览,无法选取部分节点进行观察。本文,就将