JavaScript
meahu
为什么?
展开
-
用 typescript 写 Vue 文件
import Vue, { VNode, PropType } from 'vue'interface ComplexMessage { title: string, okMessage: string, cancelMessage: string}const Component = Vue.extend({ props: { name: String, success: { type: String }, callback: { type: F原创 2021-12-26 16:41:53 · 409 阅读 · 0 评论 -
用类的方式来写 vue 组件(typescript)
使用装饰器import Vue from 'vue'import Component from 'vue-class-component'// @Component 修饰符注明了此类为一个 Vue 组件@Component({ // 所有的组件选项都可以放在这里 template: '<button @click="onClick">Click!</button>'})export default class MyComponent extends Vue {原创 2021-12-26 16:35:42 · 774 阅读 · 0 评论 -
three.js 笔记
Three.js 是基于 WebGL的 3D 开发框架。一些概念物体○ 点(Points)线(Line)面(Sprite)等基础物体○ 立方体、圆柱、圆环、圆锥等各种几何体(以 Geometry 为后缀)○ 坐标系工具(AxisHelper)等辅助工具(辅助工具由几何体、点线面封装)Scene场景,用来承载物体。Group分组,可以理解为一个小的场景。Renderer渲染 Scene 中各种物体。Camera用一个二维平面来反映三维世界。透视相机 PerspectiveCamer原创 2021-12-12 15:46:27 · 516 阅读 · 0 评论 -
taro+vue3开发小程序的笔记
路由跳转import Taro from '@tarojs/taro';Taro.navigateTo({ url: '/pages/coral/index'})原创 2021-12-07 21:07:48 · 419 阅读 · 0 评论 -
taro 遇到的权限不足:安装权限不足,项目保存代码权限不足
执行解决:sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}来自:https://blog.csdn.net/qq_43382853/article/details/105793276转载 2021-12-03 21:59:27 · 385 阅读 · 0 评论 -
正则表达式
什么是正则表达式正则,即规则,模式,是字符串匹配及操作的强大工具。写法var re = new RegExp('具体规则'); // 实例化// 或var re = /具体规则/; // 简写常用方法正则.test(字符串); // 字符串判断,匹配成功返回 true,匹配失败返回 false。字符串.search(正则); // 字符串查找,匹配成功...原创 2018-02-10 19:05:59 · 261 阅读 · 0 评论 -
转载荟萃
Yeoman 官网教学案例:使用 Yeoman 构建 WebApp转载 2017-11-26 18:15:09 · 130 阅读 · 0 评论 -
bower 笔记
bower 是与npm类似的包管理器。 bower提供了安装,卸载,更新,搜索 JavaScript、HTML、CSS 等网络资源的功能。 安装bowercnpm install bower -g安装资源用bower安装JQuerybower install jquery查看资源列表bower list查看时会检查已安装资源是否有新版本 卸载资源bower install bootstrap原创 2017-11-26 17:59:19 · 191 阅读 · 0 评论 -
QA测试
karma进行单元测试 环境准备cnpm init //初始化项目cnpm install karma --save-dev // 安装karmacnpm install karma-jasmine --save-dev // 安装断言库cnpm install jasmine-core --save-dev // 断言库cnpm install phantomjs --save-dev原创 2017-11-12 23:06:36 · 1141 阅读 · 0 评论 -
js 练习
typeof 判断类型// 不符合预期的值,typeof判断null类型和函数的类型typeof alert // "function"typeof null // "object"typeof qaz // "undefined"变量声明提升// a 值会是多少?console.log(a);var a = 2;// a值会是undefined,为什么?// 因为变量声明提升了,上面的原创 2017-11-06 23:14:19 · 226 阅读 · 0 评论 -
canvas 常用方法
beginPath() 新建一条路径,生成之后,图形绘制命令被指向到路径上生成路径。 closePath() 闭合路径之后图形绘制命令又重新指向到上下文中。stroke() 用线条绘制图形轮廓。 fill() 填充路径的内容区域生成实心的图形。moveTo(x, y) 将笔触移动到指定的坐标 (x, y) lineTo(x, y) 绘制从当前位置到指定位置 (x, y) 的直线。arc(x,原创 2016-06-22 15:06:38 · 1577 阅读 · 0 评论 -
canvas 裁切路径 Clipping paths
裁切路径和普通的 canvas 图形差不多,不同的是它的作用是遮罩,用来隐藏没有遮罩的部分。和 globalCompositeOperation 属性作一比较,它可以实现与 source-in 和 source-atop 差不多的效果。最重要的区别是裁切路径不会在 canvas 上绘制东西,而且它永远不受新图形的影响。这些特性使得它在特定区域里绘制图形时相当好用。clip() 我们用 clip 方法转载 2016-06-21 18:25:31 · 681 阅读 · 0 评论 -
canvas globalCompositeOperation
globalCompositeOperation 可以在已有图形后面再画新图形,还可以用来遮盖,清除(比 clearRect 方法强劲得多)某些区域。 使用:globalCompositeOperation = type; 效果图如下: 不知为什么,source-in、source-atop 效果没出来 不知为什么,destination-in、destination-out 效果没出来转载 2016-06-21 16:01:26 · 1091 阅读 · 0 评论 -
canvas 变形记——移动、旋转、缩放、变形
canvas 有几个变形形式:移动、旋转、缩放、变形。在做变形之前先保存状态是一个良好的习惯。大多数情况下,调用 restore 方法比手动恢复原先的状态要简单得多。又,如果你是在一个循环中做位移但没有保存和恢复 canvas 的状态,很可能到最后会发现怎么有些东西不见了,那是因为它很可能已经超出 canvas 范围以外了。1、移动 Translate translate用来移动 canvas 和它转载 2016-06-21 14:41:51 · 4644 阅读 · 0 评论 -
canvas 状态的保存和恢复 Saving and restoring state
在了解变形之前,我先介绍一下两个在你开始绘制复杂图形就必不可少的方法:save()、restore(),save 和 restore 方法是用来保存和恢复 canvas 状态的,都没有参数。Canvas 的状态就是当前画面应用的所有样式和变形的一个快照。Canvas 状态是以堆(stack)的方式保存的,每一次调用 save 方法,当前的状态就会被推入堆中保存起来。这种状态包括:strokeStyl转载 2016-06-21 10:07:48 · 675 阅读 · 0 评论 -
永远不要使用 Boolean 对象
var falseObject = new Boolean(false);var result = falseObject && true;console.log(result); //truevar falseValue = false;result = falseValue && true;console.log(result); //false在这个例子中,我们使用 false 值创转载 2016-06-20 13:11:09 · 6535 阅读 · 0 评论 -
使用 lazyload 遇到的问题
lazyload已经使用过了,这次需要用到,想着把之前做的拷贝过来吧。弄了好久,才弄好。拷贝过来,发现不行,哦,还有些代码没拷贝过来,再拷贝过来,还是不行,哦还有代码没拷贝过来,再拷贝。。。。。。总之少了个样式,少了个方法,统统不行。很恼火。其实是对 lazyload 还不是很深入了解。原创 2016-07-03 10:56:35 · 2228 阅读 · 1 评论 -
玩转html5 canvas
1、前言 <canvas></canvas>是html5出现的新标签,像所有的dom对象一样它有自己本身的属性、方法和事件,其中就有绘图的方法,js能够调用它来进行绘图 ,最近在研读《html5与css3权威指南》下面对其中最好玩的canvas的学习做下读书笔记与实验。 2、基本知识context:一直觉得这个翻译成“上下文”真够蛋疼的,context是一个封装了很多绘图功能的对象,获取这个对象的转载 2016-06-24 11:06:06 · 782 阅读 · 0 评论