- 博客(52)
- 收藏
- 关注
RSS订阅原创 vue踩坑记录
报错描述：Right-hand side of 'instanceof' is not an object找到报错代码：根据报错代码查看问题代码：修改问题代码即可：
2019-07-03 10:25:26
366
原创 vue组件中的插槽使用
vue组件中的插槽的使用匿名插槽具名插槽作用域插槽Vue 2.6.0之后采用全新v-slot语法取代之前的slot、slot-scope插槽的目的是让组件能后更好的进行扩展，使用起来更灵活匿名插槽故而言之就是插槽指定名称，默认为default//comp<div> <slot><slot></div>//parent<...
2019-07-02 15:17:50
2000
原创 vue组件之间通信
vue组件之间通信一、父子组件之间通信a. 父组件 ==》 子组件b. 子组件 ==》 父组件二、兄弟组件之间通信三、祖先与后代之间通信a. 祖先 ==》 后代b. 后代 ==》 祖先四、任意两个组件之间通信一、父子组件之间通信a. 父组件 ==》 子组件1. 通过props属性进行传递//childprops: { info: { type: Stri...
2019-07-02 12:14:08
215
转载 在win8系统下，安装TortoiseGit报错2503的解决办法
win8上安装tortoisegit1.8.12 64位时无法安装，报2503错误。查资料，经测试后可以安装。这是Win8系统的权限问题，可以如下解决:1.运行CMD（管理员权限）： 在桌面直接使用 WIN+X 组合键 在弹出菜单目录中选择 运行命令提示符(管理员) ； 也可以在桌面直接使用 WIN+X+A 组合键操作；2.输入以下命令： msiexec /package “你安装程...
2019-05-09 08:58:25
544
转载 web减少并发请求次数的方法
浏览器对页面渲染所需要的每个文件都要进行HTTP请求。因为每个浏览器对http请求的次数有单域名并发限制，所以大量单独的文件意味着浏览器必须进行多轮并发请求。可以通过如下的方法减少并发请求次数：减少HTTP请求的次数1.1 将单独的css文件和js文件合并到一个文件中1.2 把多个单独的图像文件合并成一个图像映射或者图标字体。（利用工具完成，如：Compass和Grunt/Gulp插...
2019-05-06 16:20:57
769
原创 webstorm自定义自动补全
webstorm自定义自动补全发现当前的工作中，很多代码都是可以提炼成模板的，要是撸代码的时候，可以直接利用工具一键补全，是不是996很大可能上可以变成966了呀webstorm其实一直有这个功能，只是我一直没将其功能进行最大化使用，懊悔废话不多说，下面就举例说明如何在webstorm上自定义代码补全需求：当新写vue组件时候，新文档中输入template+tab键，即可生成如下组件的代...
2019-05-05 15:23:49
5214
原创 websocket配合socketio实现客户端和服务器双工通信
下载socket.ionpm i socket.io --save-dev服务器端代码（nodejs）const http = require('http');const io = require('socket.io');let httpServer = http.createServer();httpServer.listen(8888); //监听的端口号let...
2019-04-01 09:44:14
2880
2
原创 Canvas图片的合成
Canvas图片的合成1. 图片的合成2. 裁剪路径1. 图片的合成globalCompositeOperation = type;//设置绘制图形的绘制顺序 * type的值为： * 1. source-over（默认，新图像会覆盖原有图像） * 2. source-in (仅出现新图像与原有图像的重叠部分的新图像，其他区域都变透明) * 3....
2019-03-25 16:04:10
228
原创 Canvas图像变形处理
Canvas图像变形处理1. translate(x, y);//用来移动canvas的坐标原点到指定的位置 参数说明： 1. x 是左右偏移量 2. y 是上下偏移量 建议：在做变形之前，先保存当前状态，便于之后恢复 2. rotate(angle);//旋转坐标轴 参数说明： angle:旋转的角度，顺时针方向，以弧度为单位 ...
2019-03-22 16:27:46
3599
原创 canvas状态的保存与恢复
canvas状态的保存与恢复1. 状态的保存1.1 绘画状态包括2. 状态的恢复1. 状态的保存 save() canvas状态存储在栈中，每当save()方法被调用后，当前的状态就被推送到栈中保存1.1 绘画状态包括1. 当前应用的变形（移动、旋转、缩放）2. strokeStyle/fillStyle/globalAlpha/lineWidth/lineCap/lineJoin...
2019-03-22 14:35:40
1637
原创 canvas绘制图片
canvas绘制图标1. 绘制图片2. 图片切片1. 绘制图片 ctx.drawImage(img, x, y [, width, height]); 参数说明： 1. img为new Image()或者document.querySelector('img')返回的对象 2. (x, y)为绘制图片的起始坐标位置 3. width,height 用来控制图片的缩放大小...
2019-03-22 10:54:03
4886
原创 canvas绘制文本
canvas绘制文本fillText(text, x, y, [, maxWidth]); //在指定的(x, y)位置填充指定的文本，绘制的最大宽度是可选的,若设置了最大宽度，且字体实际宽度大于最大宽度，则字体会被压缩。strokeText(text, x, y, [, maxWidth]); //在指定的(x, y)位置绘制文本边框，绘制的最大宽度是可选的。font = value;/...
2019-03-21 16:26:11
397
原创 canvas设置颜色及线条样式
canvas设置颜色及线条样式1. canvas设置颜色2. canvas设置线条样式1. canvas设置颜色fillStyle = color; //设置图形的填充颜色strokeStyle = color; //设置图形轮廓的颜色color可以是表示css颜色值的字符串，渐变对象或者图案对象，color默认为黑色globalAlpha = 透明度（0-1）//设置透明度，有效范围...
2019-03-21 16:21:34
28231
2
原创 canvas绘制图形
canvas绘制图形1. canvas默认的width:300px、height:150px。2. canvas只支持一种原生的图形绘制：矩形。2.1 canvas绘制矩形的3种方式：3. 图形的基本元素是路径。3.1 绘制路径步骤：3.2 绘制圆弧的两种方式：3.3 绘制贝塞尔曲线：4. 参考1. canvas默认的width:300px、height:150px。也可以通过css来设置wi...
2019-03-20 18:04:14
430
原创 同源策略及跨域解决办法略识
同源策略及跨域解决办法略识同源策略：默认情况下，javaScript在发送AJAX请求时候，要求URL的域名、协议、端口号要和当前页面一致。如果有需求跨域请求URL，解决方式：2.1 通过Flash插件发送HTTP请求，这种方式可以绕过浏览器的安全限制，但必须安装Flash，并且跟Flash交互。不过Flash用起来麻烦，而且现在用得也越来越少了。（不建议）2.2 通过在同源域名下...
2019-03-20 10:29:37
308
原创 AJAX使用
AJAX使用现在浏览器上写AJAX主要依靠XMLHttpRequest对象，低版本的IE，需要依靠ActiveXObject对象实现如下：function success(text) { // ...}function fail(code) { // ...}let request;if (window.XMLHttpRequest) { // 新建X...
2019-03-19 20:37:18
104
原创 ajax轮询长连接的封装(支持短连接设置时间间隔)
关于ajax轮询模拟长连接的封装讨论现在业务中经常会需要用到长连接，比如实时状态更新，加载后端进度等。用ajax轮询去模拟长连接相比websocket仍有如下优点：兼容性强，不用依赖新浏览器的api后端不用多维护一套接口而以往的业务中，经常将轮询的代码嵌入业务代码，导致代码很难复用和维护；现在讨论如果将轮询的代码抽离出来，达到封装、解耦合的目的。基本需求：能不断向后端发送请求...
2019-03-17 19:10:56
617
原创 模块化
seajs模块化seajs定义模块//案例1 exportsdefine(function(require, exports, module) { exports.a = 12;})//案例2 module、 requiredefine(function(require, exports, module) { let moda = require('a.js') modul...
2019-02-24 23:00:03
171
原创 generator
generator1. generator初识作用使用方法说明2. yeild的传参与返回值形式：例子：说明使用场景演变 ES7 async-await1. generator初识作用generator用来控制函数执行，使之在执行中可以在指定的位置暂停下来使用方法 //定义个generator函数 function *show(){ alert(1); yield; al...
2019-02-24 19:58:51
161
转载 vue的插槽
vue的插槽1. 插槽内容2. 具名插槽3. 插槽的默认内容4. 编译作用域1. 插槽内容将 元素作为承载分发内容的出口。它允许你像这样合成组件：<navigation-link url="/profile">Your Profile</navigation-link><navigation-link> 的模板的实现为：<a v-bind:...
2019-02-18 15:14:13
134
转载 vue的prop
vue的prop1. prop的大小写2. prop的值的验证(名称: 类型)3. 单项数据流1. prop的大小写HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名：Vue.component('blog-p...
2019-02-18 15:07:25
2202
转载 vue 组件
vue 组件一. 组件基础1. 组件中的data选项必须是一个函数2. 在组件上使用v-model二. 组件注册1. 组件名2. 全局注册（通过Vue.component来创建并注册组件）3. 局部注册（通过components选项来注册,在局部注册之前导入需要使用的组件）三. 动态组件1. component元素 + is2. keep-alive一. 组件基础1. 组件中的data选项...
2019-02-18 14:54:13
239
转载 表单输入绑定
表单输入绑定前言1. 文本2. 多行文本3. 复选框3.1 单个复选框，可绑定到布尔值checked3.2 多个复选框，需绑定到同一个数组4. 单选按钮5. 选择框5.1 单选，绑定到一个字符串变量5.2 多选，绑定到一个数组后记前言可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根...
2019-02-18 14:38:20
358
转载 事件处理
事件处理1. 事件处理方法2. 自定义事件事件名3. 自定义组件的v-model1. 事件处理方法若需要在事件处理方法中访问原始的事件对象event，可以使用特殊变量$event把它传入方法<button @click="warn('Form cannot be submitted yet.', $event)">Submit</button>// ...meth...
2019-02-18 14:26:03
181
转载 列表渲染
列表渲染1. v-for对应数组2. v-for 对应对象2.1 迭代一个对象的属性值2.2 迭代一个对象的键名及键值2.3 迭代一个对象的索引、键名及键值3. 数组更新检测3.1 变异方法3.2 替换数组3.3 不能被vue检测到的数组变动方式4. 对象更新检测4.1 对象属性的添加或删除4.2 对象属性的修改5. 显示过滤/排序结果5.1 计算属性方式5.2 method方法1. v-for...
2019-02-18 11:55:20
510
转载 条件渲染
条件渲染1. v-if2. 使用key管理可复用的元素3. v-show4. v-if vs v-show1. v-ifv-if 是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个 <template> 元素当做不可见的包裹元素，并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。<template v-i...
2019-02-18 11:30:08
196
转载 class 与 style绑定
class 与 style绑定一. class绑定1. 对象语法1.1 传给v-bind:class 一个对象，以动态的切换class1.2 绑定的数据对象不必内联定义在模板里1.3 绑定一个返回对象的计算属性2. 数组语法2.1 把一个数组传给 v-bind:class，以应用一个 class 列表2.2 在数组语法中也可以使用对象语法：二. style绑定1. 对象语法2. 数组语法一. ...
2019-02-18 11:15:07
122
转载 计算属性和侦听器
计算属性和侦听器1. 计算属性computed2. 计算属性 vs 方法3. 计算属性的setter4. 侦听器 watch1. 计算属性computed<div id="app"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reve
2019-02-18 11:06:31
165
转载 模板语法
模板语法1. 数据绑定最常见的形式2. v-once指令3. v-html4. v-bind5 修饰符5.1 事件修饰符5.2 按键修饰符5.3 修饰符5.4 系统修饰键5.5 鼠标按钮修饰符1. 数据绑定最常见的形式数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：<span>Message: {{ msg }}</span>Mu...
2019-02-18 11:01:08
187
转载 vue生命周期
vue生命周期1. 实例生命周期钩子2. 生命周期详解2.1. 在beforeCreate和created钩子函数之间的生命周期2.2. created钩子函数和beforeMount间的生命周期2.3. beforeMount和mounted 钩子函数间的生命周期2.4. beforeUpdate钩子函数和updated钩子函数间的生命周期3. 生命周期图示1. 实例生命周期钩子每个 Vu...
2019-02-15 18:10:39
260
1
转载 初识vue
初识vue1. 在线引入Vue2. 声明式渲染3. 指令4. 组件化应用构建4.1 Vue中注册组件：4.2 使用prop从父性作用域将数据传到子组件，子单元通过 prop 接口与父单元进行了良好的解耦5. 响应式数据6. 工具1. 在线引入Vue&lt;!-- 开发环境版本，包含了有帮助的命令行警告 --&gt;&lt;script src="https://cdn.jsdelivr.ne...
2019-02-15 17:48:52
124
转载 echo -n 、-e、 -E参数
echo -n 、-e、 -E参数1. echo -n2. echo -e看到关于日志级别显示的两个函数如下：function info(){ echo -e "\033[32m INFO: $1 \033[0m"}function error(){ echo -e "\033[31m ERROR: $1 \033[0m"}对echo的参数使用查阅了下：-n ...
2019-02-12 15:04:39
5287
转载 python 函数的参数
python 函数的参数先定义一个函数，传入一个list，添加一个END再返回：# -*- coding: utf-8 -*-def add_end(L=[]): L.append('END') return Lprint(add_end([1,2,3])) # [1,2,3,'END']print(add_end(['x', 'y', 'z'])) # ['x'...
2019-02-12 11:19:28
234
原创 安装Bit::Vector问题解决
安装Bit::Vector问题解决安装Bit::Vector:遇到问题及解决办法安装Bit::Vector:解压包 tar -xf xxxxx.tar.gz -C .生成Makefile文件cd 解压后的目录perl Makefile.PLmake遇到问题及解决办法安装后，使用该Bit::Vectorperl -e "use Bit::Vector"报错信息：Can't...
2019-01-24 19:49:58
1517
1
原创 安装automake问题解决
安装automake问题解决遇到问题问题原因问题分析解决办法检测遇到问题Can't locate Automake/Config.pm in @INC(@INC contains: /usr/local/share/automake-1.14 /xxxxx)问题原因automake的安装位置和这里@INC设置的位置不一致，导致找不到Automake::Config.pm问题分析这个@...
2019-01-23 11:58:44
8401
3
转载 关系型数据库设计范式
关系型数据库设计范式什么是范式三大范式概念第一范式第二范式第三范式理解三大范式实例☞第一范式实例☞第一第二范式实例☞第一第三范式学后知变通什么是范式数据库设计对数据的存储性能和开发人员对数据的操作都有关系。所以建立科学的、规范的数据库需要满足一些规范。在关系型数据库中这些规范就可以称为范式。三大范式概念第一范式当关系模式R的所有属性都不能分解为更基本的数据单位时，称R是满足第一范式的，简...
2019-01-16 10:35:25
206
原创 shell 变量与调用函数的位置
shell 变量与调用函数的位置话不多说，直接上例子path0.shMACHEL=macheltest./path.shecho "machel: $MACHEL"path.shecho "access machel: $MACHEL"执行结果：access machel:machel: macheltest修改path0.sh，如下：MACHEL=machel...
2018-12-21 14:43:02
870
原创 安装thrift
安装thrift安装步骤跳坑记录安装步骤解压源码tar -zxvf thrift-0.11.0.tar.gz在源码路径下设置PATH，并执行bootstrap.sh因为当前安装的thrift的版本依赖高版本的automake，但是暂时不能升级环境上的低版本的aumomake，所以安装高版本的automake在某路径下，并临时指定PATH，执行 bootstrap.sh,用于生成...
2018-12-14 18:06:06
866
原创 安装automake
安装automake概述相关点的详解安装步骤概述在Linux下安装一个应用程序时，一般先运行脚本configure，然后用make来编译源程序，再运行make install，最后运行make clean删除一些临时文件。相关点的详解使用GNU的AUTOCONF和AUTOMAKE的安装步骤即如上所示,AUTOMAKE和AUTOCONF是用来发布C程序的东西。./configure...
2018-12-14 17:38:55
4710
原创 python - 错误与异常
错误与异常常见的错误异常处理with...as语句与上下文管理with语句实质上是上下文管理：with语句应用场景：raise和assert语句标准异常和自定义异常常见的错误NameError 如：变量未定义直接调用，意图使用该变量的值SyntaxError 语法错误 ==》 except不能捕获，因为语法错误的异常是运行前错误，而except捕获的是运行时错误IOError ...
2018-12-05 21:58:09
1238
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人