js代码示例，js代码怎么写
本篇文章给大家谈谈js代码示例，以及js代码怎么写对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。
js代码怎么用
在学习JavaScript之前我们应该先来了解一下JavaScript代码如何使用？下面我们就来看看js代码的用法。
我们在使用JavaScript代码有两种写法：一种是在HTML页面中直接嵌入js代码，另一种是通过链接外部的JavaScript文件。
我们先来看第一种用法：在HTML页面中直接嵌入js代码
如果在HTML页面中直接嵌入JavaScript代码，我们需要使用<script>标签，<script>和</script>会告诉 JavaScript在何处开始和结束。
<script>和</script>之间的代码行包含了 JavaScript：
<script>
alert("My First JavaScript");
</script>在HTML页面的任何位置（head部分 body部分 body的后面较好）都可以插入script标签。
你有可能会在<script>标签中看到使用 type="text/javascript"，但是现在已经不必这样做了。JavaScript现在已经是所有现代浏览器以及 HTML5中的默认脚本语言。
我们来看一个具体的示例
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
</body>
</html>上述代码就是在在HTML页面中直接嵌入js代码。
接着我们来看看js代码的第二种用法：通过链接外部的JavaScript文件。
有时JavaScript代码过多的话，我们可以将代码单独放在JavaScript文件中然后链接起来。
我们链接外部JavaScript文件可以有以下步骤
1、首先我们建立一个JavaScript文件，扩展名是.js
2、然后将要编写的js代码写到Js文件中，并保存文件。
3、使用script标签将JavaScript文件链接到HTML文件中
<script type="text/javascript" src="JavaScript文件名和路径"></script>
需要注意一点的是，在一个已经引入外部js文件的script标签中，不能在它的开始标签和结束标签中写Js命令了。
我们来看一个具体的示例
我们先建一个js文件sample.js
然后写入js代码
document.write("<p>This is a paragraph</p>");最后使用script标签将JavaScript文件链接到HTML文件中
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript" src="sample.js"></script>
</body>
</html>
node.js如何为PDF添加水印(代码示例)
本篇文章给大家带来的内容是关于node.js如何为PDF添加水印（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助
项目中有用到node做中间层，期间有个为PDF文件添加水印的需求，网上搜了不少帖子，发现有以下几点存在的问题。
1、单页PDF的话，可以用PNG图片加到PDF上，但是实际使用情况就没那么理想，必须满足多页PDF每页都加上水印的效果方可。
2、中间想过，把PDF转成图片，图片加上水印后再转回PDF，但是感觉中间步骤太麻烦，而且会面临清晰度下降的可能。
3、Python、Java有相关方案，可以实现，有想过用node去执行Python脚本去为PDF加水印，考虑到开发人员都是前端、如果以后需要维护，扩展可能就不是那么友好了。
解决方案
逛了Github和NPM，发现node-pdftk可以满足需求，不过得依赖PDFTK这个软件，进一步了解，发现PDFTK支持linux，好，直接用这个开搞。
环境
项目部署是用了docker，那就用docker来吧，比较贴合情况也省事点；如果平时在自己电脑上开发，但需要linux环境的话练手或者模拟服务器环境的话，大家也可以用一个linux镜像运行一个dokcer容器，这里就不赘述了。
实现
1、app.js
API相对较为简单，input方法中我们输入源文件，stamp方法中我们输入水印文件，out方法中指定保存的路径，这里的话我们起了一个服务，当访问3100端口的时候就去生成我们带水印的PDF。
'use strict';
const express= require('express');
const pdftk= require('node-pdftk');
const path= require('path');
const app= express();
app.get('/',(req, res)=>{
pdftk
.input(path.resolve(__dirname+'/../files/javascript.pdf'))
.stamp(path.resolve(__dirname+'/../files/watermark.pdf'))
.output(path.resolve(__dirname+'/../files/javascript_watermark.pdf'))
.then(buffer=>{
return res.send('successful');
})
.catch(err=>{
console.error(err);
return res.send('failed');
});
});
app.listen(3100);2、dockerfileFROM node:7.6.0
#创建工作目录
RUN mkdir-p/usr/src/app
WORKDIR/usr/src/app
COPY./node_modules/usr/src/app/node_modules
RUN npm set registry
#下载安装PDFTK
RUN apt-get update
RUN apt-get install-y pdftk
#使用PM2启动应用
CMD ["./node_modules/pm2/bin/pm2-docker","process.yml"]3、效果源文件
水印文件
添加水印后
Three.js如何实现雾化效果示例代码
前言
本文主要给大家介绍了关于Three.js实现雾化效果的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。
实现方法
如果使用three.js实现雾化效果很简单，只需要在给场景scene对象的fog属性添加值就好了，比如：
scene.fog= new THREE.Fog(0xffffff,100,120);
这样就给场景添加了雾化的效果，在实例化雾化的对象的时候，需要传三个值（雾的颜色，雾化开始的距离相机的位置，全雾化距离相机的位置）。
添加上了就会显示以上的效果，设置雾化的过程比较短，所以雾化的效果比较明显。
还有一个种是随着距离呈指数增长的雾化效果，只需要设置雾的颜色和浓度即可。如：
scene.fog= new THREE.FogExp2(0xffffff,0.02);
效果如下：
如果你还想了解更多这方面的信息，记得收藏关注本站。