2022年8月16日

删除前后缀空格trim()

摘要: trim() var stringValue = " hello world "; var trimStringValue = stringValue .trim(); alert(stringValue) // " hello world " alert(trimStringValue) // " 阅读全文

posted @ 2022-08-16 14:21 caicai2015 阅读(16) 评论(0) 推荐(0) 编辑

查找所有匹配的字符串

摘要: 可以通过循环调用indexOf()来查找所有匹配的字符串,如下面的例子: var stringValue = "Hello word!"; var position = new Array(); var pos = stringValue.indexOf("o") while(pos > -1){ 阅读全文

posted @ 2022-08-16 14:13 caicai2015 阅读(166) 评论(0) 推荐(0) 编辑

2022年8月15日

包含两个对象的数组排序

摘要: 1 var data =[{name:19,age:28},{name:30,age:29}] 2 function createComparisonFunction(propertyName){ 3 return function(object1,object2){ 4 var value1 = 阅读全文

posted @ 2022-08-15 17:22 caicai2015 阅读(27) 评论(0) 推荐(0) 编辑

2022年8月12日

两个简单的比较函数

摘要: function compare(value1,value2){ if(value1<value2){ return -1; } else if(value1>value2){ return 1; } else{ return 0; } }var values = [0,5,4,2,1];value 阅读全文

posted @ 2022-08-12 15:53 caicai2015 阅读(109) 评论(0) 推荐(0) 编辑

ECMAScript中基本的要素

摘要: 1.基本数据类型:Undefined、Null、Boolean、Number和String 2.与其他语言不同,JS没有为整数和浮点数值分别定义不同的数据类型,Number类型可用于表示所有数值 3.Object类型是JS中所有对象的基础类型 4.严格模式为JS中容易出错的地方施加了限制 5.JS提 阅读全文

posted @ 2022-08-12 09:51 caicai2015 阅读(18) 评论(0) 推荐(0) 编辑

2022年6月30日

canvas实现闪亮的星星

摘要: 之前网上看到一个一闪一闪星星的教程,觉得挺有意思的,于是按照效果自己做了一下。 实现效果:鼠标移动上去出现星星闪动,移开星星消失 源代码: commonFunctions.js window.requestAnimationFrame = (function(){ return window.req 阅读全文

posted @ 2022-06-30 13:49 caicai2015 阅读(239) 评论(0) 推荐(0) 编辑

2022年6月16日

Three.js相机控件OrbitControls基本用法

摘要: 通过OrbitControls.js可以对Threejs 的三维场景进行缩放,平移,旋转操作,其本质上改变的幷不是场景,而是相机的参数。 OrbitControls.js使用 鼠标操作:通过拖动鼠标左键可以720旋转展示三维场景,通过拖动鼠标右键可以平移三维场景,通过上下滚动鼠标中键可以缩放三维场景 阅读全文

posted @ 2022-06-16 13:52 caicai2015 阅读(12472) 评论(0) 推荐(1) 编辑

2022年4月13日

Ant Design of Vue 表格动态改变复选框的disabled

摘要: 技术要点: computed 及 ant 自带的 getCheckboxProps 选择框的默认属性配置 下面附代码: <template> <div> <a-table :columns="columns" :dataSource="data" :rowSelection="rowSelectio 阅读全文

posted @ 2022-04-13 13:50 caicai2015 阅读(1296) 评论(0) 推荐(0) 编辑

2022年4月12日

渐变线段流动效果CSS+SVG

摘要: 第二次出现的线段还有些问题没有完善好,先上传代码作为备份吧! 技术呈现:CSS实现线段的动画,SVG画出蓝色线段, offset-path:线段的路径; offset-distance:动画; <template> <div class="left"> <div class="login-mark" 阅读全文

posted @ 2022-04-12 15:09 caicai2015 阅读(1557) 评论(0) 推荐(0) 编辑

2022年3月22日

SVG 动画 animation 横向位移

摘要: animate 基础动画元素。实现单属性的动画过渡效果。 <svg width="320" height="320"> <rect width="10" height="10" x="150" y="120" style="fill:rgb(0,0,255);stroke-width:1;strok 阅读全文

posted @ 2022-03-22 15:55 caicai2015 阅读(192) 评论(0) 推荐(0) 编辑

导航