xiongzhengxiang-CSDN博客

原创 webgl 性能优化的一些方法

1 对于文字过多的场景，可以提前生成0到9以及字符的geometry，同时计算每个字符的宽度。在渲染文字时，分别渲染每个字符，同时通过position.offset 来设置x,y 的偏移

2022-04-24 09:56:02 536

原创 git commit规范及自动化管理

参考： https://aotu.io/notes/2020/09/10/git-commit-control/

2020-10-12 15:28:55 247

1 useRef 与 useState 的区别useRef 和 useState ，生成的变量，在组件的整个生命周期都保存一份，不会在每次render 的时候，重新创建。区别是： state 的改变，会使组件重新渲染，但是ref 的改变，不会引起重新渲染。2 如何获取函数式组件的方法使用forwordRef 和useImperativeHandle 结合，可以定义从父元素传递进来的ref ,可以访问的函数...

2020-09-02 14:43:48 185

原创源码学习-postcss-pxtransform

这是一个postcss 插件，主要功能是根据不同平台，将css 中的px 单位，转化为rem 或者 rpx;postcss 的主要原理是将css 转换成ast , 然后通过操作ast 的节点，最后将修改后的ast 转换为css . 在原理实现上跟babel 是一样的。既然是修改节点，当然要知道节点的类型有哪些了？h1 {font-family: “Open Sans”, fontstack(“Arial”);}rule: 一个css 规则，包括一个选择器，以及用大括号包含的属性值。如上的一段就是

2020-07-23 14:18:19 711

原创 react 性能优化工具

1 the performance timeline React 15.4.0 引进了一个性能时间线特性让我们可以清晰的排查组件的每一个生命周期的执行时间。在开发者工具performance 中，点击record 记录，然后就可以看到react 的组件生命周期引用方式： href + ?react_perf 比如： http://localhost:8080?react_perf2 why-d

2017-09-01 12:04:49 667

转载从达标到卓越 —— API 设计之道

参考：http://taobaofed.org/blog/2017/02/16/a-guide-to-api-design/

2017-03-13 17:34:47 566

原创 react 学习参考文章

1 componet vs class https://toddmotto.com/react-create-class-versus-component/2 why stateless functional components https://hackernoon.com/react-stateless-functional-components-nine-wins-you-might-ha

2017-03-03 10:35:59 555

转载 React/React Native 的ES5 ES6写法对照表

参考： http://bbs.reactnative.cn/topic/15/react-react-native-%E7%9A%84es5-es6%E5%86%99%E6%B3%95%E5%AF%B9%E7%85%A7%E8%A1%A8

2016-08-26 11:27:28 538

原创框架学习

sam 的例子 https://bitbucket.org/snippets/jdubray/9dgKp/sam-sample

2016-03-06 20:44:25 494

原创 css3 布局

1 transform 如果用3d 形式，书写顺序对结果有影响吗？有。参考： http://www.hitthebits.com/2012/06/css3-3d-transforms-function-order.html

2016-02-26 17:07:41 611

转载 mvc mvvm 简介

参考链接： http://blog.csdn.net/napolunyishi/article/details/22722345

2016-02-22 18:16:47 434

原创函数式编程思想

主要思想，函数是js 的第一等公民，可以作为参数传递，从而实现通过小的、简单的函数，合成复杂的函数例子：for 等可以用map 、reduce 等函数取代函数合成的方法：partical 、 conposite、 curry ，生成复杂的函数参考： http://jrsinclair.com/articles/2016/gentle-introduction-to-fu

2016-02-19 19:06:10 882

原创 js amd commonjs umd

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2016-02-17 15:31:12 619

原创 css3 3d 学习文档

perspective http://blog.sina.com.cn/s/blog_7fcde0e20102v7ja.html

2016-01-31 18:26:27 503

原创 css3 框架学习

参考： https://pages.18f.gov/frontend/css-coding-styleguide/frameworks/添加一些常用的mixin http://bourbon.io/sass 选择器的书写顺序：variables@extend directives@include directivesdeclaration list (prope

2016-01-20 20:31:45 627

原创几种浏览器常见的术语

设备像素：screen.width屏幕尺寸： screen.width 单位：设别像素浏览器窗口尺寸： window.innerWidth 单位：css 像素浏览器滚动距离： window.pageXOffset 单位：css 像素文档的尺寸： document.documentElement.offsetWidth事件坐标：pageX 相对于元素

