;

这几天,网路上火了一位“小仙女”。 她的成名作,就是周杰伦演唱会的点歌环节Diss自己的前任:自称“小仙女”,说前任长得丑瞎了眼,让镜头拉近看看自己有多美,并点一首《算什么男人》,祝愿前任不孕不育子孙满堂。 结果呢,一场尬唱之后全微博嗷嗷叫好,说“小姐姐好酷”。 在这个话题之前,诸位E时代弄潮儿们还正在热情辱骂油腻的中年男性们,似乎每一个发声者本人都精致得不行。 说起来,什么算油腻呢?自称“小仙女”算不算,熟练使用网络流行语诅咒前任算不算,在别人演唱会上唱跑调的歌还嗷嗷哭算不算? 油腻这回事儿,是对自我显露与自我感动的极度狂热,它和年龄、性别都没有什么关系。 这位小仙女和油腻中年男人的区别,不过就是她戴兔子耳朵、别人盘手串而已。 01 中年人很惨,他们在网络上没有话语权的。 网络上的主流舆论,属于那些闹腾着的年轻人。就像之前的保温杯、广场舞和大妈一样,这些讨论可以说是一场针对中年人群体的互联网霸凌。 年轻人们在网络里叫嚣,看不起没长大的、嫌弃那些老去的。 如果说“油腻中年人”的具象化是盘串、秃头和大肚子,那“油腻年轻人”的具象化大概就是手机上的29个修图软件和出租屋里一米多高的外卖盒。 就像小张,不出门见人就不洗头,下楼拿快递时候穿着睡衣、披个外套就下楼了,实在脏得不行就再扣上帽子、戴上口罩,重点是遮住脸。 甚至小张现在头顶油得开始溢脂性脱发…

这位Diss前任的小仙女 就是油腻的中年女孩本人 1 天前
;

