目录：
- 1、ping不通lightnode的服务器
- 2、高手请进，翻译 吸塑字 LED ，英语
- 3、如何使用lightHouse进行前端性能分析
- 4、亲人qq分组怎么标示
- 5、el-tree不点击,根据后端数据,来显示高亮
- 6、ios开发 scenekit导入模型后怎么让模型动起来
ping不通lightnode的服务器
ping不通lightnode的服务器：
1、远程计算机上的远程连接可能没有启用。
2、已超出远程计算机上的连接最大数。
3、建立连接时出现了一个网络错误。
4、打开被控机的注册表编辑器，定位到HKLM文件夹下的MSLicensing选项。
高手请进，翻译 吸塑字 LED ，英语
(1) attracts models the character series is attracts with the Asian gram force kneading board models becomes: Because it has the good diaphanous performance, the color is pure, the color is rich, artistic **ooth, has both the day and nights effect, the service life is long, anticorrosive rainproof, is not easy to fade, is not easy to distort and so on characteristics: Widely utilizes in the advertisement manufacture, the estate management, the square, the botanical garden plot, the tourist scenic zone, the office, the administration, the financial system, the guesthouse restaurant, the market, the school, the hospital, the transportation, the petrochemical, and so on professions will follow our country city bright project the trend of development, the Asian gram force attract model the product to become our country the advertising agent strength to recommend the customer first choice from now on the product.
Specification: Decides according to the customer request and the erection bay or the design font size
2) attracts models the illumination character the characteristic:
1. ultra long life: Attracts models character use superelevation brightness LED to take the photo source, but uses normally in 5-10, avoid maintenance.
2. ultra province electricity: The green illumination, uses the DC12V safe voltage low pressure power supply, will attract models the character not to give off heat, avoids all hidden dangers which, because the high temperature high pressure will cause, all gate shop advertisement may install. Each even square cards only consume electricity 15W--30W, compares the neon light node above 80%-90%
3. the viewability is good: The uniform source of light is gentle, the color is sharp, does not dazzle, moreover the identical typeface may manufacture seven color jumps using the controller, the gradation, the chase, the running water, the expansion, effects and so on compression
(3)
Attracts models the character seven color series: May have many kinds of color transformation changes, the color gorgeous gorgeous, has the fashionable person or household who refuses to move and bargains for unreasonably high compensation when the land is requisitioned for a construction project, daytime the effect and general attracts models the character to be equally attractive, night the effect is attracts ordinary models the character not to be possible to compare favorably with.
(4)
The plane hollows out the lamphouse character: Is undergoes the roasting formation in the production process, the trimming, the dry glue, the bottom box luminophor processing, the painting, the overall contour is not artistic, evening the effect is bright-colored eye-catching, sharp moving.
Saves the electricity energy conservation: Conserves energy above 80% compared to any section of same level brightness's advertisement character,
Seven color LED illumination character (gradation, jump, color twinkle, color change)
The technical parameter (imaginary color uses technical standard)
(5)
Crystal character technical process: The crystal character manufacture needs the Asian gram force plate, the carving, the intaglio, silk India, double-decked two-sided, the relief, the bevel edge and so on, many kinds of craft manufactures, the outward appearance is natural, the service life is long, has the crystal sense of reality.
Crystal character characteristic:
The crystal character through the crystal board carving, polishing becomes, the typeface is fine, bright, light-conductive is good, crystal character under optical fiber illumination glittering and translucent carving, splendid luxurious, passes the long crystal character thickness is 5MM,10MM,15MM,20MM, the color may according to the request manufacture. Crystal character semblance glossiness is high, the color is bright, above the color durability ten years, this point is the metal character or spurts draws is unable to achieve, the special depth of color saturation and the durability as well as the extremely good glossiness under the sunlight that kind of glittering and translucent carving, the sparkling feeling is the customer chooses one of Asian gram force quartz character substantial clauses from the sense organ.
如何使用lightHouse进行前端性能分析
Lighthouse 是一个开源的自动化工具，用于改进网络应用的质量。只要为 Lighthouse 提供一个需要审查的网址，它将针对此页面运行一连串的测试，然后生成一个有关页面的性能报告。
三种安装方式
1. 安装命令：# 注意：Lighthouse需要 Node 10 LTS (10.13) 或更高的版本.
2. 运行Lighthouse：
3. 以百度为例，输入下面的命令即可：
完成后，可以查看HTML报告
这个意思就是某处文字背景色和文字颜色对比度不够，对于视障用户可能不好区分。
搜索引擎在索引网站内容时也需要知道网站适用的语言,从而更好地为用户返回搜索结果
改为：
当设置rel="noopener"时chrome会在独立的进程中打开新页面,同时会阻止window.opener，因此不存在跨窗口访问。
优化后
这是 Lighthouse 目的：它能识别和修复，影响我们网站的性能、可访问性和用户体验的常见问题。
亲人qq分组怎么标示
1.打开QQ，选择联系人，右键下面任何一个分组。
2.如果你还未建立亲人分组，可选择添加分组。如果已建立分组可选择重命名，以达到你想要设置的名称。
3.如果是新设立的亲人分组，需将你想要移动的亲人移动到该分组中。右键需要移动的联系人--移动联系人至--相应的分组中。
el-tree不点击,根据后端数据,来显示高亮
第一步：给el-tree组件标签加上属性highlight-current开启高亮
在这里插入图片描述
加了这个属性，选中的节点的样式才会有highlight-current类，这样接下来才能改变选中的节点的样式。
第二步：在css中修改高亮样式
一个小tip：这里建议是给该页面文件最外层的div加个专有的类，比如我这个页面是“组织配置”，标签就加个class=“organization_configuration”，然后style里的样式全部写在.organization_configuration{}中，这样就不用加scoped了，也更符合vue组件化的开发思路
在这里插入图片描述
style lang="less"
.organization_configuration {
.el-tree--highlight-current
.el-tree-node.is-current
.el-tree-node__content {
// 设置颜色
background-color: rgba(135, 206, 235, 0.2); // 透明度为0.2的skyblue，作者比较喜欢的颜色
color: #409eff; // 节点的字体颜色
font-weight: bold; // 字体加粗
}
1
2
3
4
5
6
7
8
9
10
11
1
2
3
4
5
6
7
8
9
10
11
来看一下页面效果：
在这里插入图片描述
如果想要的效果只是点击时高亮，失去焦点后变回原样的样式，就不用给标签加highlight-current属性了，直接修改css即可：
.el-tree-node:focus .el-tree-node__content {
background-color: rgba(135, 206, 235, 0.3);
color: #409eff; //节点的字体颜色
font-weight: bold;
}
1
2
3
4
5
1
2
3
4
5
指定默认高亮树节点，参考：点击链接
使用el-tree组件的setCurrentKey方法，根据树组件的树节点的唯一id来制定某个树节点高亮。当然要搭配node-key="id"给树节点绑定唯一标识id，同时也要开启高亮模式（加上highlight-current属性），然后方式一设置高亮的颜色样式要加上。初始化加载默认高亮，所以在mounted钩子中书写代码即可。
完整代码：
template
div class="456-839d-73da-fe31-655e box"
el-tree
ref="myTree"
node-key="id"
:data="data"
:props="defaultProps"
highlight-current
/el-tree
/div
/template
script
export default {
data() {
return {
data: [
{
name: "西游记",
id: "xiyouji",
children: [
{
name: "孙悟空",
id: "sunwukong",
children: [
{
name: "大猴子",
id: "dahouzi",
children: [],
},
{
name: "二猴子",
id: "erhouzi",
children: [],
},
],
},
{
name: "猪八戒",
id: "zhubajie",
children: [],
},
{
name: "沙和尚",
id: "shaheshang",
children: [],
},
],
},
{
name: "水浒传",
id: "shuihuzhuan",
children: [
{
name: "宋江",
id: "songjiang",
children: [],
},
{
name: "武松",
id: "wusong",
children: [],
},
],
},
],
defaultProps: {
children: "children",
label: "name",
},
};
},
mounted() {
this.$nextTick(function () {
this.$nextTick(() = {
// myTree 数组件的ref 默认让第一项高亮
// data是树组件对应的数据
// 通过data中的第一项的id找到对应的节点，然后把这个节点设置为高亮
this.$refs.myTree.setCurrentKey(this.data[0].id);
});
});
},
};
/script
style lang="less" scoped
// 设置高亮颜色
/deep/ .el-tree--highlight-current .el-tree-node.is-current .el-tree-node__content {
background-color: #baf !important;
}
/style
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
setCurrentKey方法是通过 key 设置某个节点的当前选中状态，使用此方法必须设置 node-key 属性，因为要确定唯一性，node-key="id"因为一般都是id具有唯一性，所以绑定id。
ios开发 scenekit导入模型后怎么让模型动起来
ios8之后苹果推出了一个3D模型渲染框架。SceneKit。但是国内针对这方面的教程并不是很多。前两天搞了一下也是一头雾水，终于把最基础的内容搞明白了之后，写下这篇随笔作为cnblogs的开篇，希望能一直写下去。
SceneKit现在可以支持有限的几种模型，截止到我写这篇文章为止似乎只有.dae和.abc后一种模型我没有使用过。这篇文章只针对.dae模型写。
首先如果是希望加载一个已有的，不需要程序在运行的时候动态添加的dae模型。那么我们可以直接新建一个game类型的工程。在选项中选择SceneKit，在程序中加载自带模型的那句话中将模型名称替换即可。本文主要讲一下如何导出dae模型，并在server端动态下载并显示。
首先我们手中有一个.stl或者其他的模型文件，将模型文件转换成.dae文件我使用Blender。
（1）在Blender中新建场景
（2）在右上侧栏中将自动生成的Cube、Camera等3个物体删掉
（3）导入我们已有的模型文件
（4）调整我们的模型文件的方向、大小
（5）在右上侧栏更改模型文件及子文件的名字为你要导出的dae文件的名字（这一步很重要！）
（6）在左侧栏中Edit Options中点击Smooth
（7）File-export-dae
（8）在接下来的页面中，我们选择导出的位置和文件的名字，并且在左侧选项Texture中选择include material texture（同样重要！）
接下来我们在桌面上新建一个文件夹，暂时起名为model，更改后缀为.scnassets，将我们生成好的模型文件拷贝进去。SceneKit对于动态添加文件夹写了两个脚本。不太清楚作用原理是什么，以后再研究吧。暂时知道怎么用就行。将copySceneKitAssets、scntool文件拷贝到model.scnassets所在的目录下，进入终端并cd到该目录下，运行
1 ./copySceneKitAssets model.scnassets -o model-o.scnassets
如果终端没有报错，并且生成了model-o.scnassets，则代表运行成功。
接下来我们把生成的model-o.scnassets文件打包成zip文件，目的是为了能让iPhone客户端下载的时候文件更小。
打包好了之后上传至服务器即可。
两个可执行文件下载链接
接下来是重头戏，如何在程序中下载，解压，并显示呢。
下载解压我使用了两个开源框架 AFNetworking 和 SSZipArchive ，朋友们可以自行查阅使用方法。
一步一步来，先是下载，解压
1 - (void)downloadZip {
2
3 NSURLSessionConfiguration *configuration = [NSURLSessionConfiguration defaultSessionConfiguration];
4 AFURLSessionManager *manager = [[AFURLSessionManager alloc] initWithSessionConfiguration:configuration];
5 //这里我们用本地链接替代一下，可以使用任意url链接
6 NSURL *URL = [NSURL URLWithString:@""];
7 NSURLRequest *request = [NSURLRequest requestWithURL:URL];
8
9 NSURLSessionDownloadTask *downloadTask = [manager downloadTaskWithRequest:request progress:nil destination:^NSURL *(NSURL *targetPath, NSURLResponse *response) {
10 NSURL *documentsDirectoryURL = [[NSFileManager defaultManager] URLForDirectory:NSDocumentDirectory inDomain:NSUserDomainMask appropriateForURL:nil create:NO error:nil];
11 return [documentsDirectoryURL URLByAppendingPathComponent:[response suggestedFilename]];
12 } completionHandler:^(NSURLResponse *response, NSURL *filePath, NSError *error) {
13 NSLog(@"File downloaded to: %@", filePath);
14
15 //对文件解压
16 NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
17 NSString *documentsDirectory = [paths objectAtIndex:0];
18 NSString *inputPath = [documentsDirectory stringByAppendingPathComponent:@"/product-1-optimized.scnassets.zip"];
19
20 NSError *zipError = nil;
21
22 [SSZipArchive unzipFileAtPath:inputPath toDestination:documentsDirectory overwrite:YES password:nil error:zipError];
23
24 if( zipError ){
25 NSLog(@"[GameVC] Something went wrong while unzipping: %@", zipError.debugDescription);
26 }else {
27 NSLog(@"[GameVC] Archive unzipped successfully");
28 [self startScene];
29 }
30
31 }];
32 [downloadTask resume];
33 }
而对于3d模型场景的创建，我们使用SCNSceneSource，代码如下
1 NSURL *documentsDirectoryURL = [[NSFileManager defaultManager] URLForDirectory:NSDocumentDirectory inDomain:NSUserDomainMask appropriateForURL:nil create:NO error:nil];
2//这里的dae文件名字是我们导出时定义的文件名，下面一段代码中加载的SCNNode是我们之前在面板中改过的模型名
3 documentsDirectoryURL = [documentsDirectoryURL URLByAppendingPathComponent:@"model.scnassets/cube.dae"];
4
5 SCNSceneSource *sceneSource = [SCNSceneSource sceneSourceWithURL:documentsDirectoryURL options:nil];
然后我们加载.dae文件中的模型，作为一个SCNNode，名字为我们在一开始改过的模型名
1 SCNNode *theCube = [sceneSource entryWithIdentifier:@"Cube" withClass:[SCNNode class]];
最后我们设置一下灯光等效果，其实是新建game文件中设置好了的，我们要做的是将SCNNode *theCube加载到Scene中
// Create a new scene
SCNScene *scene = [SCNScene scene];
// create and add a camera to the scene
SCNNode *cameraNode = [SCNNode node];
cameraNode.camera = [SCNCamera camera];
[scene.rootNode addChildNode:cameraNode];
// place the camera
cameraNode.position = SCNVector3Make(0, 0, 15);
// create and add a light to the scene
SCNNode *lightNode = [SCNNode node];
lightNode.light = [SCNLight light];
lightNode.light.type = SCNLightTypeOmni;
lightNode.position = SCNVector3Make(0, 10, 10);
[scene.rootNode addChildNode:lightNode];
// create and add an ambient light to the scene
SCNNode *ambientLightNode = [SCNNode node];
ambientLightNode.light = [SCNLight light];
ambientLightNode.light.type = SCNLightTypeAmbient;
ambientLightNode.light.color = [UIColor darkGrayColor];
[scene.rootNode addChildNode:ambientLightNode];
// Add our cube to the scene
[scene.rootNode addChildNode:theCube];
// retrieve the SCNView
SCNView *scnView = (SCNView *)self.view;
// set the scene to the view
scnView.scene = scene;
// allows the user to manipulate the camera
scnView.allowsCameraControl = YES;
// show statistics such as fps and timing information
scnView.showsStatistics = YES;
// configure the view
scnView.backgroundColor = [UIColor blackColor];
这样我们就可以动态下载一个dae文件并显示了。
评论前必须登录！
注册