<?php // // A very simple PHP example that sends a HTTP POST to a remote site // $ch = curl_init(); $body = array(‘userName’=>’15555555555′,’password’=>’111111’); $postData = http_build_query($body); curl_setopt($ch, CURLOPT_URL,"http://xxxxxxxx.xxx/xx/xx"); curl_setopt($ch, CURLOPT_POST, 1); curl_setopt($ch, CURLOPT_POSTFIELDS,$postData); curl_setopt($ch, CURLOPT_HTTPHEADER, array(‘Content-Type: application/x-www-form-urlencoded’)); // receive server response … curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); $server_output = curl_exec ($ch); curl_close…

大多数游戏化系统包括的三大要素，点数、徽章和排行榜 Point（点数） 点数用来激励玩家完成任务。 他的作用包括： 1.有效计分； 2.确定胜利状态； 3.在游戏进程和外在奖励间建立联系； 4.提供反馈； 5.成为对外显示用户成就的方式； 6.为游戏设计师提供分析数据。 Badge（徽章） 徽章是点数的集合，是视觉化的成就。精心设计的徽章系统有以下特征： 1.徽章可以为玩家提供努力的目标方向，这将对激发玩家动机产生积极影响。 2.徽章可以为玩家提供一定的指示，使其了解系统内什么是可以实现的，以及系统是用来做什么的。这可以被视为“入伙”（onboarding），或参与某个系统的重要标志。 3.徽章是一种信号，可以传递出玩家关心什么、表现如何。它们是一种记录玩家声誉的视觉标记，玩家往往会通过获得的徽章向别人展示自己的能力。 4.徽章是一种虚拟身份的象征，是对玩家在游戏化系统中个人历程的一种肯定。 5.徽章可以作为团体标记物。用户一旦获得徽章，就会与其他拥有相同徽章的个人或团体产生认同感。一个精良的游戏设计会将徽章与用户的认同感结合在一起。 Leaderboard（排行榜） 对比其他玩家，自己到达了何种水平。

1.镜像拉取 docker pull odoo 2.启动PostgreSQL docker run -d -e POSTGRES_USER=odoo -e POSTGRES_PASSWORD=odoo -e POSTGRES_DB=postgres –name db postgres:13 3.启动一个Odoo实例 docker run -p 8069:8069 –name odoo –link db:db -t odoo 4.再次启动 docker start /odoo/db docker start odoo 5.其它 安全组记得开启8069端口 链接：https://hub.docker.com/_/odoo?tab=tags

1.启动设置 const browser = await puppeteer.launch({ headless: true, args: [ ‘–no-sandbox’, ‘–disable-setuid-sandbox’, ‘–disable-blink-features=AutomationControlled’, ], dumpio: false, }); 2.webdriver // webdriver await page.evaluateOnNewDocument(() => { const newProto = navigator.__proto__; delete newProto.webdriver; //删除 navigator.webdriver字段 navigator.__proto__ = newProto; }); 3.window.chrome // 添加 window.chrome字段，向内部填充一些值 await page.evaluateOnNewDocument(() => { window.chrome = {}; window.chrome.app = { InstallState: ‘hehe’, RunningState: ‘haha’, getDetails: ‘xixi’,…

零知识证明(Zero—Knowledge Proof)，是由S.Goldwasser、S.Micali及C.Rackoff在20世纪80年代初提出的。它指的是证明者能够在不向验证者提供任何有用的信息的情况下，使验证者相信某个论断是正确的。零知识证明实质上是一种涉及两方或更多方的协议，即两方或更多方完成一项任务所需采取的一系列步骤。证明者向验证者证明并使其相信自己知道或拥有某一消息，但证明过程不能向验证者泄漏任何关于被证明消息的信息。大量事实证明，零知识证明在密码学中非常有用。如果能够将零知识证明用于验证，将可以有效解决许多问题。