服务器通过HTTP响应头Set-Cookie来告诉用户代理cookie的名、值、对应的路径、有效期等等,用户代理(一般就是浏览器)保存下来后,当向后端请求数据时,就会把对应的cookie放到请求头中发给服务器。 前端也可以通过JS来设置cookie。 所以只要设置好cookie之后,浏览器会自动在请求时附上cookie,并不需要你主动提交。 PHP中设置cookie PHP中设置Cookie的函数是setcookie(还有个setrawcookie并不常用)。 setcookie(‘hello’, ‘world’, time()+3600, ‘/test/’, ‘example.com’); 这样就设置了一个名为hello值为world,有效期为当前时间加上3600秒(也就是1个小时),域名为example.com,路径为/test/(代表只能在诸如http://example.com/test/a.php这样的路径下有效)的cookie。 具体参数请参考文档http://php.net/manual/zh/function.setcookie.php 服务器发送cookie 服务器会在响应的HTTP头中包含一个Set-Cookie头: Set-Cookie: hello=world; Expires=Sun, 13 Nov 2016 11:…

cookie的运行机制 2 天前
;

人格测验(personality test)也称个性测验。测量个体行为独特性和倾向性等特征。最常用的方法有问卷和投射技术。问卷法由许多涉及个人心理特征的问题组成,进一步分出多个维度或分量表,反映不同人格特征。常用人格问卷有艾森克人格问卷(EPQ)、明尼苏达多项人格测验 (MMPI)和卡特尔16因素人格测验(16PF)。投射技术包括几种具体方法,如罗夏克墨迹测验、逆境对话测验、语句完成测验等。

人格测验 8 天前
;

明尼苏达多项人格测验(Minnesota Multiphasic Per-sonality Inventory,简称MMPI)是由明尼苏达大学教授哈瑟韦(S.R.Hathaway)和麦金力(J.C.Mckinley)于40年代制定的,是迄今应用极广、颇富权威的一种纸-笔式人格测验。该问卷的制定方法是分别对正常人和精神病人进行预测,以确定在哪些条目上不同人有显著不同的反应模式,因此该测验最常用于鉴别精神疾病。 量表组成 10个临床量表 Hs:疑病(Hypochondriasis)——对身体功能的不正常关心 D:抑郁(Depression)——与忧郁、淡漠、悲观、思想与行动缓慢有关 Hy:癔病(Hysteria)——依赖、天真、外露、幼稚及自我陶醉,并缺乏自知力 Pd:精神病态(Psychopathic deviate)——病态人格(反社会、攻击型人格) Mf:男性化-女性化(Masculinity-femininity)——高分的男人表现敏感、爱美、被动、女性化;高分妇女看做男性化、粗鲁、好攻击、自信、缺乏情感、不敏感。极端高分考虑同性恋倾向和同性恋行为 Pa:妄想狂(Paranoia)——偏执、不可动摇的妄想、猜疑 Pt:精神衰弱(Psychasthenia)——紧张、焦虑、强迫思维 Sc:精神分裂(Schizophrenia)——思维混乱、…

明尼苏达多项人格测验 8 天前
;

巴纳姆效应又称福勒效应,星相效应,是1948年由心理学家伯特伦·福勒通过试验证明的一种心理学现象,人们常常认为一种笼统的、一般性的人格描述十分准确地揭示了自己的特点,当人们用一些普通、含糊不清、广泛的形容词来描述一个人的时候,人们往往很容易就接受这些描述,却认为描述中所说的就是自己。正如一位名叫肖曼·巴纳姆的著名杂技师在评价自己的表演时说,他之所以很受欢迎是因为节目中包含了每个人都喜欢的成分,所以他使得“每一分钟都有人上当受骗”。20世纪50年代,心理学家保罗·米尔以著名的美国马戏团艺人菲尼亚斯·泰勒·巴纳姆的名字将弗瑞尔的实验结果命名为“巴纳姆效应”。

巴纳姆效应 8 天前
;

<div id="app"> <navbar></navbar> <pagefooter></pagefooter> </div> Vue.component(‘navbar’,{ template:’#navbar’, data:function () { return { navs:[] } } }); Vue.component(‘pagefooter’,{ template:’#pagefooter’, data:function () { return { footer:” } } }); new Vue({ el:’#app’, mounted:function () { //ready, //这里怎么直接访问navbar的navs和pagefooter的footer值呢, } }) 这就用到ref了 修改组件 <div id="app"> <navbar ref="navbar"></navbar> <pagefooter ref="pagefooter"></pagefooter> </div> new …

vue中ref介绍 10 天前
;

问题描述: ajax返回一个对象数组,页面内通过v-for输出,但是每个循环元素内要添加一个input输入框 提交时候,需要连同input值一起提交 初期思路 步骤: 1.直接对ajax返回的json对象数组通过for循环追加属性, 2.data变量在渲染以后结构发生变化,如何取值 解决方法: 1.ajax返回的结果先赋值给临时变量temp 2.通过for循环给temp数组内的对象添加新属性result 3.把temp赋值给projectList 表单提交时候: 通过 document.querySelectorAll(“.rusult_input”);获取到追加input的值,通过for再循环赋值 尝试改进: 1.用map函数处理数据 data.map(function(item){ item.show = false; }); 2.数据在created钩子中请求及追加 用map函数追加属性 getinfoList(){ this.$ajax.get(‘/service/check/15/LABS_CHECK?pageSize=1000’) .then((res)=>{ this.infoList=res.data.body.list; this.infoList.map(function(item){ if(…

对通过ajax返回的对象数组追加input并提交 10 天前
;

无法提供摘要。这是一篇受保护的文章。

密码保护:wordpress介绍 10 天前
;

1.echarts 报错 ‘There is a chart instance already initialized on the dom’ 在mounted里初次加载,然后在watch里监听数据变化, 两个事件内分别写上echarts.init就会有此警告 解决办法:data部分定义组件全局变量myCharts, 只在mounted内初始化:this.myCharts=echarts.init(document.getElementById(‘myCharts’)); 两个地方分别 setOption 2.JS空格报错 这是 ESLint,用来规范代码风格的 找到build文件夹下面的webpack.base.conf.js文件 找到rules部分 loader:’eslint-loader’ 注释之

vuejs问题总结(三):各种报错整理 14 天前
;

1.组件引用 <template> <div class="content"> <h1>title</h1> <subcontent class="subcontent_style"></subcontent> </div> </template> <script> import lifeChart from ‘@/components/sub/subcontent’ export default{ name:’content’, data(){ return{} }, components:{ ‘lifeChart’:lifeChart }, methods:{} } </script> 2.组件内mounted,watch 如何调用methods中的方法 mounted() { this.getchart(); }, watch:{ searchchart:’getchart’ }, methods:{ getchart:function(){} } 3.vue中透明蒙层点击空白处关闭 <div class="mask" @click.self=&quot…

vuejs问题总结(二):组件内各种方法 14 天前
;

npm安装模块 npm install xxx //利用 npm 安装xxx模块到当前命令行所在目录; npm install -g xxx //利用npm安装全局模块xxx; 本地安装时将模块写入package.json中: npm install xxx //安装但不写入package.json; npm install xxx –save //安装并写入package.json的”dependencies”中; npm install xxx –save-dev //安装并写入package.json的”devDependencies”中。 npm 删除模块 npm uninstall xxx //删除xxx模块; npm uninstall -g xxx //删除全局模块xxx; 后记: 1.uninstall卡死 直接删除 node_modules文件夹,然后修改package.json,然后重新npm install

npm常用命令 16 天前
;

toUTCString() toISOString() http://www.jianshu.com/p/415f8c276388 https://segmentfault.com/a/1190000003710954?mType=Group https://segmentfault.com/a/1190000007581722 http://www.w3school.com.cn/jsref/jsref_obj_date.asp

时间相关函数 17 天前
;

普通函数中的this: 1. this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj 2.在默认情况(非严格模式下,未使用 ‘use strict’),没找到直接调用者,则this指的是 window 3.在严格模式下,没有直接调用者的函数中的this是 undefined 4.使用call,apply,bind(ES5新增)绑定的,this指的是 绑定的对象 箭头函数中的this 默认指向在定义它时,它所处的对象(宿主对象),而不是执行时的对象, 定义它的时候,可能环境是window 要整明白这些, 我们需要首先了解一下作用域链: 当在函数中使用一个变量的时候,首先在本函数内部查找该变量,如果找不到则找其父级函数, 最后直到window,全局变量默认挂载在window对象下 1.全局变量默认挂载在window对象下 <script> var aa = 2; alert(window.aa); (function () { aa = 3; })(); alert(window.aa); </script> 我们仅仅声明了一个全局变量aa,但是打印出window.aa却和aa保持一致,为什么呢? 眼见为实, 我们使用 console.dir(window) …

深入理解ES6箭头函数的this 17 天前
;

★概述: 使用对象字面量,或者向空对象中动态地添加新成员,是最简单易用的对象创建方法。然而,除了这两种常用的对象创建方式,JavaScript还提供了其他方法创建对象。 ★使用工厂函数创建对象 我们可以编写一个函数,此函数的功能就是创建对象,可以将其称为“对象工厂方法”。 ★ 定义对象“构造”函数 注意点:对象构造函数首字母大写;内部使用this关键字给对象添加成员;使用new关键字调用对象构造函数 ★ 对象的constructor属性 使用对象构造函数创建对象,每个对象的constructor属性都会引用这个构造函数;如下图示, 使用对象工厂函数创建对象,每个对象的constructor属性引用Object();如下图示, ★ 以 普通方式调用的“构造函数” 构造函数其实也是一个函数。不同之处在于调用它时,必须加一个“new”关键字,如果不加这个关键字,则对它的调用被认为是普通函数调用。 注意,这里的普通调用构造函数,在输出window.name是输出以当前的普通调用函数值。不理解的话,看图吧。 对象构造函数与对象工厂方法的区别 1.对象构造函数中没有显示的对象创建代码; 2.新对象应具备的属性与方法通过this引用添加的; 3.对象构造函数中没有return语句; 4.通常会把对象构造函数的首字母设置为大写的,以区别普通函数。 来源:ht…

对象工厂函数与构造函数 17 天前
;

1.vue中for内变量作用域 var obj={}; for(var i=0;i<length;i++){ obj.id=fileList[i].response.body.id; obj.type=’DOM’; obj.zindex=”; this.CrudeImg[i]=obj; }; 两种写法obj作用域不同 for(var i=0;i<length;i++){ var obj={}; obj.id=fileList[i].response.body.id; obj.type=’DOM’; obj.zindex=”; this.CrudeImg[i]=obj; };

vuejs问题总结(四):疑问 19 天前
;

array.map(callback, [thisArg]) map 方法会给原数组中的每个元素都按顺序调用一次 callback 函数。callback 每次执行后的返回值组合起来形成一个新数组。如果 thisArg 参数有值,则每次 callback 函数被调用的时候,this 都会指向 thisArg 参数上的这个对象。如果省略了 thisArg 参数,或者赋值为 null 或 undefined,则 this 指向全局对象 。 var numbers = [1, 4, 9]; var roots = numbers.map(Math.sqrt); /* roots的值为[1, 2, 3], numbers的值仍为[1, 4, 9]*/

map函数 20 天前
;

1.camelCase vs. kebab-case HTML 特性是不区分大小写的。所以,当使用的不是字符串模板时,camelCase (驼峰式命名) 的 prop 需要转换为相对应的 kebab-case (短横线分隔式命名): Vue.component(‘child’, { // 在 JavaScript 中使用 camelCase props: [‘myMessage’], template: ‘<span>{{ myMessage }}</span>’ }) <!– 在 HTML 中使用 kebab-case –> <child my-message="hello!"></child> 如果你使用字符串模板,则没有这些限制(字符串模板就是,模板不含数据,为静态内容)。 2.把一个对象的所有属性作为 prop 进行传递 可以使用不带任何参数的 v-bind (即用 v-bind 而不是 v-bind:prop-name)。例如,已知一个 todo 对象: todo: { text: ‘Learn Vue’, isComplete: false } 然后: <todo-item v-bind="todo"></to…

vuejs问题总结(一):注意事项 21 天前
;

传统的方案是,登录页和主页是单独的两个页面,登录成功后服务器生成用户信息对应的session,然后渲染主页数据,并通过响应头将sessionid传给浏览器并生成相应的cookie文件。这样下次请求页面时,浏览器会在http header带上相应的cookie,然后服务器根据cookie中的sessionid判断用户是否登录,再显示用户数据。

sesion验证的流程 21 天前
;

JSON.parse() 方法用于将一个 JSON 字符串转换为对象。 语法:JSON.parse(text[, reviver]) 参数说明: text:必需, 一个有效的 JSON 字符串。 reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。 返回值: 返回给定 JSON 字符串转换后的对象。 JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。 语法:JSON.stringify(value[, replacer[, space]]) 参数说明: value: 必需, 一个有效的 JSON 字符串。 replacer: 可选。用于转换结果的函数或数组。 如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:””。 如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时,将忽略 replacer 数组。 space: 可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格…

JSON.parse与JSON.stringify 22 天前
;

DI / 双向数据绑定中: 用户 -> 内存 : 浏览器提供有User Event触发事件的API,如click,change…等等等; 内存 -> 用户: 浏览器并没有提供数据监测的API,故任何内存数据变动(定时、异步请求、事件触发…导致的数据变动)都无法被Listen,自然也就没办法再处理callback了; 但我们可以基于这些大部分能够产生数据变动的事件进行封装(如:click、mouse-enter、Timeout…),在每次事件发生后,执行完事件后,检查一遍数据的变化,如果数据和上次的值有变化,则执行这个值(注册时)对应的callback(框架中),这个callback可能是view层的一个数据展现,也可能是一段处理function; 在检查数据变化的时候,由于你并不知道这个事件是对哪些数据进行了更改,以及这个事件有可能造成事件之外的其他任何地方的数据更改,所以必须进行一次大检查,将所有“注册”过的值全部检查一遍,一次检查称为一个周期,每次最少检查两遍,因为第二遍用来确认,前一遍的变动中是否有数据的变动,导致了其他数据的变动,如果第二次有变动的话,会再执行一遍,直到最后两次完全一致,则停止检查(其实就是个(递归(遍历))的过程),考虑到内存的消耗和死循环的风险,脏检查每个周期最多递归执行10遍,…

angular的脏检测 27 天前
;

Object.defineproperty语法 在一个对象上定义新的属性 var o = {}; // 创建一个新对象 // Example of an object property added with defineProperty with a data property descriptor Object.defineProperty(o, "a", {value : 37, writable : true, enumerable : true, configurable : true}); // 对象o拥有了属性a,值为37 // Example of an object property added with defineProperty with an accessor property descriptor var bValue; Object.defineProperty(o, "b", {get : function(){ return bValue; }, set : function(newValue){ bValue = newValue; }, enumerable : true, configurable : true}); o.b = 38; 数据和视图联动 给对象o定义…

Object.defineproperty实现数据和视图的联动 28 天前
;

// Converts canvas to an image function convertCanvasToImage(canvas) { var image = new Image(); image.src = canvas.toDataURL("image/png"); return image; } // Converts image to canvas; returns new canvas element function convertImageToCanvas(image) { var canvas = document.createElement("canvas"); canvas.width = image.width; canvas.height = image.height; canvas.getContext("2d").drawImage(image, 0, 0); return canvas; }

canvas与image互相转换 29 天前
;

1.jsonp jsonp只支持GET方式,type设为POST,也会自动变为GET 2.iframe 可以使用创建一个隐藏的iframe来实现,与ajax上传图片原理一样,较麻烦 3.服务端设置Access-Control-Allow 在被请求的Response header中加入 header(‘Access-Control-Allow-Origin:*’); header(‘Access-Control-Allow-Methods:POST’); header(‘Access-Control-Allow-Headers:x-requested-with,content-type’); Access-Control-Allow-Origin:* 表示允许任何域名跨域访问 如果需要指定某域名才允许跨域访问,只需把Access-Control-Allow-Origin:*改为Access-Control-Allow-Origin:允许的域名 例如:header(‘Access-Control-Allow-Origin:http://www.client.com’);

ajax跨域总结 2017年10月18日
;

sudo apt-get update sudo apt-get install wget wget –version

wget 2017年10月18日