- 博客(125)
- 收藏
- 关注
RSS订阅原创 web安全
XSS黑客往网页里边恶意的注入脚本代码当用户访问时候获取到包含恶意代码的网页通过恶意脚本，黑客可以获取和控制用户信息一般分为几种类型 1.反射型--黑客把带有恶意代码参数的url地址发给用户。用户点击链接，服务器获取请求参数并使用 一些浏览器内置了xss过滤器，可以防止大部分的反射型xss攻击 2.存储型 --就是持久型，用户将恶意脚本代码上传或者是存贮到漏洞服务器，服务器将恶意脚本代码进行保存，当用户正常的访问服务器时候，服务器就会读取恶意数据并直接使用
2020-08-20 12:50:50
246
原创 docker安装及使用（命令）
一：下载安装及命令1.检查内核版本必须是3.10及以上版本uname -r2.安装 dockeryum install docker3.启动dockersystemctl statt docker4.检查docker版本docker -v5.开机启动dockersystemctl enable docker6.停止dockersystemctl stop docker7.搜索容器里边有没有比如mysql对象的镜像--就是去远程仓库里边去搜索所
2020-08-10 13:06:31
278
原创 js中发布订阅模式示例
发布订阅模式function Dep() { this.subs = []}Dep.prototype.addsub = function (sub) { this.subs.push(sub)}Dep.prototype.notify = function () { this.subs.forEach(sub => sub.update())}function Watcher(fn) { this.fn = fn}Watcher.prototype.updat
2020-06-22 17:32:35
279
原创 koa中值参数的获取和第三方中间件
两种提交方式，一种是get 一种是postget:ctx.query // 获取的是已经解析好的对象ctx.request.query // 获取的是已经解析好的对象ctx.querystring // 获取的是字符换ctx.request,querystring // 获取的是字符换动态路由传值router.get('news/:id',async (ctx) =>{ console.log(ctx.params) // 获取的是一个对象 ctx.bod
2020-06-09 19:06:15
346
原创 koa中的中间件
分为几种1：应用级中间件// 匹配任何路由app.use(async(ctx,next)=>{ console.log('jdf) await next() // 继续向下匹配})2：路由级中间件// 匹配到路由之后继续向下匹配router.get('/news',async(stx,next)=>{ console.log('df') await next()})3：错误处理中间件// 洋葱执行顺序，先执行next之前的内容
2020-06-09 18:27:21
169
转载 loopback框架学习（1）-简介(转载方便自己参考)
https://blog.csdn.net/u010730897/article/details/52627653/*** loopback学习地址–https://docs.strongloop.com/display/zh/LoopBack*/介绍：LoopBack 是一个可扩展的开源Node.js 框架。它可以让我们.无需写任何代码(或少量的代码)来创建REST AP...
2019-09-26 11:30:29
701
翻译 搭建express项目（摘录供自己参考）
这篇文章主要介绍 express generator 的使用，以及使用它生成 express 应用的目录结构。使用 Express Generator--快速生成express项目npm install express-generator -gexpress myapp --view=pugcd myappnpm install# Run the myapp on Window...
2019-09-20 11:23:28
194
翻译 flex布局总结
1。基本认识父元素设置display:flex;之后子元素的float vertical-align clear属性都将失效子元素会自动成为容器成员2，容器的6大属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contentflex-direction决定主轴的方向，垂直或者水平 ...
2019-09-19 18:59:19
218
原创 Vue.use()和Vue.component()理解
Vue.use(组件名)注册插件1.Vue.use ：接受一个参数，这个参数内部必须有install方法，并会进行参数的install方法调用2.用vue.use进行组件注册时候，会首先判断组件的installed属性是否为true,为true说明此组件已经注册过， 如果没有注册的话，在use注册的同时，会给组件添加一个属性installed：true3.插件的instal...
2019-09-19 11:41:46
4069
原创 webapck之打包优化(一)
首先推荐一篇博文 看了下 是比较齐全的https://blog.csdn.net/bob_baobao/article/details/797627181.减少模块搜索范围resolve:{ alias:{ // 配置别名 } // 省略引入文件后缀，，自动进行查找 extension:['js','json'], //自动进行文...
2019-09-11 23:31:16
197
原创 mvvm实现原理总结（数据劫持，数据代理，订阅者发布者模式）
MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。vue中采用的数据劫持+ 发布者订阅者模式https://blog.csdn.ne...
2019-09-04 11:35:44
499
原创 webpack打包神器（一）（再看webpack）
之前已经记录过一些零零碎碎的webpack知识点，今天又温习一遍1.先来说模块化就是将一个复杂的系统分解成若干个系统方便编码2.自动化构建构建的目的就是将源代码转换发布为线上可以执行的代码，内容包含-代码转化：typescript转化为js。less转换为css-文件优化: 压缩js css html代码，压缩合并图片-代码分割：提取多个页面的公共代码，提取首屏不需要执行...
2019-08-29 10:19:57
231
原创 uni-app基本使用（一）
关注了下最近uni-app使用率在提高，毕竟是多端公用代码，用户体验更接近原生效果，还是值得一看的，今天抽时间进行下总结，如果不对的地方，欢迎指出，及时修改1.根据官网补充下介绍1.uni-app是一个使用vue开发跨平台前端应用框架，所以开发者编写vue.js代码即可2.uni-app通过编译ios android 微信小程序等多个平台，并也达到了比较好的用户体验3.uni-app...
2019-08-25 12:23:05
557
原创 react基本使用(三) redux
接上文中继续介绍下redux1.redux三个核心概念之 action语法结构示例var action = { type:'biaoshi', name: 'zpc'}包含两个属性 type:标识字段，唯一 name:数据属性 key value形式创建Action函数 var a = (data) => ({type:'biaosh...
2019-08-24 21:21:10
263
原创 react基本使用(二)
上文已经将react基本的语法过了一遍，接下来用下cli脚手架工具1.脚手架库 create-react-app1.官方提供了项目脚手架create-react-app2.项目的整体技术架构为react+webpack+es6+eslint3.使用脚手架开发项目的特点：模块化，组件化，工程化创建项目并启动npm install -g create-react-appcreat...
2019-08-24 18:57:28
213
原创 react基础使用(一)
一直想整理下关于react基本知识的内容，但是没有时间，抽时间补上,欢迎评论交流，如有不对的地方，望指教1.基础使用，不用cli脚手架示例：新建html文件，如果不用脚手架构建的话需要引用js文件react.development.jsreact-dom.development.jsbabel.mn.js基本的代码流程<script>1：创建虚拟dom元素对象...
2019-08-24 13:24:49
210
原创 js中数组的方法总结
js中数组的方法有很多，但是一直记不住，今天有空就总结一下，也仅供大家参考1.Array中不会改变原数组的方法concat()---连接两个或更多的数组，并返回结果。every()---检测数组元素的每个元素是否都符合条件。 返回的是布尔值some()---检测数组元素中是否有元素符合指定条件。返回的是布尔值filter()---检测数组元素，并返回符合条件所有元素的数组。...
2019-08-21 23:42:43
131
原创 Javascript toString()、toLocaleString()、valueOf()三个方法的区别（转载）
一、JS Array 例子： 1 2 3 4 vararray =newArray("niu","li","na"); console.log(array.valueOf()); console.log(array.toString()); console.log(array.toLocaleString(...
2019-08-19 00:11:21
149
原创 tyepscript基本语法总结（下）
欢迎留言评论交流，如果不对的地方欢迎指出，及时更正，还望见谅1，ts中接口，关键字interface接口类型分为：1.属性类型接口。2.函数类型接口，3.可索引类型接口，4.类类型接口属性类型接口interface FullName{ // 传入对象的约束 firstName: string; secondName: string; // sceondName?:s...
2019-08-19 00:09:34
367
原创 typescript语法基本总结（上）
现在好多前端框架都开始支持typescript，ts本身支持es5和es6写法，但是ts本身对js语法进行了进一步封装，vue3.0开始全面支持，但是惭愧自己一直不了解ts，趁着这两天有时间，自己总结下，欢迎评论留言交流，如有不对的地方，会及时更正，还望见谅1.全局安装typescriptnpm install typescript -g2，编译ts文件1，新建文件 index...
2019-08-18 12:22:47
1737
转载 js加载的方式
今天遇见问题，但是项目中总是报文件underfind,哎， 惭愧，后来才反应过来，原来是js文件动态cdn加载的异步执行的原因因此，根据网上各种资源和自己的理解，整理一下，自己参考一：同步加载我们平时使用的最多的一种方式。<script src="http://yourdomain.com/script.js"></script><script s...
2019-08-15 13:59:29
408
原创 js常用的几种简单的加密方式
1，escape()和unescape()，js自带的方法进行编码和解码字符串 var a=escape("你好");//编码 var unescape1 = unescape(a);// 解码 2.md5加密--但是此加密是不可逆的--如果进行对比都进行 加密对比用的时候需要引入md5.js var code = md5("你好"); 加密3..base64加密...
2019-08-13 17:32:17
15994
原创 vue extend 的基本使用
1.组件构造器（extend）vue.extend创建的是一个组件构造器，不是直接过载在vue的示例对象，可以理解为构造了一个和vue组件内部有一样结构的对象，因此需要在vue上进行注册才能使用最终还是要通过Vue.components注册才可以使用的。 代码示例const Loading = Vue.extend({ template: ``, data () ...
2019-08-13 14:13:48
2551
原创 Linux中的vim命令使用
1.vim的三种状态 1) 命令行模式command mode）字符、字或行的删除，移动复制某区段及进入Insert mode下，或者到 last line mode。 2) 插入模式（Insert mode）只有在Insert mode下，才可以做文字输入，按ESC键可回到命令行模式。 3) 底行模式（last line mode）将文件保存或退出vi，也可以设置编辑...
2019-08-13 11:34:58
254
转载 h5获取浏览器的相机和摄像头权限
检查浏览器是否支持getUserMedia方法：navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || ...
2019-07-30 17:05:35
13954
2
转载 php lavarel中常用的缓存操作（转载）
//----------设置缓存-----------//Cache::put($key,$val,$minutes); 如果$key已存在，则覆盖原有值Cache::put('name', '张三', 1);//Cache::add($key,$val,$minutes); 该方法只会在缓存不存在的情况下添加到缓存，成功返回true，失败返回false$r = Cache::add('n...
2019-07-18 17:06:08
373
转载 laravel中session操作（转载别人文章仅供自己参考）
以file为示例1、Http request session方法$request->session()->put('key1','value1');echo $request->session()->get('key1');2、session的辅助函数session()->put('key2','val2');echo session('...
2019-07-10 17:40:28
374
原创 常见的一些前端知识点总结
1，如何实现vue的路由填坑记录懒加载，有几种写法在vue中组件懒加载又称为代码分割，也叫延迟加载，即在需要的时候进行加载，随用随载。不用懒加载的话，webpack打包后的文件会异常过大，造成进入首页时候，需要加载的内容过多，时间长。会出现长时间的白屏，即使做了loading也不利于用户体验概念： 把不同的路由对应的不同的组件分割成不同的代码块，当路由访问的时候，再去做加载对应的组件，这是利...
2019-05-16 14:06:00
606
3
转载 vue中 解决弹窗出现之后背景滚动（移动端 ）
watch: { show(v) { this.toggleContainerTouchAction(v) if (v) { document.body.addEventListener('touchmove', this.stopTouch, { passive: false, capture: true }) } else { ...
2019-03-19 11:14:05
2022
1
原创 vue中实现图片呢懒加载的过程（vue-lazyload)插件的使用方法）
1.安装插件 npm install vue-lazyload --save-dev2.在入口文件main.js中引入并使用 import VueLazyload from 'vue-lazyload'3.main.js中use使用 --或者进行自定义Vue.use(VueLazyload) main.js 中自定义示例Vue.use(VueLaz...
2018-11-09 20:12:37
622
原创 vue的内置组件transition(转载)
一篇详细的介绍transition 使用详解 ------上边是链接，比较详细对要使用动画的组件或者模块包上一层transition标签，1.transition中样式的用法<transition name="fade"> <p v-if="show">hello</p></transition>name是自己命名的cla...
2018-11-08 12:28:35
530
原创 java中的equals和==的区别
1）对于==，如果作用于基本数据类型的变量，则直接比较其存储的 “值”是否相等； 如果作用于引用类型的变量，则比较的是所指向的对象的地址 2）对于equals方法，注意：equals方法不能作用于基本数据类型的变量 如果没有对equals方法进行重写，则比较的是引用类型的变量所指向的对象的地址； 诸如String、Date等类对equals方法进行了重写的话，...
2018-10-14 17:31:43
179
原创 vue中用mock数据模拟前后端接口
vue框架中实现mock数据模拟后端接口-提高开发效率1，npm安装mockjs npm install mock.js2,src目录下新建mock文件夹-新建index.js import Mock from 'mockjs'; const userInfo = Mock.mock( '/test.advance/login','post', (req, res)...
2018-10-10 14:14:41
1286
原创 vue项目动画参考
https://blog.csdn.net/qq_25804071/article/details/70911421 ---animatehttps://blog.csdn.net/u010394015/article/details/79263873 --transition
2018-09-18 09:27:53
289
原创 git flow 常用命令
1.在已经存在的git仓库中添加git flow git flow init2.develop分支只有一个，新功能的开发是基于develop创建的feature分支上开发的。git flow feature start 功能name ---执行之后feature/name 分支就会被建立新的功能开发完毕之后git flow feature finish 功能name -...
2018-09-11 10:41:57
1365
原创 js中对象引用，浅拷贝，深拷贝--示例
1. 对象引用var a = {name:'wanger'}var b = a ;a===b // trueb.name = 'zhangsan'a.name //'zhangan'2 .浅拷贝var a = {name:'wanger'}var b = Object.assign({}, a)a===b // falseb.name = 'zhangsan'a.n...
2018-09-05 11:16:10
252
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人