<template> <div> <el-table ref="multipleTable" :data="links" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55"> </el-table-column> <el-table-column prop="roomNo" label="房间" width="180"> </el-table-column> <el-table-column prop="isCheckOut" label="是否已离店"> <template slot-scope="scope"> <span>{{scope.row.isCheckOut?’是’:’否’}}</span> </template> </el-table-col…

表头中添加按钮 <el-table :data="tableData" style="width: 100%" border> <el-table-column prop="amount" label="金额" align="center"> <template slot="header"> <span class="link" @click="handleDetail">查看详情</span> </template> </el-table-column> </el-table> 备注:slot=”header”

字节跳动已正式吹响进军云计算市场号角。 12月2日，火山引擎全系列云产品亮相，共推出了78项云产品服务，涵盖云基础、视频及内容分发、数据中台、开发中台、人工智能等五大类。 火山引擎云产品以性价比、提升业务价值作为重要卖点。发布会上，字节跳动AML（应用机器学习）负责人项亮出现在“新云•智享盛宴”分会场，详细介绍了智能推荐如何结合云服务为企业创造价值，并首次向外界分享了火山引擎智能推荐系统的技术演进和应用实践。 项亮是《推荐系统实践》的作者，其所在的字节跳动AML团队，为火山引擎的智能推荐技术服务提供了全力支持。 以下为项亮演讲全文。 项亮演讲原文 很多人理解推荐就是推荐算法，机器学习模型怎么做的、这些模型怎么调参，觉得这些很重要。其实我想说，推荐系统里底层的工程架构、系统架构非常重要，某种程度上会超过上层的算法。 我们在内部很多实践里也看到，底层工程架构、系统架构如果出现问题，对业务造成的影响是大于算法的。这就是火山引擎为什么要推出推荐系统平台这样一个偏底层架构的产品。 我给大家分三个方面介绍一下智能推荐平台：首先介绍推荐在不同产品、不同业务中究竟发挥什么作用，以及智能推荐平台会给企业带来什么价值；然后我会稍微详细介绍一下平台各个模块大概是做什么的，具有什么能力；最后介绍一些我们客户使用推荐系统的案例。 可以做选择的地方，就可以做推荐 我做推…

圆形监狱（panopticon），又称环形监狱，由英国哲学家杰里米·边沁(Bentham)于1785年提出。这样的设计使得一个监视者就可以监视所有的犯人，而犯人却无法确定他们是否受到监视。

一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 有1~3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$ 非零的正整数：^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?[1-9][0-9]*$ 非零的负整数：^\-[1-9][]0-9"*$ 或 ^-[1-9]\d*$ 非负整数：^\d+$ 或 ^[1-9]\d*|0$ 非正整数：^-[1-9]\d*|0$ 或 ^((-\d+)|(0+))$ 非负浮点数：^\d+(\.\d+)?$ 或 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$ 非正浮点数：^((-\d+(\.\d+)?)|(0+(\.0+)?))$ 或 ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d…

乔治·普罗蒂的“三十六种戏剧模式”，常被运用于小说影视等创作中。 这36种戏剧模式，几乎可运用于所有的戏剧、小说、故事、影视剧本等情节设计当中，加以巧妙组合，即能实现非同凡响的创意。 （种类）——1、求告 （主要人物）——求告者 （其它必要人物）——逼迫者 （细目）—— A：⑴帮助他去对付敌人 　 ⑵准许他去举行一件他应做而被禁止做的事 　 ⑶给与他一个可以终其天年的地方 B：⑴舟行遇灾的人，请求收留帮助 　 ⑵行事不端，被自己人斥逐而祈求别人的慈悲 　 ⑶祈求恕罪 　 ⑷请求收取葬骨和取回遗物 C：⑴替自己亲爱的人求情 　 ⑵在亲戚面前替另一亲戚求情 　 ⑶在母亲的情人面前替母亲求情 2、援救 不幸的人 1援救者2天降救星 A：⑴救援一个被认为有罪的人 B：⑴子女援助父母 　 ⑵受过恩惠的人报恩失救 3、复仇 复仇者 作恶的人 A：⑴为被害的祖宗或父母复仇 　 ⑵为被害的子女或后人复仇 　 ⑶为被害的妻子或丈夫复仇 　 ⑷为被侮辱的子女复仇 　 ⑸为妻子受侮辱（或几乎受侮辱）而复仇 　 ⑹为被害者的情夫复仇 　 ⑺为朋友被杀或者受损害而复仇 　 ⑻为姐妹被奸污而复仇 B：⑴为了存心做对，故意为难而复仇 　 ⑵为了趁人不在，暗加攘夺而复仇 　 ⑶为了蓄意谋害而复仇 　 ⑷为了故入人罪而复仇 　 ⑸为了逼奸强暴而复仇 　 ⑹为了夺取所有而复仇 …

