- 博客(91)
- 收藏
- 关注
RSS订阅转载 快应用---平台，npm
一、deeplink 框架支持通过连接从外部打开应用； 支持格式： a) http://hapjs.org/app/<package>/[path][?key=value] b) https://hapjs.org/app/<package>/[path][?key=value]...
2019-07-24 17:09:00
1521
转载 快应用---使用蓝牙
1、初始化蓝牙模块 为了使用蓝牙功能，需要先初始化蓝牙模块。除了设置状态监听以外，所有的蓝牙接口都需要在初始化完成以后才能正常使用； //初始化蓝牙模块 bluetooth.openAdapter({ //是否打开系统蓝牙开关，默认false operateAdapter: true, ...
2019-07-24 14:57:00
444
转载 快应用---websocket
1、创建连接 注意： 要引入 websocketfactory js文件 import websocketfactory from '@system.websocketfactory' ws = websocketfactory.create({ url:'', //连接的URL header:{ ...
2019-07-24 10:49:00
395
转载 快应用---组件（canvas续集）
b）裁切 裁切路径，就是用clip绘制一个不可见的图形。一旦设置好裁切路线，那么你在画布上新绘制的所有内容都将局限在该区域内，区域以外进行绘制时没有任何效果的；已有内容不受影响； 10）变形 到目前为止，我们所有的绘制都是基于标准坐标系来绘制的； 标准坐标系的特点是：a...
2019-07-24 10:00:00
227
转载 快应用----组件（tabs，canvas）
一、tabs组件1）tabs组件使用 tabs中封装了常见功能和效果：页签支持横向滚动，支持手势滑动切换内容页等； tabs内部仅支持子组件 tab-bar 和 tab-content ，也可以只包含一个子组件， a）tab-bar组件，用来包含所有页签的标题，属性mode 用来配置是否可滚动 b）tab-content组...
2019-07-23 17:02:00
1224
转载 快应用---组件（map）
map组件 1）关于map组件的相关属性 <map style="width:{{width}};height: {{height}}" //自定义组件的宽高 latitude="{{latitude}}" longitude="{{longitude}}" //调整地图组件...
2019-07-22 15:04:00
519
转载 快应用---组件（list）
一、list教程 1）简单场景：在页面中实现 长列表 或者 屏幕滚动 等效果时，可以使用list。（平常会使用div，但是当DOM结构复杂时，滚动页面会出现卡顿现象，因为Native无法复用div组件实现的列表元素）而list由于会复用相同的type属性的list-item,使得更加流畅。 使用list 组件代码如下： <te...
2019-07-22 11:13:00
644
转载 快应用---注意点
一、计算属性 我们可以将同一函数定义为一个方法而不是一个计算属性，两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于他们的依赖进行缓存的，只要相关依赖发生改变时他们才会重新求值。这就意味着多次访问计算属性会立即返回之前的计算结果，而不必再次执行函数； 相比之下，每当触发重新渲染时，调用方法将总会再次执行函数； 我们为...
2019-07-19 14:25:00
199
转载 快应用---Props
一.Props 1)Prop属性名称使用驼峰命名法，在外部传递数据时请转化为kebab-case(短横线分隔命名)propObject转换为prop-object; 2)属性默认值：子组件声明属性时，可设置默认值。当调用子组件没有传入该数据时，将会自动设为默认值。如果需要设置默认值，props属性的写法必须要写成Object形式，不能写成Array形式；...
2019-07-18 17:22:00
262
转载 快应用----组件
自定义组件： 为了更好的组织逻辑与代码，可以把页面按照功能拆成多个模块，每个模块负责其中一个功能部分，最后页面将这些模块引入管理起来，传递业务与配置数据完成代码分离；注意：自定义组件中数据模型只能使用data属性，data类型可以是Object 或 Function 。如果是函数，返回结果必须是对象；组件的引入： <impor...
2019-07-18 15:18:00
295
转载 快应用---事件监听与触发
一、快应用 1、快应用是基于手机硬件平台的新型应用形态，标准是由主流手机厂商组成的快应用联盟联合制定； 2、快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台，以平台化的生态模式对个人开发者和企业开发者全品类开放； 3、快应用具备传统APP完整的应用体验，无需安装，即点即用； ...
2019-07-18 10:58:00
1128
转载 yarn 的安装和使用
Yarn 的简介： Yarn是facebook发布的一款取代npm的包管理工具；Yarn的特点： 1）速度超快----Yarn缓存了每个下载过的包，所以再次使用时无需重复下载。同时利用并行下载以最大化资源利用率，因此安装快。 2）超级安全----在执行代码之前，Yarn会通过算法检验每个安装包的完整性。 ...
2019-04-28 17:43:00
572
转载 React 高级指引
1、代码分隔 大多数的React应用都会使用Webpack或Browserify这类的构建工具来打包文件。打包是一个将文件引入并合并到一个单独文件的过程。接着在页面上引入该捆绑，整个应该即可一次性加载！ 代码分隔是由诸如Webpack(代码分隔)和诸如因字束缚（factor-bundle）这类打包器支持的一项技术，能够创建多个包并在运行时动态加载；...
2019-04-28 09:50:00
247
转载 React 核心概念（网站整理）
1、JSX简介---可以很好的描述UI应该呈现他应有交互的本质形式。 const element = <h1>Hello.world!</h1>; 为什么使用JSX?------React认为渲染逻辑本质上与其他UI逻辑内在耦合，但是并没有采用将标记与逻辑进行分离到不同文件的分离方式；而是将两者共同存放在称之为“组件”的松散耦合单...
2019-04-23 14:51:00
135
转载 React 第一个小游戏（井字棋）知识关键点
1、React是一个声明式，高效且灵活的用于构建用户界面的JavaScript库 通过使用组件来告诉React我们希望在屏幕上看到什么。当数据发生变化时，React会高效的更新并重新渲染我们的组件2、render返回了一个React元素，这是一种对渲染内容的轻量级描述。大多数的React开发者使用了一种名为"JSX"的特殊语法，语法<div/>会...
2019-04-22 19:27:00
195
转载 在Visual studio code中安装create-react-app安装出错问题
解决方案：更换资源转载于:https://www.cnblogs.com/sunqq/p/10750072.html
2019-04-22 14:49:00
453
转载 npm安装React Devtools调试工具（摘抄）
1、去git上下载react-devtools文件到本地，下载地址： https://github.com/facebook/react-devtools ； 可以直接下载zip安装包解压，或者通过git clone来将项目拷贝到本地 git clone https://github.com/facebook/react-devtools.git2、进入rea...
2019-04-22 11:19:00
194
转载 WebGL编程指南----WebGL概述
WebGL页面包含了三种语言：HTML5（超文本标记语言），JavaScript，和 GLSL ES;转载于:https://www.cnblogs.com/sunqq/p/10455213.html
2019-03-01 11:04:00
156
转载 WebGL11--动画基础--网格模型选项的常用技巧和方法
1、3D世界的运动规律 3D世界只有三种运动方式： 移动，旋转，放大缩小；2、练习旋转实例代码；<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> ...
2019-02-27 17:51:00
410
转载 完整加载兔子vtk模型
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <b...
2019-02-27 15:07:00
661
转载 WebGL10---3D模型的加载与使用
1、关于模型的基础知识 3D模型由顶点（vertex）组成，顶点之间连成三角形或四边形（在一个平面上），多个三角形或四边形就能够组成复杂的立体模型；使用ParaView查看3D模型；2、模型在three.js中的表示 模型由面组成，面分为三角形和四边形。三角形和四边形面组成了网格模型。在three.js中用THREE.Mesh来表示网格模式。...
2019-02-26 17:37:00
1450
转载 Canvas绘图与动画详解
1、canvas 绘制 当canvas不设置大小时，默认宽300，高150； 注意：不建议使用css 设置大小，可以利用行内样式 width="",height=""去设置（无单位）； canvas 是基于状态进行绘制的； 举例说明： 上述代码显示结果为全部均为黑色； 如...
2019-02-23 14:31:00
157
转载 Canvas绘制时钟
1、时钟外圆的绘制 了解基本概念： 1度 = Math.PI/180; var canvas = document.getElementById('clock'); var ctx = canvas.getContext('2d'); var width = ctx.canvas.width; ...
2019-02-22 15:17:00
95
转载 WebGL9----将canvas作为纹理，将动画作为纹理（2）
<!DOCTYPE html> <html> <head> <title>clock-three</title> <meta charset="utf-8"/> <style> ...
2019-02-22 11:12:00
346
转载 WebGL8 ----纹理，不一样的皮肤（1）
1、纹理由图片组成 在threejs中，纹理类由THREE.Texture表示，其构造函数如下所示： THREE.Texture( image, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy )； 参数说明： ① image : 这是一个图片类型，基本上它有I...
2019-02-21 17:40:00
74
转载 WebGL7---五彩的光源（2）
3、环境光和方向光结合效果 当环境光和方向光同时存在的时候，可以想象成两种光源同时作用于物体；产生的效果和每种光源分别作用于物体，然后将两者的结果相加是一种效果； 举例说明： function initLight(){ //绿色的环境光 light = new THREE.Ambien...
2019-02-21 17:39:00
85
转载 WebGL6---五彩的光源（1）
1、Threejs中各种光源 1）光源基类 在Threejs中，光源用Light表示，它是所有光源的基类。它的构造函数是：THREE.Light(hex); 它有一个参数hex，接受一个16进制的颜色值。如果要定义一种红色的光源，例如： var RedLight = new THREE.Light(0xFF...
2019-02-21 15:41:00
137
转载 WebGL5---三维空间的观察
1、认识相机 在Threejs中相机的表示是THREE.Camera,他是相机的抽象基类；其子类有两种相机，分别是正投影相机Three.OrthographicCamera和透视投影相机THREE.PerspectiveCamera. 关于两者之间的区别： 总结：透视投影有一个基本点，就是远处的物体比近处的物体小；...
2019-02-21 11:54:00
158
转载 前端课程-HTML/CSS-数学知识在CSS动画中应用
重点掌握： ① 圆的极坐标和常用动画技巧； ② 如何实现径向菜单展开效果 ③ 如何实现时钟效果关于径向菜单实现原理： 转载于:https://www.cnblogs.com/sunqq/p/10408094.html...
2019-02-20 17:45:00
165
转载 WebGL4---让场景动起来
1、场景如何动起来？ 有两种实现方式：1）让物体在坐标系里面移动，摄像机不动；2）让摄像机在坐标系里面移动，物体不动； 2、循环渲染 如果我们改变了物体的位置或者颜色之类的属性，就必须重新调用render()函数，才能将新的场景绘制到 ...
2019-02-20 16:14:00
131
转载 WebGL3----点，线，面的学习（2）
4、知识补充：右手坐标系 可以观察上图， 相同点： X轴正方向向右，Y轴正方向向上； 不同点： 左手为向屏幕里，而右手为向屏幕外； 5、线条的深入理解----绘制一个网格 1）定义两个点 在X轴上定义两个点P1(-500...
2019-02-19 17:35:00
137
转载 WebGL2 ---点，线，面的学习（1）
3D世界的组成 在计算机世界中，3D世界是由点组成，两个点能够组成一条直线，三个不在一条直线上的点就能够组成一个三角形面，无数三角形面就能够组成各种形状的物体；我们通常称这种网络模型为Mesh模型； 1、点 在三维空间中的某一个点可以用一个坐标点来表示。一个坐标点有X,Y,Z三个分量构成；在t...
2019-02-19 15:52:00
263
转载 WebGL1 ----three.js介绍
什么是WebGL? WebGL是在浏览器中实现三维效果的一套规范； 什么是three.js？因为用WebGL原生的API来写3D是很复杂的一件事，因此就有一些奉献者（忍受不了）写了一些开源WebGL开源框架。而three.js就是其中优秀的一个。 1、关于three.js相关介绍 由于googl...
2019-02-19 14:31:00
279
转载 WebGL学习历程---为什么要学习？
（本人自从能写字以来，文笔都不好。针对以下内容大家就凑合，不要太挑剔。） 这个行业变化太快了，一些新的技术点也蜂拥而上；2018年的热点词：大数据，人工智能，VR，区块链....总是期望能凑点热度多捞点钱啊！可是本人不太爱学习，也不太会学习。同时转换成本针对我这个老阿姨也太高了。所以我就转变方向将相关的技术的热点同前端结合起来学习一下。 其实我对3D...
2019-02-18 17:20:00
704
转载 jquery中trigger()方法自动触发事件（摘抄：加强记忆）
一、常用事件在页面加载完成时，自动触发input的点击事件；在移动端可以实现自动弹出输入法，获得焦点；$('input').trigger('click').focus(); 二、自定义事件$('#btn').on('myClick',function(){ alert('自定义事件');})$('#btn').tri...
2018-11-05 17:35:00
599
转载 关于H5页面在IOS系统中屎坑
1）position:fixed无效 在滚动的时候，将该元素el的position 更改为absolute; var scroll = document.documentElement.scrollTop || document.body.scrollTop; //导航的高度 var nav = 44, top; //网页可见高度+滚动条高...
2018-11-05 17:19:00
145
转载 jquery为开发插件提供了两个方法
// 补充知识点：jquery为开发插件提供了两个方法，方别为 //1、jQuery.fn.extend(object) ->给jquery对象添加方法 $('.ele').add() //2、jQuery.extend(object)->给jquery类添加方法; $.add() //2.1: //$.extend()的嵌套多个对...
2018-11-05 17:19:00
152
转载 ES6 --promise了解
1）Promise 作用 A)主要用于异步计算 B)可以将异步操作序列号 C)对象之间传递和操作Promise，帮助处理队列2）为什么诞生了Promise? Javascript中包含大量的异步操作3）异步操作的常见语法 A)事件侦听与响应 B)回调（$.ajax,$(f...
2018-09-10 19:25:00
108
转载 Linux -学习笔记二
第四节：SSH config命令讲解1）config 为了方便我们批量管理多个ssh2）config存放在~/.ssh/config3）SSH config语法关键字 Host --- 别名 HostName --- 主机名 Port --- 端口 User ----- 用户名 IdentityFile ----- 密钥...
2018-04-24 15:39:00
80
转载 Linux--学习笔记
A、准备工作 查看ip :--激活网卡，可以使用网络 1) ifconfig 2)ip addr 3) vi /etc/sysconfig/network-scripts/ipcfg-xx 4) yum install net-tools如何打开虚拟机上centos的内网ip? 1) ip addr ---...
2018-04-24 14:24:00
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人