自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(27)
  • 收藏
  • 关注

转载 rollup.js

Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。转载于:https://www.cnblogs.com/muzhang/articles/10557263.html...

2019-03-19 11:03:00 165

转载 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 136

转载 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 1569

转载 threejs 材质

一、基本材质THREE.MeshBasicMaterial(参数集);visible:是否可见,默认为trueside:渲染面片正面或是反面,默认为正面THREE.FrontSide,可设置为反面THREE.BackSide,或双面THREE.DoubleSidewireframe:是否渲染线而非面,默认为falsecolor:十六进制RGB颜色,如红色表示为0x...

2018-12-27 11:53:00 638

转载 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 544

转载 threejs 几何形状用法和解释

文章适用threejs开发入门阶段。本文阅读前请先掌握好相机、场景、渲染器的基本用法。一、立方体THREE.CubeGeometry(width, height, depth, widthSegments, heightSegments, depthSegments);THREE.CubeGeometry(x方向上的长度, y方向上的长度, z方向上的长度, x方向上...

2018-12-27 09:44:00 424

转载 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 3242

转载 js触发页面resize的功能实现

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js触发页面resize</title> </head> <body> <sc...

2018-12-06 16:59:00 1318

转载 文字超出隐藏显示省略号

overflow: hidden;text-overflow: ellipsis;white-space: nowrap转载于:https://www.cnblogs.com/muzhang/articles/10036459.html

2018-11-29 09:53:00 100

转载 typeof

typeof 运算符返回一个用来表示表达式的数据类型的字符串。 字符串类型有:"number"、"string"、"boolean"、"object"、"function" 和 "undefined"。 转载于:https://www.cnblogs.com/muzhang/articles/10036451.html...

2018-11-29 09:51:00 41

转载 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 63

转载 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 5007

转载 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&gt...

2018-11-28 09:34:00 68

转载 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 1758

转载 bootstrap 表单验证 允许输入带两位小数的正数的正则验证

validators: { regexp: { regexp: /^\d+(\.\d{0,2})?$/, message: '请输入大于0的正数' }, notEmpty: { message: '请输入产出数量' }, numeric: { message: '产出数量必须是数值' }}...

2018-11-23 21:14:00 2275

转载 import 的用法

描述节name参数是“模块对象”的名称,它将用一种名称空间来引用导出。导出参数指定单个命名导出,而import * as name语法导入所有导出。以下示例阐明该语法。导入整个模块的内容节这将myModule插入当前作用域,其中包含来自位于/modules/my-module.js文件中导出的所有模块。import * as myModule from '/modul...

2018-11-22 14:19:00 366

转载 箭头函数的用法

1、无参数函数let fn = function(){  return 'helloWorld';}//简写为:let fn = ()=>{//但是没有参数时,括号不可以省略  return 'helloWorld';}//根据规则二,简写为:let fn = ()=>'helloWorld';2、一个参数的函数le...

2018-11-22 14:18:00 120

转载 名词:箭头函数

1、无参数函数let fn = function(){  return 'helloWorld';}//简写为:let fn = ()=>{//但是没有参数时,括号不可以省略  return 'helloWorld';}//根据规则二,简写为:let fn = ()=>'helloWorld';2、一个参数的函数le...

2018-11-22 10:38:00 155

转载 名词:硬编码

死数据,固定数据转载于:https://www.cnblogs.com/muzhang/p/9999450.html

2018-11-22 10:22:00 47

转载 webscoket的demo实现

WebSocket 是什么WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。WebSocket同样是HTML 5规范的组成部分之一,现标准版本为 RFC 6455。WebSocket 相较于上述几种连接方式,实现原理较为复杂,用一句话概括就是:客户端向 WebSocket 服务器通知(notify)一个带有所有接收者ID(recipien...

2018-11-20 17:50:00 120

转载 基于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 744

转载 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 3271

转载 webpack-dev-sever 搭建一个服务器

【初识版】本文档node环境搭建不介绍。一、什么是webpack?本质上,webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。此外,w...

2018-11-15 17:37:00 100

转载 ajax跨域完全讲解

一、什么是跨域问题前端调用后端请求后端数据的时候,如果被调用方不是同一个域的就会产出跨域问题。二、跨域的原因2.1、浏览器的限制,浏览器的安全机制2.2、跨域2.3、XHR(XMLHttpRequest)请求三、解决思路3.1、浏览器解决:改变浏览器参数,让浏览器不进行验证操作3.2、XHR3.2.1、JSONP解决:动态加载一个指定名称的java...

2018-11-05 23:17:00 73

转载 HTML5自定义标签

例子网上很多,就不赘述,本文主要讲一些注意事项和用途。首先,自定义元素是得到支持的,可以放心使用的。其次,自定义元素是规范的,是需要用“-”分割开,以区别原有标签的。可以用自定义标签封装一些相对独立的功能组件,通过参数进行控制其使用。搜索关键词:1、继承与自定义HTML元素。2、创建自定义的HTML元素。转载于:https://www.cnblog...

2018-06-28 09:25:00 401

转载 浏览器开发者工具的使用技巧

开发者工具的使用:1、进入方式1.1、F12快捷进入,部分笔记本需要Fn按键配合。1.2、右键-》检查 进入。2、面板介绍2.1、元素面板可以自由的操作DOM和CSS来迭代布局和设计页。检查和调整页面。编辑样式。编辑DOM。2.2、控制台面板在开发期间,可以使用控制台面板记录诊断信息,或者使用它作为 shell在页面上与JavaScript交互。使用控...

2018-06-27 11:31:00 334

转载 界面操作向导的实现

实现思路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 209

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除