关闭
当前搜索:

[置顶] react个人所需网站整理

1、react中文网 2、ECMAScript 6 入门-阮一峰 3、从零学习 React 技术栈系列教程 4、react在线编辑器-codepen 5、react在线编辑器-codepan 6、react native中文文档基础语法部分jsx语法 Eslint 代码规范 react全家桶系列Redux 数据管理库 React-router 路由 Immutable.js 不可...
阅读(364) 评论(0)

[置顶] WebGL相关框架及网站

(1)three.js 官网:https://threejs.org/ 中文文档:http://techbrood.com/threejs/docs/ (2)RequestAnimationFrame.js(requestAnimationFrame()函数兼容性组件) github地址:https://github.com/paulirish/jquery-requestAnimatio...
阅读(269) 评论(0)

[置顶] 持续更新,本人感觉需要的网站

1.程序员相关书籍学习网站地址,免费的编程中文书 2.jquery源码查看网址 3.nodejs的express配合websocket使用 4.判断鼠标移入移出时的位置案例 5、控制元素视差滚动效果 6、angular中文文档 7、webpack的配置 8、ionic官方网站 9、ionic中文翻译网站 10、ionic+angular微信实战项目 11、paper.js动画官...
阅读(463) 评论(0)

43 Three.js自定义二维图形THREE.ShapeGeometry

简介通过THREE.ShapeGeometry,你可以调用几个函数来创建自己的图形。我们可以使用线条(line)、曲线(curve)和样条曲线(spline)创建图形的轮廓。还可以使用THREE.Shape对象的holes属性给这个图形打几个孔。创建THREE.ShapeGeometry对象使用THREE.Shape对象绘制完成后,需要创建THREE.ShapeGeometry几何体,我们有两种方式...
阅读(7) 评论(0)

42 Three.js高级几何体车床模型THREE.LatheGeometry

简介THREE.LatheGeometry允许你从一条光滑的曲线创建图形。此曲线是由多个点定义,通常称作样条曲线。然后再绕y轴旋转,就生成了一组车床类型的几何体模型。简单实现 首先,我们需要在平面上设置一个曲线的点,每个点都有x,y坐标,如图 然后,我们使用这一组顶点的坐标去实例化一个THREE.LatheGeometry几何体。然后设置相关属性,即可生成一个模型 实例化方法var lathe...
阅读(15) 评论(0)

41 Three.js高级几何体THREE.ConvexGeometry

