化石原创文章,转载请注明来源并保留原文链接


一个网站,后台没有使用vue写界面,前端界面使用了Vue.js。

架设到IIS上后,发现大多正常,前台、后台都能访问。唯一的问题就是属于vue写的那块页面,只要F5刷新就出现404错误。


查了一下是IIS的安全机制引起,可以使用IIS的URL Rewrite工具解决。

URL Rewrite可以通过IIS管理器,找到Web 平台安装程序这个入口,然后“产品”页面,选中“服务器”,可以找到“URL重写工具 2.0”。如果没有安装,点后面的“安装”即可。

然后到IIS管理器,对应的网站选中后,找到“URL重写”按钮,加入规则。

这里假设我们遇到的F5刷新出问题的url都是hostname/CourseBase/xxx这样的,那么就加入如下规则(选空白规则创建):

1、名称:随便填

2、匹配url:默认状态下,模式填入:^CourseBase/*

3、条件:点击添加,加入“不是文件”

4、操作:重写。重写url中填根目录文件,比如/index.html。

如此操作好,IIS就会在我们的网站web.config.中写入下面内容:

<rewrite>
  <rules>
	  <rule name="F5">
		  <match url="^CourseBase/*" />
			<conditions>
				<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
			</conditions>
			<action type="Rewrite" url="/Index.html" />
		</rule>
	</rules>
</rewrite>

应用后就能生效。


化石原创文章,转载请注明来源并保留原文链接



化石原创文章,转载请注明来源并保留原文链接


three.js官方demo的gltf中,使用了hdr图做背景。跟原图(HDR)比,这个背景在实时演示中,是明显模糊了。

这个问题的原因在于:

new RGBELoader()
	.setDataType( THREE.UnsignedByteType )
	.setPath( 'textures/equirectangular/' )
	.load( 'pedestrian_overpass_1k.hdr', function ( texture ) {

		var envMap = pmremGenerator.fromEquirectangular( texture ).texture;

		scene.background = envMap;
		scene.environment = envMap;

这段代码中,envMap的精度被底层控制在了256像素。

使用下面的方式可以提高精度:

envMap = new THREE.WebGLCubeRenderTarget( 1024 ).fromEquirectangularTexture( renderer, texture );

其中的texture就是上面的代码中回调产生的texture,代码里把精度提升到了1024。


化石原创文章,转载请注明来源并保留原文链接



化石原创文章,转载请注明来源并保留原文链接


模型是substance导出的gltf,官方自带的PreviewSphere。代码是Three.js官方的webgl_loader_gltf。结果渲染画面上,球体上很多黑色的斑块。

这个问题是这份代码中默认开启 RoughnessMipmapper 带来的,把这个东西的代码注释掉即可。


化石原创文章,转载请注明来源并保留原文链接



化石原创文章,转载请注明来源并保留原文链接


同一个github账号,因为登录的电脑不同,可以在github后台配置多个ssh key。步骤:

1、登录github

2、账号图标点击出菜单,settings,点击

3、SSH and GPG keys,点击

4、页面上点击那个绿色的按钮“New SSH key”

5、从本机生成ssh文件,拷贝公钥(pub结尾)的文件内容到输入栏中,确认即可。这样拥有对应的私钥的电脑就可以无密码进行github ssh操作。另外的电脑,重复刚才的动作,再次添加SSH key即可。


化石原创文章,转载请注明来源并保留原文链接



化石原创文章,转载请注明来源并保留原文链接


CKEditor跟TinyMCE一样,都是比较全的javascript前端编辑工具。CKEditor中,(La)Tex插件有好几个都比较好用,比如 Equation Editor、Mathematical Formulas。前者直接在插件的主页就说明了配置的方式,后者算是官方插件,虽然有文档,但是不是很好。这里写后者的使用。

1、使用online editor,把Mathematical Formulas放置到预置配置。

2、通过online editor下载CKEditor。

3、解压。

4、config.js中,config.toolbarGroups这一行前,加入:

config.mathJaxLib = 'http://cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML';

这样我们就能直接使用了。

注:

如果点击对应的按钮,弹出的数学编辑对话框中,预览不能生成,一般都是config这里出问题。配置好的话,可以debug一下对应的js资源是否正常加载。


化石原创文章,转载请注明来源并保留原文链接