![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
总结
文章平均质量分 81
hsdjhaiwhdnjw
这个作者很懒,什么都没留下…
展开
-
react 学习笔记
定义函数,函数内部返回dom节点函数名首字母要大写,在react中,标签首字母大写表示是组件,小写则匹配对应的html标签使用将函数组件渲染到页面上React 解析组件标签,找到 MyComponent 组件发现组件是使用函数定义的,随后调用该函数,将返回的虚拟DOM转为真实DON,随后呈现到页面中也可使用将组件渲染到页面上。原创 2024-01-12 18:54:25 · 995 阅读 · 0 评论 -
前端常用组件
常用组件总结原创 2023-03-11 11:40:24 · 94 阅读 · 0 评论 -
数字翻牌器
卡片式数字翻牌器原创 2022-11-01 17:21:21 · 664 阅读 · 0 评论 -
nginx Vue前端配置
1、打包文件使用 npm run build 命令,将项目打出来(dist目录)2、将 dist 目录上传至服务器3、修改 nginx.conf 配置nginx vue 配置upstserver { listen 9090 default_server; //修改端口 root /home/www/dist; //修改入口文件 location / { try_files $uri $uri/ /index.html; //解决单页面刷新404问题 }}ng原创 2022-04-24 21:05:35 · 3888 阅读 · 0 评论 -
零碎内容总结
1、css盒模型和怪异模型border-sizing: border-box/* 表示怪异盒模型 */border-sizing: content-box/* 表示标准盒模型 */怪异盒模型:元素的总宽度 = width(包括内容宽度+border+padding) + margin标准盒模型:总宽度 = width + border + padding + margin2、闭包3、作用域链要了解作用域链,首先要知道什么是作用域,作用域就是变量能够生效的区域,作用域分为全局作用域、局部作原创 2022-04-15 16:19:59 · 257 阅读 · 0 评论 -
面试题(二)
1、事件冒泡和事件委托事件冒泡<div @click="divClick"> <span @click="spanClick">123</span></div>代码中,点击span标签,不仅会触发span标签中的spanClick方法,还会触发div中的divClick方法,这个过程叫事件冒泡。事件从目标元素逐渐向上,由内到外的。事件委托<ul class='ul'> <li>1</li> <原创 2022-04-08 21:25:15 · 920 阅读 · 0 评论 -
flex布局纵向布局导致父元素高度没被撑起
现象:如下页面,使用 flex 左右布局,在移动端上面父元素的高度不会被撑起来,导致子元素内容被截取代码如下:解决办法:给父元素设置 align-items注:项目使用weex+flex开发的,自测有效,不确定其他情况下是否可行。...原创 2020-08-28 17:19:17 · 3453 阅读 · 0 评论 -
ES5 、ES 6 生成新数组
ES5 、ES 6 生成新数组://ES5//法一:let array=Array[5]; //需要通过循环去设置每一项的值//法二:let array=[]; //需要直接给数组赋值,或者push进数组//法三:Array.from({length:5},function(i){ return 1;})//法四:let array=Array(5).fill(7) //[...原创 2020-03-19 17:53:51 · 977 阅读 · 0 评论 -
ES6-10学习笔记
一、ES61、全局变量//两种生成全局变量的方法(都是写在函数体外)var a=123; b=456;//两种方法生成全局变量的区别://1、//没有使用 var 生成的全局变量,是作为window的属性存在,//不是真正意义上的全局变量,可以用 delete b (或者delete window.b)删除,删除之后获取b则是 not defind,//而通过 var 生成的全...原创 2020-03-17 20:51:36 · 534 阅读 · 1 评论 -
遍历方法
let arr=[1,2,3,4,5]1、for (有break,continue)for (let i=0;i<arr.length;i++){ console.log(arr[i])}2、forEach(不支持 break 和 continue)arr.forEach(function(item) console.log(item)})3、everyarr.ev...原创 2020-03-17 20:51:20 · 189 阅读 · 0 评论 -
各种方法
1、使用ctrl 、 shift 多选$(document).on('click', '.context_menu', function (event) { stopEvent(); var event = window.event || event; ClickData.push($(this).index()); if (ev...原创 2020-03-12 11:20:36 · 235 阅读 · 0 评论 -
列表排序
11、列表排序/* eslint-disable */// Array.prototype.find polyfillArray.prototype.find||Object.defineProperty(Array.prototype,"find",{value:function(r){if(null==this)throw new TypeError('"this" is null or...原创 2020-03-12 10:42:28 · 8176 阅读 · 0 评论 -
深度比较
function isObject(obj) { return typeof obj === 'object' && obj !== null}// 全相等(深度)function isEqual(obj1, obj2) { if (!isObject(obj1) || !isObject(obj2)) { // 值类型(注意,参与 equal...原创 2020-02-11 11:00:26 · 220 阅读 · 0 评论 -
微信小程序使用总结
1、wx:for 和wx:for-item例:var grids=[[1,2,3],[3,3,3],[3,51,4,5]]var arr=[1,2,3,4]<view> <view wx:for="{{grids}}" wx:for-item="row" class="grid-row clearfix" > <...原创 2019-12-24 18:05:24 · 207 阅读 · 0 评论 -
乱七八糟小知识总结
1、默认情况下,页面上有多个空格只会展示一个,可以用 css 修改word-wrap: break-word;word-break: break-all;white-space: pre-wrap;2、$(window).resize(function () {})监控浏览器窗口缩放3、IE 10 以上,password 类型的 input 在右方会有一个 小眼睛,点击显示明文,tex...原创 2019-11-19 14:35:41 · 188 阅读 · 0 评论 -
数组去重
1、indexOf 去重var arr=[1,2,1,2,2,1,3,4,5];var newArr = []; //一个新的临时数组for(var i = 0; i < arr.length; i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(arr[i]); }}//newArr=[1,2,3...原创 2019-11-14 17:47:49 · 138 阅读 · 0 评论 -
下拉框选中
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> </style></head><body><button&g...原创 2019-06-18 11:39:11 · 404 阅读 · 0 评论 -
cavans 文字换行
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-27 16:59:46 · 191 阅读 · 0 评论 -
ajax 请求到的数据在浏览器返回时仍然显示
FF,Chrome中使用jquery ajax请求得到的数据浏览器不会自动存储,(而IE和别的上述浏览器的缓存机制不一样,它不做添加啥都存,你想不用缓存都不行)。利用 history.replaceState 事件,在 ajax 请求数据成功后的,修改当前 url,此时,打开新链接再返回时,就是设置成功后的 url ,该链接页面上含有 ajax 请求到的数据。也可使用 history.push...原创 2019-06-18 11:35:53 · 706 阅读 · 0 评论 -
password 类型的 input 在右方会有一个 小眼睛
input::-ms-clear{display:none;}input::-ms-reveal{display:none;}原创 2019-06-18 11:36:47 · 3741 阅读 · 0 评论 -
模拟 placeholder
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><input type="text"/></body><scrip...原创 2019-06-18 11:37:41 · 277 阅读 · 0 评论 -
字符串长度限制
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> input { border: 0; bor...原创 2019-06-18 11:38:36 · 3133 阅读 · 0 评论 -
留言框
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> #box { width: 300px; height: 200px; ...原创 2019-06-18 11:39:48 · 450 阅读 · 0 评论 -
同意条款按钮禁用
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #box{ /*height: 800px;*/ wi...原创 2019-06-18 11:40:48 · 845 阅读 · 0 评论 -
广告栏
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: 0; margi...原创 2019-06-18 11:43:27 · 114 阅读 · 0 评论 -
worker 理解
一、概述JavaScript为单线程,worker则为JavaScript创建多线程环境。使用场景如:计算文件hash,计算大于1G的文件hash过程是很慢的,但由于要将hash传给后端,所有需要在计算完成以后,再请求后端接口 fast_upload,请求 fast_upload 这个接口也要是同步的,因为若返回false,就需要正常上传文件。所有在同步计算hash,请求接口过程中,会导致页...原创 2019-07-11 17:10:54 · 1089 阅读 · 0 评论 -
ES6
ES6学习总结一、变量声明let和const1、let变量声明没有变量提升(不能在声明变量之前使用,而 var则有变量提升,可以在声明之前使用)不能重复声明,否则会报错(var则会覆盖)需要在块级作用域种声明,并且只在所在块级作用域生效(一对大括号{ }就是一个块级作用域)2、const声明一个只读变量(声明的值无法修改,因此不能只声明不赋值)没有变量提升(不能在声明变量之...原创 2019-07-16 17:47:42 · 66 阅读 · 0 评论 -
前端生成带有logo的二维码并保存
一、将生成的二维码与logo图标合并并保存二维码需求:1、前端自己生成带有logo的二维码并保存二维码2、logo是图片思路:1、引用生成二维码的库(此处使用的是node-qrcodel,该库是目前我找到仍然在维护,且GitHub上星比较多的,但是生成的二维码不带logo,需要自己把logo加进去),插件链接2、使用node-qrcode生成不带logo的二维码3、将 logo...原创 2019-08-20 11:34:47 · 3559 阅读 · 0 评论 -
vue 小知识
vue使用总结1、组件重新渲染使用总结1、组件重新渲染key 属性可以使组件重新渲染,写法如::key="baseStepKey",当baseStepKey每次变化时,组件都会重新渲染。<BaseSteps :active="steps.active" :key="baseStepKey"></BaseSteps >//常用 baseStepKey++ 使ke...原创 2019-08-15 16:36:24 · 92 阅读 · 0 评论 -
好用的插件
好用的插件一、加密1、CryptoJS 链接:github地址、官网地址二、图表1、eacharts 链接 官网地址原创 2019-08-27 10:59:57 · 155 阅读 · 0 评论 -
Ajax 请求中出现OPTIONS(Request Method: OPTIONS)
背景做上传文件功能时,在请求上传文件接口之前,会发送一个options的请求。原因ajax 请求遵循同源策略(协议、域名、端口必须一致),若突破该限制,会产生跨域行为,设置Access-Control-Allow-Origin: *,可允许客户端跨域访问。除上述情况外,还有一种请求叫做Preflighted Request(带预检的跨域请求)。Preflighted Request在...翻译 2019-09-03 10:15:49 · 50770 阅读 · 2 评论 -
禁止表单自动填充
禁止浏览器表单自动填充普通文本框添加 autocomplete=“off”,密码输入框添加 autocomplete=“new-password”。<input type="text" autocomplete="off" name="userName"/><input type="password" autocomplete="new-password" name="p...原创 2019-09-16 10:52:40 · 669 阅读 · 0 评论 -
扫码登录
扫码登录流程(逻辑)web端:1、web端生成二维码(二维码内容:XXX:协议:域名:端口?t=token&e=expireTime,如:qiao:http://192.168.0.1:8000?t=XXXX-XXXX-XXXX&e=1346748)2、轮询查询token的状态(’qrtoken/status/get‘),判断移动端是否扫码确认登录或者拒绝登录(token...原创 2019-09-25 15:44:43 · 263 阅读 · 0 评论 -
jquery获取当前页面的URL信息
设置或获取对象指定的文件名或路径。window.location.pathname例:http://localhost:8086/topic/index?topicId=361alert(window.location.pathname); 则输出:/topic/index设置或获取整个 URL 为字符串。window.location.href例:http://localhost:8...转载 2019-06-18 11:33:59 · 1645 阅读 · 4 评论