简介通过THREE.ConvexGeometry,我们可以围绕一组点创建一个凸包。所谓凸包就是包围这组点的最小图形。也就是所有的点都在当前模型的体内,而且当前图形还是实现的体积最小的一个模型。简单案例首先,你需要有一组顶点位置的数组。 然后通过这组点就可以创建图片var convexGeometry = new THREE.ConvexGeometry(points);一个保存顶点(类型是THRE...
阅读(20) 评论(0)

40 Three.js线性几何体材质THREE.LineDashedMaterial

简介这种材质和THREE.LineBasicMaterial略有些不同,它不但可以给线段上色,还可以添加一种虚线的效果。额外属性 名称 描述 scale 线条中虚线部分的占比,缩放dashSize和gapSize。如果scale的值小于1,dashSize和gapSize就会增大;如果scale的值小于1,dashSize和gapSize就会减小 dashSize 破折号(-)...
阅读(35) 评论(0)

39 Three.js线性几何体材质THREE.LineBasicMaterial

简介THREE.LineBasicMaterial用于绘制线段的基础材质。相关属性 名称 描述 color 该属性设置材质的颜色,如果设置了vertexColors,这是属性将被忽略 linewidth 设置线的宽度,默认值为1.0 linecap 这个属性定义了线框模式下顶点间线段的端点如何显示。可选的值包括butt(平)、round(圆)和square(方)。默认值...
阅读(22) 评论(1)

38 Three.js高级材质THREE.ShaderMaterial

注意看这一篇文章最好有webgl基础的同学看,如果没有webgl原生基础,你会看得很懵逼。简介THREE.ShaderMaterial是Three.js库中最通用、最复杂的材质之一。通过它可以使用自己定制的着色器。直接在webgl环境中运行。着色器可以将Three.js中的JavaScript网格转换为屏幕上的像素。通过这些自定义的着色器,可以明确地指定对象如何渲染,以及如何覆盖或修改Three.j...
阅读(25) 评论(0)

将图片文件转换为base64格式的代码工具案例

...
阅读(36) 评论(0)

通过图片地址,将图片处理成base64,使用ajax上传图片

需求群里的一个小朋友一直要求我帮他实现以下,我就写了一个案例。需求就是,他用canvas生成了一个base64格式的图片,然后需要将这个图片上传到服务器上面去。代码 <meta name="viewport" content="width=device-widt...
阅读(142) 评论(0)

1.vue的引入和vue环境的搭建

直接引入可以直接在项目当中使用script标签引入:搭建环境上面的那种方式只适合简单的使用vue,如果需要使用vue构建大型项目的时候,我们就需要搭建一个vue的开发环境进行开发。 Vue.js 提供一个官方命令行工具vue-cli可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具...
阅读(60) 评论(0)

node安装和淘宝镜像cnpm安装

node安装推荐去官网下载最新版本的,官网地址:https://nodejs.org/en/download/ 依照系统版本下载即可,推荐window系统下载msi格式的。 下载下载直接安装下一步下一步。 安装成功了以后打开cmdnode -v来检测是否安装成功cnpm安装由于我们被墙的厉害,所以使用npm下载模块时候会发现效率真的很慢,所以推荐淘宝的镜像,安装说明 推荐:$ npm ins...
阅读(86) 评论(0)

史上前端面试最全知识点

一.html & js & css 1.AMD和CMD是什么?它们的区别有哪些?     AMD和CMD是二种模块定义规范。现在都使用模块化编程,AMD,异步模块定义;CMD,通用模块定义。AMD依赖前置,CMD依赖就近。CMD的API职责单一,没有全局require,AMD的一个API可以多用。 2.web开发常见的漏洞。    XSS(跨站脚本攻击):其原理是攻击者向有...
阅读(70) 评论(0)

这些JavaScript编程黑科技,装逼指南,高逼格代码,让你惊叹不已

如何装逼用代码骂别人SB(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]如何用代码优雅的证明自己NB([][[]]+[])[+!![]]+([]+{})[!+[]+!![]]JavaScript 错误处理的方式的正确姿势try { something } catch (e) { window.locat...
阅读(66) 评论(0)

webpack手动搭建 es6+less 开发环境和打包

目标 首先可以实现开发环境,保存代码自动更新 其次,可以将代码进行压缩打包 代码地址本人将代码打包上传到了云上面一份,详见地址点我实现我们需要搭建一个webpack环境,没有node的自行百度安装,然后用npm安装webpack,全局安装:npm i webpack -gpackage.json文件内容然后再一个文件夹内创建一个package.json文件,里面的内容为{ "name": "cl...
阅读(162) 评论(0)

这些JavaScript编程黑科技,装逼指南,高逼格代码,让你惊叹不已

Javascript是一门很吊的语言,我可能学了假的JavaScript,哈哈,大家还有什么推荐的 本文秉承着:你看不懂是你SB,我写的代码就要牛逼。 1、单行写一个评级组件 "★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);定义一个变量rate是1到5的值,然后执行上面代码,看图 才发现插件什么的都弱爆了 2、如何装逼用...
阅读(87) 评论(0)

排名前10的H5、Js 3D游戏引擎和框架

由于很多人都在用JavaScript、HTML5和WebGL技术创建基于浏览器的3D游戏,所有JavaScript 3D游戏引擎是一个人们主题。基于浏览器的游戏最棒的地方是平台独立,它们能在iOS、Android、Windows或其他任何平台上运行。   有很多的JavaScript能够用于创建基于浏览器、使用HTML5和WebGL的3D游戏。然后,选择一个合适的游戏引擎...
阅读(255) 评论(0)

jquery的分页插件pagination的使用

引入在jq后面引入pagination插件即可 使用 调用方法 $(selector).pagination(option, callback); 回调和初始化 $(selector).pagination({...
阅读(285) 评论(1)

获取dom的最终的css属性值

需求我们有的时候需要测试看一下属性是否设置成功,所以需要通过dom去获取css样式。但是,如果使用原生去获取的话,会发现只有在dom身上设置的才能够获取的到,如dom.style.width,只有直接写到标签上,才能够获取的到,而在别的地方的我们将获取不到,今天我们就研究一下,直接获取写在style标签的css属性。就像jq的css()方法一样getComputedStyle方法我们可以通过getC...
阅读(73) 评论(0)

使用PlupLoad js插件进行文件上传案例

案例代码 Plupload使用指南 <...
阅读(154) 评论(0)

解决webgl使用canvas.toDataURL()没有内容的问题

这个问题很好解决,就是在获取webgl对象的时候,多传入一个{preserveDrawingBuffer: true},然后在使用canvas.toDataURL()获取就能够获取到了。 案例: var canvas = document.getElementById("canvas"); gl = canvas.getContext("experimental-webgl", {p...
阅读(134) 评论(0)

js 将canvas生成图片保存,或直接保存一张图片

将canvas数组保存function downLoadImage(canvas,name) { var a = document.createElement("a"); a.href = canvas.toDataURL(); a.download = name; a.click(); }canvas:传入canvas的dom对象 name:保存的图片的名字直接将...
阅读(90) 评论(0)
365条 共19页1 2 3 4 5 ... 下一页 尾页