![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
菜鸡日记
肥喵蒙太奇
这个作者很懒,什么都没留下…
展开
-
连续箭头函数
1原创 2022-10-27 19:35:48 · 220 阅读 · 1 评论 -
机器数、真值、原码、反码、补码概念
机器数、真值、原码、反码、补码概念原创 2022-02-22 14:27:03 · 5787 阅读 · 0 评论 -
TypeScript 学习笔记 (2小时极速入门 TypeScript)
‘## 大纲理论基础——开发环境——编译原理——工作流程——相关工具基础类型学习数字、布尔、字符串、数组、元组、联合、枚举、any、unknow、void、undefined、never面向对象泛型、class、interface、module、nameSpace(命名空间)、元编程meta-programming(装饰器)了解TypeScript 工作流安装typescriptnpm install -g typescript检测typescript是否安装tsc -v使用原创 2021-12-21 16:57:57 · 656 阅读 · 0 评论 -
百度地图JavaScript API自定义控件使用记录
某页面中使用了百度地图,需要将自有的城市列表控件嵌套进一个自定义控件中var cityCtrl = new BMapGL.CityListControl();// 单独使用var map = new BMapGL.Map("allmap"); // 创建Map实例map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别map.enableScrollWheelZoom(true);原创 2021-12-09 16:13:48 · 998 阅读 · 0 评论 -
动态设置上下容器高度(jquery)
最近做项目遇到一个需求,需要上下表格可以动态调节大小。效果如下:结构为wrapper为父容器common-tabbed-content是子容器,dividingLine为分割线html 结构<div id="wrapper"> <div class="common-tabbed-content" id="payGridArea"></div> <div id="dividingLine"></div> <div id="div原创 2021-01-14 17:48:22 · 460 阅读 · 0 评论 -
jquery 根据分辨率初始化按钮区域
initButtons = function(btnlist,btnAreaId){ try{ /** 获取按钮区域宽度*/ var boxWidth = document.querySelector("#btnAreaId").offsetLeft if ( btnlist.length > 0 ) { /** 遍历按钮列表*/ for ( var i = 0,len = btnlist.length; i < len; i+原创 2020-11-26 11:00:27 · 122 阅读 · 0 评论 -
http 记录
ajax中 get请求传递参数 有个参数中包含了空格,将参数对象传入data中后,浏览器默认将空格转为+号,需要将该参数使用encodeURI() 转换原创 2020-10-30 16:59:13 · 117 阅读 · 0 评论 -
http请求记录
Query String Parametershttp头部包含的参数,后台使用query string parameter 形式接收。get请求没有请求体。Request Payloadpost请求参数。请求头Content-Type为application/json或multipart/form-data ,Form Data原创 2020-10-30 16:56:32 · 213 阅读 · 0 评论 -
jquery一些问题记录
ajaxdata中传递参数,直接传对象,会放在form data中,不管设置的contentType是不是json,放json字符串才会放到request payloadvar tempParams = {aaa: 888}$.ajax({ url: '/url' type: "POST", dataType: "json", async: false, data: JSON.stringify(tempOptions), success: functio原创 2020-10-15 20:40:52 · 91 阅读 · 0 评论 -
ant-design-vue 问题记录
getContainer 没有生效原创 2020-10-10 16:56:39 · 344 阅读 · 0 评论 -
vue watch监听属性
基本用法watch:{ data(newVal, oldVal) { // 操作 }}高级用法watch:{ data:{ handler(newVal, oldVal){ // 操作 }, immediate: true, // 默认首次不会触发,设置为true首次可触发 deep:true // 深度监听 }}...原创 2020-10-08 21:45:27 · 104 阅读 · 0 评论 -
前端下载(jquery 踩坑记录)
最近在做一个功能,是调用一个后台接口实现excel表格下载的功能。后端返回的是一个arrayBuffer,前端采用的是jquery ajax。下载方式:<a href="下载地址" download="文件名.后缀">下载</a>前端请求接口,后端返回网络地址,前端使用浏览器打开即可实现下载。window.open(后端返回的地址)前端请求回的地址,动态生成a标签下载。后端返回的是一个文件(arrayBuffer)前端本地读取excel 1readAsArray原创 2020-08-26 11:06:09 · 262 阅读 · 0 评论 -
ECMAScript常用整理
ECMAScript 2019 (ES10)Array.prototype.flat()Array.prototype.flatMap()重写toString()方法可选的捕获Array.prototype.flat()用于数组扁平化,递归地将数组展平到我们指定的深度。如果未指定depth参数,则默认值为1。var newArray = arr.flat([depth]);depth 选择性,指定巢状阵列展开的深度。预设为1。var arr1 = [1, 2, [3, 4]];ar原创 2020-08-02 13:38:35 · 149 阅读 · 0 评论 -
vue 中使用window.location不能跳转(待补充)
项目中因为有个地方需要跳转第三方页面,所以使用了window.location.href 进行跳转,出现问题:可以跳转至https页面不可以跳转至http页面解决方法:http页面尾部加了个 /原因: 待补充原创 2020-07-31 16:04:18 · 4952 阅读 · 0 评论 -
前端排序算法整理
冒泡排序选择排序冒泡排序冒泡排序冒泡排序冒泡排序冒泡排序比较相邻的元素。如果第一个比第二个大,就交换他们两个。对每一对相邻元素做同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。针对所有的元素重复以上的步骤,除了最后一个。 持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。function bubbleSort(arr) { for(let i = 0; i < arr.length - 1; i++) { .原创 2020-07-28 16:11:43 · 125 阅读 · 0 评论 -
js易错题
第一题:考点:map 和 parseIntvar arr = ['10','20','10','10']var newArr = arr.map(parseInt)console.log(newArr)// [10, NaN, 2, 3]parseIntparseInt(str, [radix])string 必需。要被解析的字符串。radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。如果省略该参数或其值为 0,则数字将以 10 为基础来解析。parseInt(1原创 2020-07-20 21:34:26 · 134 阅读 · 0 评论 -
一些前端概念整理
防抖节流重排重绘防抖节流重排重绘原创 2020-07-17 15:28:01 · 186 阅读 · 0 评论 -
js 原型、继承整理
JavaScript 常被描述为一种基于原型的语言 (prototype-basedanguage)——每个对象拥有一个原型对象,对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型,并从中继承方法和属性,一层一层、以此类推。这种关系常被称为原型链 (prototype chain),它解释了为何一个对象会拥有定义在其他对象中的属性和方法。准确地说,这些属性和方法定义在Object的构造器函数(constructorfunctions)之上的prototype属性上,而非对象实例本身。通过.原创 2020-07-04 22:41:38 · 176 阅读 · 0 评论 -
js中this问题
function fn(name){ this.name = name; }var a = new fn('123'); console.log(a.name); // yyy//this碰到return时function fn(name){ this.name = name; return {}; // undefined // return function(){}; // // return undefined; // yyy原创 2020-06-30 22:42:58 · 88 阅读 · 0 评论 -
前端跨域通信整理
同源策略限制从一个源加载的文档或者脚本与来自另一个源的资源进行交互。同源策略是一种用于隔离恶意文件的安全机制。所谓的同源,指的是协议,域名,端口相同。跨域通信的几种方式:JSONPWebSocketCORSHashPostMessageJSONP原理通过script标签异步加载实现。如使用script标签引入外部文件。JSONP只支持GET请求。实现例一<script src="http://www.test.com/?data=data&callback=m原创 2020-06-29 22:46:11 · 242 阅读 · 0 评论 -
js浏览器事件循环机制
宏任务(macro-task)、微任务(micro-task)JavaScript 单线程中的任务可以细分为宏任务和微任务。宏任务包括:script(整体代码)setTimeoutsetIntervalsetImmediateI/OUI rendering微任务包括:process.nextTickPromisesObject.observeMutationObserverjs执行过程整段代码作为宏任务进入主线程执行。遇到了异步任务,一种进行事件注册,等指定的时间后原创 2020-06-27 19:41:53 · 284 阅读 · 0 评论 -
js for-in for-of for-each
for-infor-in循环主要用于遍历对象格式:for(key in obj){...}循环遍历对象自身和继承的可枚举属性(不含Symbol)某些情况下,随机顺续进行循环function Person(name, age) { this.name = name; this.age = age;}var person = new Person('张三', 15)Person.prototype.nationality = "English";for(var i in原创 2020-06-22 22:08:35 · 295 阅读 · 0 评论 -
http记录
HTTP三点注意事项:HTTP是无连接:无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求,并收到客户的应答后,即断开连接。采用这种方式可以节省传输时间。HTTP是媒体独立的这意味着,只要客户端和服务器知道如何处理的数据内容,任何类型的数据都可以通过HTTP发送。客户端以及服务器指定使用适合的MIME-type内容类型。HTTP是无状态:HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息,则它必须重传,这样可能导致每次连接传送的数原创 2020-06-04 15:54:46 · 226 阅读 · 0 评论 -
本地搭建git服务器记录
下载安装javajdk下载安装Gitblithttp://gitblit.github.io/gitblit/解压缩下载的压缩包即可List item原创 2020-04-10 16:03:05 · 298 阅读 · 0 评论 -
vue 循环展示中字段转义,一个字段对应转义超过两个,计算属性传参
vue中列表循环,其中某字段需要转意。【未解决】为什么switch不生效<template> <div> <div class="reportItem" v-for="item in data" v-bind:key="item.IDNo"> <ul> <li class="item row_le...原创 2020-03-23 10:20:51 · 1272 阅读 · 0 评论 -
git 问题记录
最近使用git提交代码的时候,出现了两种错误情况,在此记录。提交、拉取的时候需要输入用户名密码,但是连续输错几次后就没有了输入用户名密码的弹窗。解决:找到控制面板,查看选大图标或小图标,使其可显示全部内容,找到凭据管理器,找到对应的凭据,删除记录即可。明明使用git config user.name 和 git config user.email 配置了自己的用户名和密码,但是推送...原创 2020-03-12 14:35:31 · 148 阅读 · 0 评论 -
vue-cli项目记
取config里地址var backUrl = process.env.BASE_API原创 2020-03-08 18:10:47 · 127 阅读 · 0 评论 -
vue中使用v-model绑定单选按钮不能实现选中样式
最近做一个vue项目,用到了单选按钮组<input type="radio" name="sex" value="male" /> Male<input type="radio" name="sex" value="female" /> Female绑定之后为<input type="radio" name="sex" value="male" v-mode...原创 2019-11-03 23:11:21 · 2101 阅读 · 0 评论 -
axure 内联框架中跳转链接
最近在画一个手机端原型原创 2019-05-24 11:40:43 · 7772 阅读 · 0 评论 -
关于js的时间对象
在js中,通过new date()生成的时间对象,时间是我们的本机时间,如果把本机时间调乱,将不能得到正确的值。如果在做商城之类的,需要获取服务器时间,避免出现漏洞。...原创 2019-05-27 09:16:27 · 438 阅读 · 0 评论 -
循环打印数据
<!DOCTYPE html><html> <head> <title></title> <style> ul{margin:0;padding:0;} li{list-style:none;height:50px;} li:nth-child(even){background: #baf} ...原创 2019-05-16 17:07:15 · 415 阅读 · 0 评论 -
table导出excel,某项数据前面的0丢失
table导出表格,table中员工编号是字符串类型,导出后前面的0丢失。比如本身是000100,导出变成了100。解决方法:在table中这里加了一个空格 ;...原创 2019-05-16 09:52:25 · 3221 阅读 · 3 评论 -
axure 实现点击按钮数字增加
想要在axure rp 中做一个小交互,实现点击+数字加1,点击-数字减1原创 2019-05-24 16:29:32 · 9621 阅读 · 2 评论 -
html页面使用SVG图标
阿里巴巴字体图标库下载的图标引用css图标文件,显示到页面的图标是单色的,所以想尝试svg图标文件。官方使用说明:阿里巴巴-帮助中心symbol引用这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合,与上面两种相比具有如下特点:支持多色图标了,不再受单色限制。通过一些技巧,支持像字体那样,通过font...原创 2019-04-23 17:44:17 · 8816 阅读 · 0 评论 -
清空小黑窗内容
CMD清空窗口的命令 cls + 回车Git bash清空窗口的命令 reset + 回车原创 2019-04-09 10:15:43 · 854 阅读 · 0 评论 -
node创建react项目
最近在学习react,在慕课网中看到老师使用 npx create-react-app 项目名 搭建项目 ,有点好奇,就去扩展了一下眼界。网上推荐node 搭建react方法如下:原创 2019-05-29 11:40:22 · 1017 阅读 · 0 评论 -
钉钉 H5微应用中 遇到的关于调用接口的问题(react框架)
最近开发一个钉钉H5微应用,在调用钉钉接口时报错使用:componentDidMount() { dd.biz.navigation.setTitle({ title : "消息详情", onSuccess : function(result) { console.log('success') }, ...原创 2019-06-26 16:44:12 · 2748 阅读 · 1 评论 -
react 一些概念
React Fiber React 16.0 +原创 2019-06-26 16:51:40 · 172 阅读 · 0 评论 -
react-router路由hashHistory传值
1. 引入包import {hashHistory} from 'react-router'2. 跳转传值参数放在query对象里面Search = () => { hashHistory.push({ pathname: '/borrow/searchPage', query: {category: this.state.category}, }); }...原创 2019-07-08 18:29:29 · 5537 阅读 · 0 评论 -
react router简单使用
1.引入路由import {Router, Route, hashHistory} from 'react-router';2.引入组件//引入加载页import Loading from './loading';//场地资源首页import Index from './Component/Index.js';3.使用<Router history={hashHistor...原创 2019-07-08 18:42:52 · 242 阅读 · 0 评论