所谓恐吓营销，就是厂商虚张声势，故意夸大生活中的危险和疾病的潜在害处，借以推销自己或打击对手。其中看似令人信服、震惊的数据和原理，常常是任意夸张乃至随口编造的。

vue提供了watch方法，用于监听实例内data数据的变化。通常写法是： new Vue({ data: { count: 10， blog:{ title:’my-blog’, categories:[] } }, watch: { count: function (newval, oldVal) { console.log(`new: %s, old: %s`, newVal, oldVal); } } }) 上述情况里data中的count属性可以直接监听，但是如果需要监听的数据是对象内的某一属性值的变化，直接watch对象blog是检测不到变化的，这是因为blog这个对象的指向并没有发生改变。有几个解决方法 1.深度监测 new Vue({ data: { count: 10， blog:{ title:’my-blog’, categories:[] } }, watch: { blog:{ handler(newVal,oldVal){ console.log(`new: ${newVal}, old: ${oldVal}`); }, deep:true } } }) 里面的deep设为了true，这样的话，如果修改了这个blog中的任何一个属性，都会执行handler这个方法。不过这样会造成更多的性能开销，尤其是对象里面属性过…

<el-table-column type="selection" :selectable=’checkboxSelect’ width="120"></el-table-column> checkboxSelect (row, rowIndex) { if (rowIndex == 0) { return false // 禁用 }else{ return true // 不禁用 } }

1. <template> <el-select v-model="hotel" filterable :filter-method="filterHotel" placeholder="请选择" clearable @clear="hotelClear"> <el-option v-for="item in options" :key="item.hotelcode" :label="item.hotelname" :value="item.hotelcode"> <span>{{ item.hotelname }}</span> <span>/{{ item.hotelcode }}</span> </el-option> </el-select> </template> 2. hotel:”, options: [ { hotelname: ‘选项1’, hotelcode: ‘aaa’ }, { hotelname: ‘选项2’, hotelcode: ‘b…

window.tinymce.init({ toolbar: [‘fontsizeselect’], fontsize_formats: ‘8px 10px 12px 14px 18px 24px 36px 72px 96px 140px 280px’ })

1. <template> <div res="box" @click="action($event,123)"></div> </template> 2. action(e,index){ let boxWidth = this.$refs.box.clientWidth // box的宽度 let screenLeft = e.pageX // 鼠标距离屏幕左侧的距离 let boxLeft = this.$refs.box.getBoundingClientRect().left // box距离屏幕左侧的距离 let overHalf = (screenLeft – boxLeft) > boxWidth / 2 // 鼠标位置是否超过了容器的一半 }

1.相关库 axios, vue-awesome-swiper 2.处理 npm install babel-polyfill –save npm install es6-promise –save 3.文件 main.js import Es6Promise from ‘es6-promise’ require(‘es6-promise’).polyfill() Es6Promise.polyfill() build/webpack.base.conf.js，enter下添加babel-polyfill entry: { "babel-polyfill":"babel-polyfill", app: ‘./src/main.js’ } 4.vue-awesome-swiper的处理 npm install –save vue-awesome-swiper@3.1.3 //指定版本，最新版不兼容旧浏览器 https://www.npmjs.com/package/vue-awesome-swiper

1.检测Apache是否支持mod_rewrite 通过php提供的phpinfo()函数查看环境配置，通过Ctrl+F查找到“Loaded Modules”，其中列出了所有apache2handler已经开启的模块，如果里面包括“mod_rewrite”，则已经支持，不再需要继续设置。 2.让apache服务器支持.htaccess /etc/apache2/apache2.conf AllowOverride初始为None，修改为All <Directory /var/www/> Options Indexes FollowSymLinks AllowOverride All Require all granted </Directory> 参考链接：https://www.cnblogs.com/muxiaoye/p/acb5d8103ab4b1ac6ca0ab394aa8cb1b.html

1.场景描述 通过select选择的目标中有多个属性要拿出，此时需要给v-model指定某一个属性用于回显，list结构如下 list:[{id:1,name’a’,age:12},{id:2,name:’b’,age:15}], form:{ name:” } 2.模板部分 给value绑定item，然后v-mode部分指定value-key <el-select placeholder="请选择" v-model="form.name" value-key="name" @change="change"> <el-option v-for="item in list" :key="item.id" :label="item.name" :value="item"></el-option> </el-select> 3.绑定change事件 change(e){ console.log(‘e=’,e) }

前言 本文讲述的最佳实践是从日常业务中总结而出的，不一定适合所有项目。毕竟每个公司或个人的项目不同，最佳实践也会有所不同。但是可以从这篇文章借鉴吸收一点有用的东西，有问题的地方也欢迎大家积极吐槽指正。 为了避免出现 我这明明可以，你那怎么不行 的尴尬情况，这里列一下文章涉及到依赖的版本号。 ├── webpack 5.39.1 ├── webpack-cli 4.7.2 ├── node 12.8.0 ├── npm 6.10.2 正文 初始化项目 1. mkdir test-app && cd test-app 2. npm init 首先添加一个入口文件 /src/index.js 和 webpack 配置文件 webpack.config.js，现在我们的目录结构如下 test-app ├── src | └── index.js ├── package.json ├── webpack.config.js 安装 webpack npm install webpack webpack-cli -D 开始搞事情 在 src/index.js 中随便写点东西 class Test { constructor() { document.writeTest(‘hello world’) } } new Test() 先来打个包看…

1.代码 axios.get(`/ExcelExamLogByExamPlan?id=123`,{responseType: ‘blob’}).then(res => { const data = res.data const url = window.URL.createObjectURL(new Blob([data], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"})) const link = document.createElement(‘a’) link.style.display = ‘none’ link.href = url link.setAttribute(‘download’, ‘excel.xls’) document.body.appendChild(link) link.click() document.body.removeChild(link) }) 2.后记 文件下载后windows自带的excel打开始终提示格式类型错误，但是用wps可以打开，后来发现setAttribute部分设置把xlsx改为xls即可

1.Request Payload结构 格式：{"username":"abc","password":"123456"} Content-Type: application/json;charset=UTF-8 2.Form Data结构 格式"username=abc&password=123456"， Content-Type: application/x-www-form-urlencoded 3.总结 Request Headers部分的Content-Type会根据提交的参数格式自动匹配， Content-Type可以手动设置，但是并不会改变提交的内容本身

1.文件路径 ./config/index.js 2.内容 这里我们对应了两个后端服务器，特殊的/api写在前面，通用的卸载后面 proxyTable: { ‘/api’:{ target:’http://abc.com:3101/’, changeOrigin: true, pathRewrite:{ ‘^/api’:” } }, ‘/’:{ target:’http://100.100.100.100:8001′, changeOrigin: true } } 页面内请求写法： axios.get(‘/api/list’) axios.get(‘/list’) 3.其他 配置保存后，记得重启npm开发环境，否子配置不会生效