2.使用node+React renderToStaticMarkup实现react项目的服务端渲染
使用这种方案和vue的方案类似, 只不过这里我们用了react自带的api来实现ssr,简单的实现代码如下:
var express = require('express'); var app = express(); var React = require('react'),
ReactDOMServer = require('react-dom/server'); var App = React.createFactory(require('./App'...阅读全文>>
在linux下面产生任意大小的测试文件其实很简单,命令:
dd if=/dev/zero of=/tmp/test.iso bs=1K count=100000
上面这个命令在/tmp目录产生了一个100M的测试文件test.iso。
改变count大小,就可以调整产生的文件大小了。阅读全文>>
1、运行git reflog命令查看你的历史变更记录;
2、git reset --hard 2aee3f8阅读全文>>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="camera">
<div id="contentHolder...阅读全文>>
服务端frps安装
一键安装卸载脚本
安装脚本
wget https://raw.githubusercontent.com/stilleshan/frps/master/frps_linux_install.sh && chmod +x frps_linux_install.sh && ./frps_linux_install.sh
卸载脚本
wget https://raw.githubusercontent.com/stilleshan/frps/master/frps_linux_uninstall.s...阅读全文>>
linux:
sudo vim /lib/systemd/system/frps.service
在frps.service里写入以下内容
[Unit]
Description=fraps service
After=network.target network-online.target syslog.target
Wants=network.target network-online.target
[Service]
Type=simple
#启动服务的命令(此处写你的frps的实际安装目录)
ExecStart=/your/path/frps -c /your/path/frps....阅读全文>>
创建SvgIcon组件
<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg> </template> <script> export default {
name: 'svg-icon',
props: {
iconClass: {
type: String,
required: true
},
clas...阅读全文>>
directives.js:
import Vue from 'vue';
// v-dialogDrag: 弹窗拖拽属性
Vue.directive('dialogDrag', {
bind(el, binding, vnode, oldVnode) {
const dialogHeaderEl = el.querySelector('.el-dialog__header');
const dragDom = el.querySelector('.el-dialog');
//dialogHead...阅读全文>>
1.校验当前行表单:
<template slot-scope="scope">
<el-form :model="scope.row" :rules='rulesEdit' :ref='"numberValidateForm"+scope.$index' class="demo-ruleForm">
<el-form-item
...阅读全文>>
一般编辑当前行时候,点击编辑按钮,当前行的输入框等渲染缓慢,有时失去焦点时才渲染,是因为当前行数据未及时更新,
所以在点击编辑按钮时,设置数据及时更新
如下:
synchronizationInfo(row,index) {//编辑
row.show = !row.show;
this.$set(this.gridData['data'],index,row);
},阅读全文>>