- 博客(27)
- 收藏
- 关注
转载 rollup.js
Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。转载于:https://www.cnblogs.com/muzhang/articles/10557263.html...
2019-03-19 11:03:00
171
转载 nodejs文件操作摘录
/* 1. fs.stat 检测是文件还是目录(目录 文件是否存在) 2. fs.mkdir 创建目录 (创建之前先判断是否存在) 3. fs.writeFile 写入文件(文件不存在就创建,但不能创建目录) 4. fs.appendFile 写入追加文件 5.fs.readFile 读取文件 6.fs.readdir 读取目录 7.f...
2019-01-08 09:20:00
138
转载 WebGLRenderer
let renderer = new THREE.WebGLRenderer({ antialias: true, // true/false表示是否开启反锯齿 alpha: true, // true/false 表示是否可以设置背景色透明 precision: 'highp', // highp/mediump/lowp 表示着色精度选择 ...
2018-12-28 11:53:00
1575
转载 threejs 材质
一、基本材质THREE.MeshBasicMaterial(参数集);visible:是否可见,默认为trueside:渲染面片正面或是反面,默认为正面THREE.FrontSide,可设置为反面THREE.BackSide,或双面THREE.DoubleSidewireframe:是否渲染线而非面,默认为falsecolor:十六进制RGB颜色,如红色表示为0x...
2018-12-27 11:53:00
645
转载 threejs 引用额外的字体库
var loader = new THREE.FontLoader();loader.load('字体库路径helvetiker_regular.typeface.json', function(font) { var mesh = new THREE.Mesh(new THREE.TextGeometry('Hello', { font: font,...
2018-12-27 10:07:00
554
转载 threejs 几何形状用法和解释
文章适用threejs开发入门阶段。本文阅读前请先掌握好相机、场景、渲染器的基本用法。一、立方体THREE.CubeGeometry(width, height, depth, widthSegments, heightSegments, depthSegments);THREE.CubeGeometry(x方向上的长度, y方向上的长度, z方向上的长度, x方向上...
2018-12-27 09:44:00
429
转载 H5视频、音频不能自动播放,Uncaught (in promise) DOMException: play() failed because the user didn't...
错误原因:Chrome的autoplay政策在2018年4月做了更改。解决办法:第一步,在chrome浏览器中输入:chrome://flags/#autoplay-policy第二步,在Autoplay policy中将Default改为No user gesture is required第三步,点击下方的“RELAUNCH NOW”,就大功告成了!...
2018-12-19 14:05:00
3252
转载 js触发页面resize的功能实现
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js触发页面resize</title> </head> <body> <sc...
2018-12-06 16:59:00
1321
转载 文字超出隐藏显示省略号
overflow: hidden;text-overflow: ellipsis;white-space: nowrap转载于:https://www.cnblogs.com/muzhang/articles/10036459.html
2018-11-29 09:53:00
106
转载 typeof
typeof 运算符返回一个用来表示表达式的数据类型的字符串。 字符串类型有:"number"、"string"、"boolean"、"object"、"function" 和 "undefined"。 转载于:https://www.cnblogs.com/muzhang/articles/10036451.html...
2018-11-29 09:51:00
47
转载 vue 概念
1、最简单的渲染一个组件<div id="app"> {{ message }}</div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})2、包含所有钩子的一个相对完整的组件var app = new V...
2018-11-29 09:50:00
67
转载 js 已知角度和斜边,求直角边
//已知角度和斜边,求直角边function hypotenuse(long,angle){ //获得弧度 var radian = 2*Math.PI/360*angle; return { a:Math.sin(radian) * long,//邻边 b:Math.cos(radian) * long//对边...
2018-11-28 10:48:00
5056
转载 react 官方文档阅读总结
一、引入脚本代码<script src="https://unpkg.com/react@16/umd/react.development.js"></script><script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>...
2018-11-28 09:34:00
73
转载 scale 单屏页面等比自适应缩放
一、说明本文以body为容器,对内部的box盒子进行比例缩放。二、html代码<div id="app" class="box"> <iframe src="https://www.baidu.com"></iframe></div>三、css代码<style> body,...
2018-11-26 17:26:00
1762
转载 bootstrap 表单验证 允许输入带两位小数的正数的正则验证
validators: { regexp: { regexp: /^\d+(\.\d{0,2})?$/, message: '请输入大于0的正数' }, notEmpty: { message: '请输入产出数量' }, numeric: { message: '产出数量必须是数值' }}...
2018-11-23 21:14:00
2282
转载 import 的用法
描述节name参数是“模块对象”的名称,它将用一种名称空间来引用导出。导出参数指定单个命名导出,而import * as name语法导入所有导出。以下示例阐明该语法。导入整个模块的内容节这将myModule插入当前作用域,其中包含来自位于/modules/my-module.js文件中导出的所有模块。import * as myModule from '/modul...
2018-11-22 14:19:00
369
转载 箭头函数的用法
1、无参数函数let fn = function(){ return 'helloWorld';}//简写为:let fn = ()=>{//但是没有参数时,括号不可以省略 return 'helloWorld';}//根据规则二,简写为:let fn = ()=>'helloWorld';2、一个参数的函数le...
2018-11-22 14:18:00
125
转载 名词:箭头函数
1、无参数函数let fn = function(){ return 'helloWorld';}//简写为:let fn = ()=>{//但是没有参数时,括号不可以省略 return 'helloWorld';}//根据规则二,简写为:let fn = ()=>'helloWorld';2、一个参数的函数le...
2018-11-22 10:38:00
158
转载 webscoket的demo实现
WebSocket 是什么WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。WebSocket同样是HTML 5规范的组成部分之一,现标准版本为 RFC 6455。WebSocket 相较于上述几种连接方式,实现原理较为复杂,用一句话概括就是:客户端向 WebSocket 服务器通知(notify)一个带有所有接收者ID(recipien...
2018-11-20 17:50:00
124
转载 基于video.js +node + webpack + vue实现监控视频播放
本文记录使用用法,详细原理暂不做考虑。一、安装环境淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install --save video.jscnpm install --save videojs-contrib-hls二、引入样式import 'video....
2018-11-16 18:17:00
747
转载 html5 video的视频播放控制
本文不考虑兼容性,单纯的记录video的简单用法。分两个部分,分贝是html角度、js角度和控件测试视频地址:http://www.runoob.com/try/demo_source/movie.mp4(来源网络)一、从html入手来看1.1、最简单的video标签<video src="视频地址">您的浏览器不支持 video 标签。</...
2018-11-16 18:01:00
3294
转载 webpack-dev-sever 搭建一个服务器
【初识版】本文档node环境搭建不介绍。一、什么是webpack?本质上,webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。此外,w...
2018-11-15 17:37:00
105
转载 ajax跨域完全讲解
一、什么是跨域问题前端调用后端请求后端数据的时候,如果被调用方不是同一个域的就会产出跨域问题。二、跨域的原因2.1、浏览器的限制,浏览器的安全机制2.2、跨域2.3、XHR(XMLHttpRequest)请求三、解决思路3.1、浏览器解决:改变浏览器参数,让浏览器不进行验证操作3.2、XHR3.2.1、JSONP解决:动态加载一个指定名称的java...
2018-11-05 23:17:00
76
转载 HTML5自定义标签
例子网上很多,就不赘述,本文主要讲一些注意事项和用途。首先,自定义元素是得到支持的,可以放心使用的。其次,自定义元素是规范的,是需要用“-”分割开,以区别原有标签的。可以用自定义标签封装一些相对独立的功能组件,通过参数进行控制其使用。搜索关键词:1、继承与自定义HTML元素。2、创建自定义的HTML元素。转载于:https://www.cnblog...
2018-06-28 09:25:00
404
转载 浏览器开发者工具的使用技巧
开发者工具的使用:1、进入方式1.1、F12快捷进入,部分笔记本需要Fn按键配合。1.2、右键-》检查 进入。2、面板介绍2.1、元素面板可以自由的操作DOM和CSS来迭代布局和设计页。检查和调整页面。编辑样式。编辑DOM。2.2、控制台面板在开发期间,可以使用控制台面板记录诊断信息,或者使用它作为 shell在页面上与JavaScript交互。使用控...
2018-06-27 11:31:00
336
转载 界面操作向导的实现
实现思路1(推荐):1、读取要高亮的元素的坐标和大小。2、动态创建一个块元素。3、通过绝对定位的方式把动态元素覆盖在高亮元素上,大小和位置相同。4、给动态添加元素设置outline:9999px solid rgba(0,0,0,3);或者box-shadow:rgba(0, 0, 0, 0.75)0px 0px 0px 9999px;实现思路2:1、读取要高...
2018-06-27 10:48:00
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人