canvas实现简易签字板 最近看到有些在线文档可以进行签名,以防以后项目中会用到,提前用canvas练习一下,先看下最后实现的效果: 思路 在canva中监听鼠标按下事件(mousedown),获取按下时鼠标到canvas左上角的距离 以鼠标按下的点为canvas画笔的起点,监听鼠标移动事件(mousemove),根据鼠标移动到的位置实时绘制线条 监听鼠标弹起事件(mouseup),移除对mousemove事件的监听,防止 2022-01-06 canvas #canvas
vue计算属性computed和侦听器watch 一、计算属性 computed1、计算属性的 setter 和 getter 每个计算属性都包含一个 setter 和一个 getter 计算属性一般没有 set 方法,只读属性 计算属性在使用时作为一个属性,不用加() 注意:如果计算属性使用了箭头函数,则 this 不会指向这个组件的实例,不过仍然可以将其实例作为函数的第一个参数来访问 1234567891011121314151617181 2022-01-06 vue #vue
vue常用指令 一、v-text 与 Mustache比较相似:都用于将数据显示在界面中(没有Mustache灵活) 二、v-html 会将string的html解析出来并进行渲染 三、v-show 用法与v-if相似,也用于决定一个元素是否渲染 1、v-if和v-show对比 v-if:当条件为false时,包含v-if指令的元素,根本就不会存在于dom中 v-show:当条件为false时,v-sh 2022-01-06 vue #vue
linux中安装nginx 1、安装nginx依赖包1234567# 安装gcc-c++编译器yum install gcc-c++yum install -y openssl openssl-devel# 安装pcre包yum install -y pcre pcre-devel# 安装zlib包yum install -y zlib zlib-devel 2、下载并解压安装包123456789# 安装wget命令yum 2022-01-06 linux #linux #nginx
js标识符、关键字、保留字 1、标识符标识符:指开发人员为变量、属性、函数、参数取的名字。 标识符可以包含字母、数字、下划线、$符号,但是不能以数字开头,并区分大小写,标识符不能是关键字或保留字。 2、关键字关键字:指JS本身已经使用了的字,不能再用他们充当变量名、方法名。包括: break、case、catch、class、const、continue、debugger、default、delete、do、else、exp 2022-01-06 js #js #标识符
js数组中的高阶函数 0、什么是高阶函数高阶函数英文叫Higher-order function。JavaScript的函数其实都指向某个变量。既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数。 1、filter函数的使用(过滤数组) MDN:filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 filter中的回调函数有一 2022-01-06 js #js #数组
js模块化规范 一、入门介绍1、什么是模块/模块化 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件),并进行组合在一起 块的内部数据/实现是私有的,只是向外部暴露一些接口(方法)与其他外部模块通信 2、为什么要模块化 降低复杂度 提高解耦性(降低耦合度) 部署方便(功能点明确) 3、模块化的好处 避免命名冲突(减少命名空间污染) 更好的分离,按需加载 更高复用性 高可维护性 4、页面引入加载scr 2022-01-06 js #js #模块化
ajax基础 0、HTTP协议 HTTP 超文本传输协议,协议详细规定了浏览器与万维网服务器之间互相通信的规则。 请求报文: 响应报文: 1、Ajax简介 Ajax全称为Asynchronous JavaScript And XML,就是异步的JS和XML 通过Ajax可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据 Ajax不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式 2022-01-06 ajax #ajax