- 博客(28)
- 收藏
- 关注
RSS订阅
原创 说em是相对父元素字体大小是不正确的
emem是一个相对长度单位，那em长度是由什么来决定的呢（1em=？px），其实，在一个对象中，1em能等于两个不同的px值。看完这篇博客，我想大家就会明白em的本质了。举个综合点的例子（可直接转到结尾总结）：wrap-box是inside-box父元素<div id="wrap-box">外面的 <div id="inside-box">里面的...
2019-08-24 00:21:21
1117
原创 cesium轮询高亮geojson面轮廓，并获取面要素属性
加载geojson的面，轮询面要素，视角切换到轮询的面，并高亮展示与获取当前面要素的属性。
2023-04-17 11:02:08
1083
1
原创 下载MNIST数据集UserWarning: The given NumPy array is not writeable
使用pytroch下载MNIST数据集时出现warning，虽说不是错误就不影响，但也是闲着去百度了一番。直接点击蓝色路径文字，跳到报错代码位置。copy=False删掉就可以了。
2022-08-31 15:26:47
547
原创 函数科里化
函数科里化是函数可以先接收一个参数，返回新函数，新函数接收剩余参数。先写个例子感受下科里化。let add = function(a,b){ //原函数 console.log(a+b)}function curry(a){ return function(b){ console.log(a+b) }}let add1 = curry(1)let add2 = curry(...
2020-05-04 21:18:46
553
原创 js闭包应用
js闭包一直是比较难说明白的，至少博主是一直都没弄明白，直到最近复习js，深入看了看执行上下文（博主写的介绍执行上下文），才慢慢开始理解闭包的含义了。闭包可以说是由于js运行机制而产生的一个特点，是一种现象：内部的函数可以访问到外部函数的作用域。MDN在闭包解释中提到：每当函数被创建，就会在函数生成时生成闭包。我认为这个理解最直接。按照这个理解，我们来测试一下：function a(){...
2020-04-23 17:19:53
166
原创 js执行上下文及从这个角度理解闭包
是什么js引擎在执行代码前会做些准备工作：就是创建对应的执行上下文，它可以理解为代码块执行时的环境，这个环境中包含了代码块要用的变量、函数、this等。js引擎会以栈的方式来处理这些环境：进栈相当于创建代码执行的环境，出栈相当于离开这个环境。这个栈被称为函数调用栈。分类执行上下文可分为三类：全局上下文，代码一开始运行时必定会首先进入该环境函数上下文，当函数被调用时，会创建该函数的...
2020-04-23 00:50:25
254
原创 JS变量对象
经历了春招的摧残后，感觉自己综合知识有所欠缺，之前学的js也不扎实，所以决定戒骄戒躁，从现在起开始每天写点什么，有什么错误还请指出，博主虚心接受。在学习js执行上下文的时候看到的，之前都没听过，所以就去查阅一番，看过后觉得可以加深对js运行机制理解，在此总结记下。什么是变量对象？由执行上下文创建，用来存储执行上下文中定义的变量和函数声明。变量对象不能在JavaScript环境中访问，只有进...
2020-04-21 22:32:08
436
原创 防抖动和节流函数原理和差别
为什么需要当监听的事件被高频率触发时(比如滚动)，绑定的处理函数相应也高频率执行多次，这会大大降低性能。这时就需要设置防抖动或节流防抖动设置一个时间间隔delay，当事件触发后，经过了delay时间，下次的还未触发，才会执行；若事件触发后，delay时间内又触发了一次，就不会执行。直接上代码：function debounce(func, delay) { // 防抖动函数,下次...
2020-03-26 14:16:39
340
原创 一行代码简单解决HTML中\n换行
之前是封装一个工具函数，用正则来匹配，然后替换成<br />，今天找到了个新方法，一句话就行，记下记下。在显示内容的元素标签上加上样式white-space: pre-line;这样\n就能被识别，自动换行。兼容性如下：最低兼容到IE8，令人欣慰。...
2020-03-21 13:25:13
28389
1
原创 简单描述vue事件总线$bus及$on重复触发问题
使用情景非父子组件之间通信时，一层一层传太麻烦，Vuex又有点小题大做，这时就会用到。开始在main.js中创建$bus，这样就能全局使用。Vue.prototype.$bus = new Vue()在组件中（下面就称作组件1）通过$emit分发事件this.$bus.$emit('imgLoad')在另一组件中，（下面就称作组件2）通过$on来监听该组件分发出来的事件。thi...
2020-03-19 14:57:43
4960
1
原创 轻量应用服务器centos部署node环境及测试
说在前面这里用的是阿里云轻量应用服务器系统镜像centos7.31. 远程连接服务器进入阿里云控制，在已开通云产品出找到轻量应用服务器，就可以看到买的服务器，点进去，然后点击左侧导航中的远程连接输入 sudo su root 切换至root账号2. 下载node下载nodejs安装包wget https://nodejs.org/dist/v6.9.5/node-v6.9...
2020-03-18 17:18:10
621
原创 记录vue轮播组件vue-awesome-swiper的使用及简单配置
百度找的适用于 Vue 的轮播组件安装cnpm i vue-awesome-swiper --save引入全局引入在main.js中引入import Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css'Vue.use(VueAw...
2020-03-18 00:12:07
1781
原创 VueCli3，4中src问题
封装tabbar时发现图片显示不出来，检查了下我的图片确实放在assets文件夹下。检查了下绑定的路径写错没tabbar: [ { tabbarImg: "@/assets/img/tabbar/首页.svg", tabbarText: "首页" }, { tabbarImg: "@/assets/img/tabbar/分类.svg", tabbarText: ...
2020-03-16 16:18:15
986
原创 es6新数据结构Set只能对数组中基本数据类型的元素去重
寒假实训听老师讲到的，老师说可能面试题哦。所以去学习了下Set，在此记下。ES6提供的新数据结构 Set ，类似数组，特点是里面所有元素都是唯一的，不重复，因此可以利用这个特性对单一数据去重。Set快速去重var arr = [1,2,2,2,2,3]var arrset = new Set(arr)arr = Array.from(arrset)console.log(arr)结...
2020-02-19 23:35:56
398
原创 创建含变量的正则表达式及test结果不一致问题
做"谁是卧底"游戏小程序时需要一个正则表达式，判断字符串含不含关键字，但是这个关键字是个变量var a = '二叉树'var reg = /a+/;//用字面量创建对象，无论怎么写都会把a当成正则一部分对待解决办法是用构造函数创建正则表达式对象var reg = new RegExp(a + '+','gim')还有一种方法是用eval()函数var reg = eval('/' ...
2020-01-14 20:30:10
610
原创 inline-block之间多余间隔问题
做练习时发现，多个inline-block在刚好大小的父容器中装不下而换行，检查元素发现inline-block之间有间隙。举个简单例子<div> <span style="background-color: red;">1</span> <span style="background-color: blue;"&g...
2019-11-05 11:24:06
518
原创 js鼠标右键点击事件
方法一首先取消右键的系统默认弹窗document.oncontextmenu = function(e){ return false //或者 e.preventDefault()}用onmouseup或者onmousedown代替点击事件onclick事件无法用e.button判断鼠标左右键。document.onmouseup = function(e){ if(e.butt...
2019-10-22 11:03:12
24154
原创 zepto.js
概述zepto是一个轻量级的针对现代高级浏览器(IE10+)的JSDOM库，它与jQuery有类似的API，少了很多兼容性代码。通常用作移动端浏览器上。选择器语法和jQuery一样，但不支持jQuery的自创选择器，如：:odd :even :first: :last :eq() :lt() :gt()css3的选择器是支持的。动画zepto默认不包含动画，需要自己去zepto官网，到...
2019-10-19 16:34:08
228
原创 事件blur与click冲突
练习jQuery，写评论回复的网页时遇到的，问题如下：点击评论后，出现回复按钮，点击按钮后，提交评论。若点其他地方，触发blur事件，回复按钮消失。但是此时无论怎么点回复按钮都不会触发click事件。原因javascript为单线程，同一时间只能执行处理一个事件，而blur事件比click优先，所以先触发了blur事件，但此时按钮已经消失，无法触发它click事件。解决办法方法一...
2019-10-19 01:13:36
549
原创 js数组初始化及清空
数组初始化创建长度为5、初始值为false的数组，代码如下var arr = new Array(5).fill(false) console.log(arr);数组清空arr = []数组长度变为0
2019-10-16 17:04:15
1479
原创 弹性盒子与绝对/固定定位冲突问题
手机端经常会要做固定在顶部或者底部的导航栏，但当弹性盒子跟固定/绝对定位一起使用时，就会发生问题，具体情况如下：<div class="flex-box"> <div class="option">1</div> <div class="option">2</div> <div class="option">3<...
2019-10-09 16:44:19
6419
3
原创 jQuery(笔记)选择器
基本选择器ID选择器：$("#id名")类选择器：$(".类名")标签选择器：$("标签名")层次选择器选择直接子元素：$("父元素 > 元素")选择所有后代子元素：$("父元素 子元素")选择直接兄弟元素：$("元素A + 元素B") 即选择A下面的符合条件的第一个兄弟元素选择所有兄弟元素：$("元素A ~ 元素B") 选择A下面符合条件的所有兄弟元素过滤选择...
2019-09-25 15:16:11
168
原创 node.js入门
终端打开文件cmd输入路径打开当前文件目录，shift+右键终端打开VS Code打开文件，右键终端打开等。。。。。终端运行js定位到js文件 后，输入 node + 空格 + 文件名会得到运行结果。读取文件浏览器中的js是没有文件操作能力的，但是Node中的js具有文件操作能力。必须引入**fs**这个核心模块才能进行文件操作，fs提供了所有文件操作相关的API。使...
2019-09-17 23:36:01
127
原创 解决li超出ul不自动换行问题以及其他的文本自动换行
部分代码如下：（涉及太多东西，我就把主要的拿出来）<li> <a href="#">Tech Partners, Resellers, and Alliances</a> </li>做导航栏时会遇到，li里面a标签的文本内容超过了ul设置的宽度，没有换行。解决办法：1. w...
2019-05-20 19:03:09
7986
原创 后代选择器与子元素选择器的区别
**后代选择器：**选择父元素中所有的某元素，不管层级多深。运用时用空格隔开将两元素隔开。**子元素选择器：**选择父元素的下一级的所有某元素，层级只是子代。运用时用大于号隔开。举个例子：html代码我们创建一个类为list的ul，ul里面有四个子代，两个li和两个ul。 <ul class="list"> <li>我是list的子代 </li>...
2019-04-11 23:44:53
970
转载 BFC的应用总结
BFC的触发条件1.float不为none；2.position不为static或者relative；3.display为inline-block或者是table相关的；4.overflow不为visibl。BFC的使用1.阻止垂直外边距折叠。属于同一个BFC的两个相邻的块级元素的上下margin会发生重叠。将他们分成两个BFC就能消除重叠；2.清除浮动；3.不与浮动元素重叠。...
2019-04-05 15:44:51
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人