前端
关注
分享
扫一扫
Katzelala
正在蜗行的小咸鱼
展开
-
JS函数声明和函数表达式
函数表达式var f = function () { console.log("var");}函数声明function f() { console.log("function");}JS会把变量声明提前。执行代码之前会先读取函数声明。意味着可以把函数声明放在调用它的语句后面。参考：https://www.cnblogs.com/f6056/p/11764194.html...原创 2020-09-15 21:49:03 · 195 阅读 · 0 评论 -
JS 0.1+0.2!=0.3 精度丢失问题
参考以下，写得蛮清楚。https://www.jianshu.com/p/90ce596f131c简单说就是小数加法也要转换成二进制再加，而有的小数转换成二进制之后变成了无限循环的情况，而对于IEEE754标准来说，浮点数值位数有限制，超出位数限制的部分就被截断，截断之后必然导致精度丢失。所以这个问题一般都是出现在转换成二进制会变成无限循环的数身上。比如0.1——0.0 0011 0011 0011 0011……0.2——0.0011 0011 0011 0011……...原创 2020-09-10 11:27:05 · 450 阅读 · 0 评论 -
JSON对象
JSON对象有两种形式，一种数组，一种对象。数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组对象式：存储一个对象，花括号包围，存储是对象的单个属性键值对<body><p> Name: <span id="jname"></span><br /> </p></body><script type="text/javascript">var JSONObject= .原创 2020-08-10 16:35:10 · 208 阅读 · 0 评论 -
百度地图API使用教程
第一步申请百度账号和AK进入百度地图开放平台-控制台-创建应用应用名称可以随便取一个，只要符合命名规范进行应用类型根据自己的项目类型进行选择白名单由于是自己本地测试，所以只填*就可以应用内容填写好后进行提交第二步获得创建项目的AK第三步将JavaScript文件引用到自己的项目中<script type="text/javascript" src="您的密钥"></script>这里的密钥是第二步的Ak第四步创建地图容器<...转载 2020-07-31 18:05:18 · 3996 阅读 · 0 评论 -
百度地图API使用demo
示例一：API地址：http://developer.baidu.com/map/jsdemo.htm#a1_2<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no转载 2020-07-31 16:55:39 · 361 阅读 · 0 评论 -
css导入icomoon图标变成方块问题
出现的问题是，导入的图标全部变成了小方块。这种情况表示你的icon导入失败了。以下是解决我们在使用字体的时候是按照以下步骤的1 打开网站寻找需要的图标https://icomoon.io/app/#/select2 下载图标文件，并且解压3 把fonts和style.css移到你的工程文件夹下。fonts是一个单独的文件夹，而style.css就和其他css文件放在一起。问题就出在了文件夹这里，默认的style.css是这样写的@font-face {原创 2020-07-29 22:26:24 · 2543 阅读 · 6 评论 -
在p标签里面不能嵌套ul、div等块级元素
在p标签里面不能嵌套ul、div等块级元素在p标签里面不能嵌套ul、div等块级元素显示结果为：在ul元素的前后都加上了兄弟元素p不可自由嵌套的元素就是里面只能放内联元素的有：标题标记的<h1~6>、<caption>；段落标记的<p>；分隔线<hr>一个特别的元素(它只存在于列表元素的子一级)。<ul>、<ol>、<dl>、<table>，它们的子一层必须是.转载 2020-07-27 01:27:50 · 1411 阅读 · 0 评论 -
jQuery笔记（二）基本语法和效果
基本语法$(selector).action()美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作选择器选择器可以使用 this、id（#）、class（.）、html元素（如p） 后代选择，如$("ul li:first")，选取ul的第一个li =等于，!=不等于，$("[href$='.jpg']")，替代部分，以.jpg结尾命名冲突var jq=jQuery.noConflict(原创 2020-07-26 01:56:00 · 155 阅读 · 0 评论 -
jQuery animate() 改变颜色
jQuery提供的animate()方法可以实现一些简单的动画效果，但是其核心库不提供颜色动画的效果，如果想实现颜色动画，需要下载相关插件。但是，animate()的参数中有一个complete，通过它可以设置动画完成之后的执行函数，这时可以改变颜色。<script type="text/javascript"> $("#btn").click(function() { $("div").animate({ ...转载 2020-07-26 01:45:48 · 2288 阅读 · 0 评论 -
jQuery笔记（一）下载、导入与使用原则
下载 jQuery共有两个版本的 jQuery 可供下载：一份是精简过的，另一份是未压缩的（供调试或阅读）。这两个版本都可从jQuery.com下载。库的替代Google 和 Microsoft 对 jQuery 的支持都很好。如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。使用 Google 的 CDN<head><script type="text/javas..原创 2020-07-25 22:35:13 · 142 阅读 · 0 评论 -
HTTP中GET与POST的真正区别
GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题，你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案”： GET在浏览器回退时是无害的，而POST会再次提交请求。 ...转载 2020-07-24 14:26:33 · 120 阅读 · 0 评论 -
Error in v-on handler: “TypeError: _vm.addCart is not a function“
代码很简单，就是写了一个函数， 点击按钮后调用不了并且报错具体报错如下：[Vue warn]: Property or method "addCart" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializi原创 2020-07-23 16:35:54 · 10130 阅读 · 11 评论 -
编译成功没有报错但是vue组件无法使用的记录
这里记录几种在没有报错的情况下vue组件无法使用的情况1 不使用驼峰命名法，即不使用大写字母，如果要用大写字母，在调用的时候需要加杠。原因是html不区分大小写。比如下面这个是不行的 Vue.component("myVue", { template: '<div>许愿世界上从此没有bug</div>' });以下纯小写是可以的 Vue.component("myvue", { template: '<div>许原创 2020-07-22 18:54:20 · 1570 阅读 · 0 评论 -
VS code 保存或新建文件没有权限的问题Unable to write file (NoPermissions (FileSystemError): Error: EACCES: permissi
最近每次使用VS code，需要保存或者新建文件的时候都会出现如下提示，Unable to write file (NoPermissions (FileSystemError): Error: EACCES: permission denied……然后每次都需要授权，觉得很麻烦，看了一下其他人的做法，包括：sudo chown -R myuser /path/to/foldermyuser是当前用户名， /path/to/folder是 需要操作的文件夹路径或者sudo .原创 2020-07-22 09:57:12 · 14647 阅读 · 3 评论 -
vue 报错：Elements in iteration expect to have ‘v-bind:key‘ directives
v-for 后添加 :key='item'<li v-for="i in list" :key="i">在build处关闭eslint检测...(config.dev.useEslint ? [createLintingRule()] : []),转载 2020-07-21 01:14:02 · 585 阅读 · 0 评论 -
解决Vs code中vue文件的自动补全问题
1、在插件市场搜索安装HTMLSnippets插件2、点击文件-首选项-设置，然后根据以下截图进行操作3、setting.json中加入以下代码"files.associations":{ "*.vue":"html"},转载 2020-07-20 21:08:03 · 5228 阅读 · 2 评论 -
安装了vue后报错：[‘vue’ 不是内部或外部命令，也不是可运行的程序 或批处理文件]的解决
如果part1 能解决就不要看part2 了part 1vue框架下载后只在下载所属的文件夹路径发挥作用，因此我把它下载在F盘里，但是在E盘使用vue -V就没用。因此出现如上报错的时候，转移到下载的那个文件夹里，shift+右键打开命令行，输入vue -V，应该是可以正确显示版本号的。（如有理解错误望指正）part 2我把npm的下载地址，即prefix路径，npm-global和npm-cache的路径修改过，于是在安装完vue之后，输入vue -V显示了如上报错，原创 2020-07-20 19:09:17 · 957 阅读 · 0 评论 -
gulp每次使用都要重新下载
全局安装gulp是为了可以运行命令行，而项目中得gulp是为了项目脚本依赖。一般命令行工具都会全局安装，项目中用到的类库还是建议跟着项目走，这样每个项目可以使用自己的空间存放依赖列表，而不会造成全局污染和版本冲突。别人拿到你项目的时候，直接npminstall就可以安装所有依赖，并立刻执行了。不同的项目因为开发起至时间节点不同，上线部署的起至时间节点也不同，构建过程依赖的各种模块都有可能变化（版本，接口等），而这些模块自身可能对任务运行器的版本有要求，所以用一个全局来通吃是有风险的。如果确实有...原创 2020-07-18 10:35:40 · 303 阅读 · 0 评论 -
npm修改全局下载和缓存路径
在安装好node.js 和npm包管理工具后。使用npm config ls查看，安装完成后的路径。AppData 是隐藏文件夹， 在控制面板，设置显示隐藏文件，才看得到。为了保留C盘的剩余空间，有必要，把 npm的 global 路径修改到其他盘符下。npm config set cache "D:\Program Files\npm-cache"npm config set prefix "D:\Program Files\npm_global"...转载 2020-07-18 01:44:57 · 1514 阅读 · 0 评论 -
Javascript 报错 Uncaught TypeError: x is not a function 常见错误总结
这是我近期犯的比较傻的一个错误，一定要mark一下。以下代码段是借用父类构造函数来实现继承的一种方法，不过在ES6已经可以使用类了，这个作为了解对阅读以前的代码还是有好处的。代码非常简单，1 定义一个父类构造函数，具有姓名、年龄两个属性。2 利用原型对象定义公用方法sing。（不了解的可以看一下原型链的相关知识）3 定义子类构造函数，并利用call继承父类特性。4 利用父类的新实例对象赋值给子类原型对象，从而获得父类方法。5 定义一个新子类实例对象son2，并使用父类方法si原创 2020-06-24 15:47:28 · 3476 阅读 · 0 评论 -
JavaScript严格模式 use strict中 的不可使用八进制和不可使用转义字符
本文转自知乎"use strict";var x = 010; //不允许这样表示八进制数值文本,应为0o10;（这句不太懂，有理解的朋友可以分享一下）var x = \010; //非引号内只支持'\u'前缀的两种转义字符(\u{7A} \u007A),不支持无前缀和'\x'前缀的转义字符('\z' '\172' '\x7A');x = 3.14; //不允许在未声明标识名的情况下使用标识名var x = 3.14;delete x;//不允许删除以声明方式创建的标识名(变量...转载 2020-06-18 00:38:17 · 1415 阅读 · 2 评论 -
JavaScript的位运算，右移0位的作用
碰到一段代码，代码的功能是将十进制的-5转换成无符号二进制的格式。对将dec右移0位这句不太懂<script>document.getElementById("demo").innerHTML = dec2bin(-5);function dec2bin(dec){ return (dec>>>0).toString(2);}</script>查了一下>>>0 的意思是说，可以将数字转换为二进制无符号整数形式。那首先明原创 2020-06-17 02:02:04 · 2533 阅读 · 2 评论 -
Javascript数值类型转换（Number和string）
关于JS的数值类型转换小记录。逻辑false：转成逻辑会被当成false的比较少，可以单独记一下，其他全都是true：0，-0，" "（这是一个空值），null，false，NaN，undefined。数值NaN：转为数值会被当成NaN的主要是一些内容不是单个数字的字符串，以及函数和无定义的值。NaN，"字符串"，[字符串1,字符串2]，["字符串"]，["字符串1","字符串2"]，function(){}，{}，undefined...原创 2020-06-16 17:26:18 · 455 阅读 · 0 评论 -
理解 JavaScript 的sort()方法底层实现与“比值函数”意义
sort() 方法用于对数组的元素进行排序。默认升序。使用时，在原数组上进行排序，不生成新的数组。字符串排序举例var arr = ["George","John","Thomas","James","Adrew","Martin"]document.write(arr.sort())输出Adrew,George,James,John,Martin,Thomas注意这里默认排序顺序是根据字符串UniCode码。那么对于数值数组，按首字母排序就会出现问题，比如：var a原创 2020-06-14 17:22:32 · 1199 阅读 · 0 评论 -
JavaScript .concat方法注意事项
concat() 方法用于将两个数组拼接。举例var arr1 = ["Cecilie", "Lone"];var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]); 容易栽到的点是，concat的方法是返回一个新的数组，而不会改变原数组。因此使用了之后一定要用一个变量把concat的结果存起来。比如我写的时候就下意识的犯错，下面是一段反面教材，我希望通过点击按键，展示出数组拼接的结果：<!DOCTYPE html原创 2020-06-14 15:43:03 · 456 阅读 · 0 评论 -
JavaScript杂记
依旧是边看边写JS的数据类型中的“对象”和python中的字典是一样的。都是键值对的形式。键名即为对象属性名。数组的数据类型也是对象。JS的位运算符处理的是32位数。JS的变量命名使用以小写开头的驼峰命名法。如 carName，与其他语言的大写开头驼峰有所不同。JS是大小写敏感的。JS的数值类型只有一种。不像C++需要考虑浮点型和整型。任何变量均可通过设置值为undefined进行清空。其类型也将是undefined。空值与undefined不是一回事。空的...原创 2020-06-09 10:31:49 · 188 阅读 · 0 评论 -
JavaScript中运算符优先级
转载 2020-06-08 22:46:07 · 247 阅读 · 0 评论 -
CSS3杂记
一边看一边写吧，都是一些前后不搭的杂记写代码的时候要考虑版本兼容性，所以字体、指令等一些不同浏览器不兼容的程序段往往要写两套，哪个能运行就运行哪个。原创 2020-06-07 15:49:23 · 159 阅读 · 0 评论 -
CSS伪类的含义
伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。参考：https://www.cnblogs.com/qianguyihao/p/8280814.html...转载 2020-06-07 00:21:53 · 537 阅读 · 0 评论 -
CSS行框和行内框的区别
行内框的高度=文字高度+行间距，而 行框高度= 最高的行内框顶部-最低行内框底部存在最高和最低的区分是因为同一行内可能有大小不同的字体，上下位置不同的字体，因此存在不同的行内框高度。从大的层面理解，行内框针对个体，行框针对一个整体。如下图，box所在的框，是整行的最高点和最低点，行框由它撑起来。所以行框=box的行内框。其他小框就是各个文字自己的行内框了。...原创 2020-06-06 12:16:38 · 580 阅读 · 0 评论 -
CSS white-space属性： normal， pre， pre-line， pre-wrap 和nowrap的区别
pre保留空格，但不会自动换行，遇到换行符会换行。10pre-line多个空格合并成一个，会自动换行。01pre-wrap完全保留原样，保留空格，且会自动换行。11nowrap合并空格，不会自动换行，遇到换行符会换行。00...原创 2020-05-31 20:52:57 · 2471 阅读 · 4 评论