2016-01-14 10:33:27 1036

原创 css3 cal 用法

1 语法calc(); 函数名和括号间不能有空格calc(1px + 2vm) + - 周围必须有空格

2015-12-30 20:58:50 1708

原创 restart css3 animation

一个动画完了，还想触发，怎么弄？$el.removeClass('run').addClass('run')这样做，不行。因为浏览器发现删除的和新加的是同一个通话，而浏览器不会让同一个动画多次两次。如何解决？1、触发reflow时间$el.removeClass('run');$el[0].offsetWidth = $el[0].offsetWidth;$el

2015-12-24 19:32:30 639

原创 sass 变量作用域

sass 变量有两个作用域 -局部变量 -全局变量局部变量在mixin 和function 中定义的变量。嵌套选择器，可以使用在嵌套外定义的变量。局部变量是已{}区分的吗？全局变量在选择器外定义的变量，默认都是全局变量

2015-08-24 11:57:35 805

原创 border 加透明效果

用法；border:5px solid rgba(255,255,255,0.5);background-clip: padding-box;参考：https://css-tricks.com/transparent-borders-with-background-clip/

2015-06-09 11:12:07 7101

转载触摸 touches targetTouches changedTouches 区别

We have the following lists:touches: A list of information for every finger currently touching the screentargetTouches: Like touches, but is filtered to only the information for finger touches tha

2015-06-06 10:38:07 3855

原创 ipython 入门

ipython 学习参考参考：http://www.pythonforbeginners.com/basics/ipython-a-short-introduction

2015-05-05 14:28:37 712

原创 css3 animate

由于dom 渲染过程layout 、paint、composition 的消耗，只触发composition 的属性，具有最好的animation 流畅性他们是：opactiy :0..1transform: translate(npx,npx)transform:rotate(ndeg)transform: scale(n)参考：http://www.html

2015-04-30 12:01:25 533

原创 media query width vs device-width

width: 网页中用于渲染的宽度device-width: 顾名思义，就是屏幕的宽度。device-width >=width参考：http://www.sitepoint.com/media-queries-width-vs-device-width/

2015-04-29 16:26:24 896

原创 git 常用命令

1 比较两个版本之间有哪些文件有变化git diff --name-status HEAD~2 HEAD~3

2015-02-15 11:26:31 349

转载 git ignore 文件和文件夹

参考： http://blog.csdn.net/benkaoya/article/details/7932370

2015-01-23 19:43:26 601

转载 compass sass 中文错误的问题

代码若有中文编译Sass 文件出现Syntax error: Invalid GBK character报错解决方法是：找到ruby的安装目录，里面也有sass模块，如这个路径：C:\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass在这个文件里面engine.rb，添加一行代码：Enco

2015-01-07 20:22:10 3077

转载 touch click 的关系

#1 - Clicking and Tapping - the "Natural" Order of ThingsThe first problem is that touch interfaces typically try to emulate mouse clicks - obviously, since touch interfaces need to work on appl

2015-01-07 09:36:17 568

转载 svn 回滚的命令

第一种情况：改动没有被提交（commit）。这种情况下，使用svn revert就能取消之前的修改。svn revert用法如下：# svn revert [-R] something其中something可以是（目录或文件的）相对路径也可以是绝对路径。当something为单个文件时，直接svn revert something就行了；当something

2015-01-06 18:07:34 635

转载 compass 编译 sourcemap 配置

参考：https://chillco.com/blog/setting-sass-and-compass-source-maps

2014-12-27 10:11:13 737

转载 css 多列布局

参考：http://www.w3cplus.com/solution/itemlist/itemlist.html

2014-12-25 13:26:08 455

原创 git 学习资料

非常详细的http://www.open-open.com/lib/view/open1328069889514.html

2014-12-09 09:45:40 490

原创 webkit 浏览器，多行省略

@media all and (-webkit-transform-3d) { .sc_structure_doc .sc_title { white-space:normal; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient: vertical; }}

2014-10-30 14:23:18 998

原创 div 包裹img,div 高度大于img

1.

2014-10-24 20:56:59 3019

原创 display table 布局和box 布局同样的内容

参考：

2014-10-24 20:28:33 597

原创 inline elment new line

参考：

2014-10-24 11:37:07 499

一个简易的聊天系统 vc平台

自动更新源码实例（附带文档说明）

空空如也