- 博客(51)
- 资源 (4)
- 收藏
- 关注
原创 vue3-canvas实现在图片上框选标记(放大,缩小,移动,删除)
业务描述:模板与图片对比,只操作模板框选的位置进行色差对比,传框选坐标位置给后端,返回对比结果显示。
2024-12-09 14:06:10
679
原创 vue3 中的监听器
用户创建的侦听器回调,都会在 Vue 组件更新之前被调用。这意味着你在侦听器回调中访问的 DOM 将是被 Vue 更新之前的状态。如果想在侦听器回调中能访问被 Vue 更新之后的 DOM,你需要指明。
2023-07-21 16:13:40
548
原创 Promise.all()、Promise.allSettled()、Promise.any()、Promise.race()用法与区别
Promise.all();Promise.allSettled();Promise.any();Promise.race()
2022-04-28 17:18:10
2057
4
原创 React基础知识复盘
git代码地址jsx语法规则:1.JS表达式要用单花括号2.class -> className3.for -> htmlFor4.style={{}}5.定义虚拟DOM不要写引号,用括号,只能有一个根标签6.标签首字母(1)若小写字母开头,则改标签转为html同名元素,若html没有该标签元素,则报错、(2)若大写字母开头,react就去渲染对应的组件,若没有定义该组件,就报错todoList 案例相关知识点setState更新状态的2种写法
2022-04-14 10:55:33
1145
原创 微信小程序的注意事项
第一 wx:if和hidden在微信小程序中,条件渲染有两种方式,一种是wx:if,另一种是hidden属性,区别在于:wx:if 显示隐藏是摧毁元素,hidden是使用css样式,display:none.因此在有hidden属性的标签上的样式不要用到display,以免冲突显示隐藏失效<view wx:if="{{show===1}}">1</view><view wx:elif="{{show===2}}">2</view><view w
2022-04-13 19:47:00
157
原创 前端工程师---面试知识总结(持续更新)
知识点参考链接25 道前端高频面试题20道Vue常见面试题vue的实现原理和性能优化大厂前端面试题总结简答题元素水平垂直居中的方式定位有几种,分别的基准是:和::区别是盒模型去除浮动的方法响应式布局es6的新特性(面试官可能会深入的去问你所说的特性解决了es5中存在的哪些问题)promise的用法和实现原理,解决的什么问题请求get和post的区别三次握手和四次挥手当你打开浏览器页面,从请求到响应的过程请描述一下var,const,let的区别this的指向问题,如何改
2021-04-26 13:11:56
439
原创 brew常用命令总结
1、brew的安装https://brew.sh/2、常用命令//查看brew的版本brew -v//更新homebrew自己,把所有的Formula目录更新,并且会对本机已经安装并有更新的软件用*标明brew update//查看命令帮助:brew -help//查看那些已安装的程序需要更新brew outdated//更新单个软件:brew upgrade [包名]例:brew upgrade git//更新所有软件:brew upgrade //安装软件b
2021-03-31 13:45:25
14497
1
原创 在vue新项目中用TypeScript---配置篇
1.npm下载依赖包npm install typescript ts-loader tslint tslint-loader tslint-config-standard vue-property-decorator2.增加 tsconfig.json可参考TypeScript-Vue-Start{ "exclude": [ "node_modules" ], "compilerOptions": { "allowSyntheticDefaultImports":
2020-05-19 12:41:23
2848
原创 实用的网站(持续更新)
http://jsrun.nethttp://jsrun.net/tutorial/GZKKp 前端教程函数
<!DOCTYPE html><html lang="en"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"...
2019-11-06 17:05:36
863
转载 vue-cli keep-alive用法以及activated,deactivated
keep-alive用法<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。 import Vue from 'vue'import Router from 'vue-router'imp...
2019-10-22 17:19:48
1118
原创 vue 自定义指令简单使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义指令</title></head><body><div id="test1"> <h2>局部指令<...
2019-08-23 11:46:22
150
原创 vue 自定义插件 简单使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义插件</title></head><body> <div id="demo"> <p v-my-dire...
2019-08-23 11:45:31
124
原创 vue--列表的过滤和排序
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表过滤和排序</title></head><body><div id="test"> <input type="...
2019-08-16 21:52:29
321
原创 跨源资源共享
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CORS</title></head><body><script src="../js/jquery.js"></scri...
2019-08-10 22:25:02
211
原创 jsonp简单封装
jsonp封装<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jsonp</title></head><body><script> //原理就是利用了script...
2019-08-10 21:50:08
191
原创 原生Ajax简单封装
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Ajax基本封装</title></head><script> function ajax(method,url,params,d...
2019-07-31 15:17:44
135
原创 Ajax
Ajax请求<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ajax发送请求</title></head><script> //1.声明一个XMLHttpRequest对象 ...
2019-07-20 11:59:51
141
转载 Jsonp跨域请求,关于跨域,以及跨域的几种方式
https://www.cnblogs.com/2050/p/3191744.html首先我们来想一想 为什么会有跨域这个名词的出现呢? 跨域又是什么呢?为何要跨域? 浏览器的同源策略又是什么?怎么解决? jsonp又是什么? 跨域的原理又是什么...
2019-01-04 10:34:17
1115
转载 在新建vue项目时,npm run dev 报“'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序”
在做vue-cli 脚手架搭建项目时,把本地项目拷回自己的电脑上运行报错,后来经查阅解决,报错信息'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序或批处理文件。npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! vuedemo3@1.0.0 dev: `webpack-dev-server --inli...
2019-01-02 21:56:34
2379
转载 百度音乐全接口 API
百度音乐全接口 会利用使用接口找歌简单又快捷http://tingapi.ting.baidu.com/v1/restserver/ting获取方式:GET参数:format=json或xml&calback=&from=webapp_music&method=以下不同的参数获得不同的数据PS:format根据开发需要可选择json或xmml,其他参数对应填入,...
2018-12-29 15:22:19
2236
转载 CSS中的BFC详解
引言:这篇文章是我对BFC的理解及总结,带你揭开BFC的面纱。你将会知道BFC是什么,形成BFC的条件,BFC的相关特性,以及他的实际应用。一、何为BFC BFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。二、形成BFC的条件 1、浮动元素,fl...
2018-12-29 10:12:08
175
转载 表单中Readonly和Disabled的区别
Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,...
2018-12-24 22:02:48
168
转载 php中redis操作
/*1.Connection*/$redis = new Redis();$redis->connect('127.0.0.1',6379,1);//短链接,本地host,端口为6379,超过1秒放弃链接$redis->open('127.0.0.1',6379,1);//短链接(同上)$redis->pconnect('127.0.0.1',6379,1);//长链接,...
2018-12-19 10:08:23
203
原创 [WAMP]安装memcache扩展
一.windows 操作系统下的 memcache 安装1.安装包下载此处提供32位安装包的链接,如果需要64位的应该可以查得到。将下载的压缩包解压到自己确定的安装目录,我的参考如下:2.为了安装顺利,所以需要以管理员身份启动cmd.exe,不然多会报错:“failed to install service or service already installed”,进入E:\phpTo...
2018-12-17 10:22:13
161
原创 前端面试题(含笔试)(二)
11.JavaScript中如果判断一个变量为string,请用函数实现 //string 有两种生成方式 var str1 = '字符串1'; var str2= new String('字符串2'); var num =3424; function isString(str) { //console.log(str); i...
2018-12-04 20:34:18
186
转载 js中闭包的理解
闭包的概念闭包就是能够读取其他函数内部变量的函数。什么是闭包:当内部函数 在定义它的作用域 的外部 被引用时,就创建了该内部函数的闭包 ,如果内部函数引用了位于外部函数的变量,当外部函数调用完毕后,这些变量在内存不会被 释放,因为闭包需要它们.一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Ja...
2018-12-04 19:13:51
110
原创 前端面试题(含笔试)(一)
1.判断字符串是这样组成的,第一个必须是字母,后面可以是字母,数字,下划线,总长度为5-20 let reg = /^[a-zA-Z]\w{4,19}$/; console.log(reg.test('123')); //false console.log(reg.test('s23faaw')); //true console.log(reg.t...
2018-11-29 21:45:29
410
原创 js中的String对象下的substr()substring()、slice()方法的异同
相同点 1.slice()、substring() 和 substr() (不建议使用)都可返回字符串的指定部分String.substr(start,length)方法可在字符串中抽取从 开始 下标开始的指定数目的字符 String.substring(start[,end])方法用于提取字符串中介于两个指定下标之间的字符(不包括end下标的字符)。 String.slice(...
2018-11-28 21:04:19
425
Rational-Rose建模讲解
2018-05-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人