news

一、vue中路由的使用 1、定义组件 <template> <div class="hello"> <h1 @click="info" :class="color">{{ msg }}</h1> </div> </template> <script> export default { name: 'hello', data () { return { msg: '我是Hello组件', color:'color' } }, methods:{ info(){ console.log('你点击了我'); } } } </script> <style> .color{ color:#630; } </style> 2、配置路由文件 import Vue from 'vue' import Router from 'vue-router' import Hello from '@/components/Hello' import Word from '@/components/Word'; Vue.use(Router) export default new Router({ routes: [ { path: '/', component: Hello }, { path:'/index', component:Word } ] }) 3、配置路由插座<router-view><

一、简介 武林至尊，宝刀React，号令天下，莫敢不从，Vue不出，谁与争锋 本文介绍Vue全家桶：Vue+Vue-router+Vuex+axios。 二、Vue Vue 是一套用于构建用户界面的渐进式框架，和React，都自称自己只关注视图层 1.引入Vue 开发环境： <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 生产环境： <script src="https://cdn.jsdelivr.net/npm/vue"></script> 2.一个小demo 在完成Vue都引入后，再分别 编写DOM 和 新建Vue实例： <!-- 两对花括号{{}} 为模版语法。 这里渲染message变量，也就是下面new Vue时data.message --> <div id="app"> {{ message }} </div> var app = new Vue({ el: '#app', // 选择器，用来找到id为app的DOM节点 data: { // data属性用来存储数据 message: 'Hello Vue!' } }) 此时，如果页面显示了 Hello Vue! ，说明Vue正常工作。 具体文档请看 Vue官方教程 三、Vue-router 1.功能 Vue

一、HTTP协议概述 HTTP是一个简单的请求-响应协议，属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它通常运行在TCP之上。它指定了客户端发送给服务器什么样的消息得到什么样的响应。 二、HTTP协议的主要特点可概括如下： 1、B/S结构（Browser/Server，浏览器/服务器模式），这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器就可以访问服务器。 2、简单快速：客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有GET、POST。每种方法规定了客户与服务器联系的类型不同。由于HTTP协议简单，使得HTTP服务器的程序规模小，因而通信速度很快。 3、灵活：HTTP允许传输任意类型的数据对象。正在传输的类型由Content-Type加以标记。 4、无连接：每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。 5、无状态：HTTP无状态协议，是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信息时它的应答就较快。 三、HTTP协议详解之请求篇 http请求由三部分组成，分别是：请求行、消息报头（请求头

1,创建mapping:PUT /news_website { "mappings": { "news" : { "properties" : { "title" : { "type": "text", "analyzer": "ik_max_word", "fields": { "suggest" : { "type" : "completion", "analyzer": "ik_max_word" } } }, "content": { "type": "text", "analyzer": "ik_max_word" } } } } } 2,向索引中写入数据 PUT /news_website/news/1 { "title": "大话西游电影", "content": "大话西游的电影时隔20年即将在2017年4月重映" } PUT /news_website/news/2 { "title": "大话西游小说", "content": "某知名网络小说作家已经完成了大话西游同名小说的出版" } PUT /news_website/news/3 { "title": "大话西游手游", "content": "网易游戏近日出品了大话西游经典IP的手游，正在火爆内测中" } 3,suggest 查询 GET /news_website/news/_search {

var slength = $(":checkbox[name='News[show_or_hide]']:checked").size(); if (slength>0 ) { $("div.field-news-other_tag").show(); $("div.field-news-sub_special").show(); } else { $("div.field-news-other_tag").hide(); $("div.field-news-sub_special").hide(); } 给CHECKBOXLIST设定一个选定的状态 $("#show_or_hide").attr("checked",'true'); javascript 全选/反选 <script type="text/javascript"> function check_all_box(){ var slength = document.getElementsByName("News[check_all]"); var oInput=document.getElementsByName("News[province_tag][]"); if(slength[0].checked==true){ for(var i=0;i<oInput.length;i++){ oInput[i]

第1步、访问靶场 靶场地址： http://219.153.49.228:41377 第2步、 1、查找 观察页面，查找单页面之处： 2、页面提交： http://219.153.49.228:41377/new_list.php?id=1 and 1=2 3、返回结果 返回内容为空 4、数据库查询： select * from news where id =1 and 1=2 5、解析： 因为1=2不成立，所以返回内容为空。 第3步 1、页面提交: http://219.153.49.228:41377/new_list.php?id=1 and order by 1 2、返回结果： 3、数据库查询： select * from news where id=1 order by 1 4、解析 说明，该页面所对应的后台数据表中最少有一个字段，所以，下一步我们的目标是，查找出他有多少个这样的目标，即，我们得一步一步的测试 order by 2,3,4,……n。 第4步 1、页面提交 http://219.153.49.228:41377/new_list.php?id=1 order by id=1 最终测试了4次，第三次，order by 4 正常，第四次在order by 5 时候页面为空。 2、返回结果 order by 4 时、 order by 5 时、 3、数据库查询 /

判断下列逻辑语句的True,False. 1）1 > 1 or 3 < 4 or 4 > 5 and 2 > 1 and 9 > 8 or 7 < 6 False or True or False and True and True or False and 只要有一个是False那么结果就是False or 只要有一个是True那么结果就是True 因为优先级先进行and的运算结果为False 再进行or，因为有True，最后结果为True 2）not 2 > 1 and 3 < 4 or 4 > 5 and 2 > 1 and 9 > 8 or 7 < 6 not True and True or False and True and True or False 优先级( )>not>and>or，同一优先级从左往右计算 最后结果为False 求出下列逻辑语句的值。 1),8 or 3 and 4 or 2 and 0 or 9 and 7 x or y , x为真，值就是x，x为假，值是y x and y, x为真，值是y,x为假，值是x 先进行and的计算 8 or 4 or 0 or 7 最后结果为8 2),0 or 2 and 3 and 4 or 6 and 0 or 3 0 or 4 or 0 or 3 最后结果为4 下列结果是什么？ 1)、6 or 2 > 1 6

MySQL 索引通常是被用于提高 WHERE 条件的数据行匹配时的搜索速度，在索引的使用过程中，存在一些使用细节和注意事项。 1. 不要在列上使用函数和进行运算 不要在列上使用函数，这将导致索引失效而进行全表扫描。 select * from news where year(publish_time) < 2017 为了使用索引，防止执行全表扫描，可以进行改造。 select * from news where publish_time < '2017-01-01' 还有一个建议，不要在列上进行运算，这也将导致索引失效而进行全表扫描。 select * from news where id / 100 = 1 为了使用索引，防止执行全表扫描，可以进行改造。 select * from news where id = 1 * 100 2. 尽量避免使用 != 或 not in或 <> 等否定操作符 应该尽量避免在 where 子句中使用 != 或 not in 或 <> 操作符，因为这几个操作符都会导致索引失效而进行全表扫描。 3. 尽量避免使用 or 来连接条件 应该尽量避免在 where 子句中使用 or 来连接条件，因为这会导致索引失效而进行全表扫描。 select * from news where id = 1 or id = 2 4. 多个单列索引并不是最佳选择

一、搜索功能分析 　　思考：如果我们要做一个通过关键词搜索文章的功能，需要搜索哪些字段，以及使用什么技术方案？ 搜索字段： 　　1，字段 　　2，内容 　　3，作者 技术方案： 　　1，mysql的模糊查询%like% 　　　　1，优点：实现起来简单 　　　　2，缺点：数据量比较大的情况下，查询效率极低 　　2，全文检索引擎 　　　　1，优点：专业的全文检索引擎，效率高 　　　　2，缺点：实现起来比较复杂 选择使用全文检索引擎，自行实现django框架和全文检索引擎的代码比较麻烦，选用django的 第三方包djangohaystack。它支持多钟全文检索引擎，本项目选择最流行的全文检索引擎之一 elasticsearch 二、elasticsearch介绍 　　elasticsearch原理：http://developer.51cto.com/art/201904/594615.htm 三、docker介绍 　　1.docker介绍与安装 　　　　～ 介绍 　　　　　　1，什么是docker？ 　　　　　　　　～简化创建，部署，运行应用程序的一个工具 　　　　　　　　～打包应用程序所需的库和依赖环境 　　　　　　　　～精简的虚拟机 　　2.为什么使用docher？ 　　　　流行、方便、强大 　　3.docker vs 虚拟机 　　　　体积更小、运行更快、集成扩展更好 　　4

一直对Regex.Replace(string,string,string)这个没仔细了解 今天终于明白了 Regex.Replace(string input,string pattern,string replacement) (1) input: http://www.xxx.com/news/5/ pattern:.*?xxx\.com/news/\d+/ replacement:news.aspx 结果news.aspx 因为input按照pattern匹配的结果为 http://www.xxx.com/news/5/ ,然后我们用news.aspx替换 最终结果就是news.aspx (2) input: abcedft http://www.xxx.com/news/5/6/7YYYYY pattern: http://(.*/?)\.*xxx.com/news/(\d+/)*(\d+)/ * replacement: /news.aspx 结果为 abcedft/news.aspxYYYYY 因为input 中匹配的为 http://www.xxx.com/news/5/6/7 (3) input:http://www.xxx.com/news/5/ pattern:http://(.*?)\.xxx.com/news/(\d+)/ replacement:news