- 博客(26)
- 收藏
- 关注
RSS订阅原创 js 浮点数乘法
js浮点数乘法bugbug原因：JavaScript 内部只有一种数字类型Number，也就是说，JavaScript 语言的底层根本没有整数，所有数字都是以IEEE-754标准格式64位浮点数形式储存，1与1.0是相同的。因为有些小数以二进制表示位数是无穷的。JavaScript会把超出53位之后的二进制舍弃，所以涉及小数的比较和运算就会出问题，博主刚刚就到了，计算价格的时候，如下图。111.1*12得到如下解决方法一：这个方法还是有问题的，当111.11 * 7 * 49的时候也会有问题/
2021-08-13 16:20:30
1441
原创 vue 动态组件 & 异步组件
动态组件 & 异步组件vue提供的更方便的方式去完成组件之间的切换----动态组件1、component组件它是vue 内置的一个组件，它提供一个 is 属性用来动态渲染不同的组件2、keep-alive 组件当在这些组件之间切换的时候，如果要保持这些组件的状态，以避免反复重渲染导致的性能问题，vue内置组件keep-alive帮我们解决了这个问题。使用 keep-alive 以后，内部包含的组件将增加 激活 和 失活/冻结 的状态异步组件使用按需加载,加载之后会缓存到本地 <kee
2020-11-18 14:19:02
796
原创 JavaScript中基本数据类型与引用类型
js中的数据类型有以下几种：Number(数字) String(字符串) Object(对象) Boolean(布尔) undefined nullEs6 新增 Symbol1、基本类型：Underfined ,Null, Boolean,Number,String2、引用类型： Object，Array，Date，Function首先了解一个概念：栈内存与堆内存—这是两种不同的内存分配方法一般代码逻辑，简单变量，结构体（基本类型数据）都是放在栈内存中；而对象，以及被装箱的（引用
2020-09-16 10:00:34
1911
转载 常见的浏览器兼容性问题与解决方案
1，浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大碰到频率:100%解决方案：CSS里 *{margin:0;padding:0;}2、块属性标签float后，又有横向的margin情况下，在IE6显示margin比设置的大问题表现：IE6后面的一块被顶到下一行解决方案：在float的标签样式控制中加入display:inline;转化为行内属性备注：横向浮动的div布局
2020-09-15 10:21:44
1364
转载 a标签中href=""的几种跳转方法
众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法，所以就来整理下a标签中href的几种用法。一、Js的几种调用方法（参考总结的）1. a href="javascript:js_method();"这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的h...
2019-11-18 11:42:56
30648
2
原创 NPM的天坑： 解决ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE
NPM的天坑： 解决ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE 各种下载失败各种下载失败,并不是镜像源的问题，哪怕切换淘宝源也无法下载。总之就像断网一般无法下载。无关网络。解决方案，命令行运行：npm config set strict-ssl false...
2019-11-11 14:28:17
1024
原创 Vuex 入门简单理解
Vuex概念理解官网中，Vuex是状态管理模式，将所有组件的状态集中式存储管理，并在相应的规则中发生变化。在我的理解中，组件的状态就是数据，Vuex就是一个集中存储管理所有组件的数据的仓库，当组件需要数据时，从仓库中获取对应数据。如果Vuex是一个仓库，那将整个项目比作超市，每个组件比作超市里不同的货架，货架上要摆放的货物就是状态（数据），货物从仓库获取。整个流程可以这样理解：1、超...
2019-11-05 17:42:35
193
原创 css实现水平垂直居中
1、元素水平居中当然最好使的是： margin: 0 auto;居中不好使的原因：1、元素没有设置宽度，没有宽度怎么居中嘛！2、设置了宽度依然不好使，你设置的是行内元素吧，将行内元素转换为块元素！示例 1：<div class="box"> <div class="content"> 哇！居中了 </div>...
2019-07-18 09:53:59
116
原创 深拷贝与浅拷贝区别
深拷贝浅拷贝区别数据类型分为两种基础类型和引用类型：1、基础类型：像Number、String、Boolean等这种为基本类型2、引用类型：Object和Array1.浅拷贝： 将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用 ； 浅拷贝只是复制了对象的引用地址，两个对象指向同一个内存地址,另一处修改，你当下的对象也会修改。例（Object.assign(...
2019-07-16 21:53:25
174
原创 vue-组件传值
vue组件之间互相传值：父传子，子传父以及平行传值一.父组件向子组件传值父组件—子组件传值:通过在子组件上绑定自定义属性，属性值为父组件需要的传递的数据，子组件对象通过props接收属性名，属性名指代就是父组件数据。源码： <div id="app"> <h2>父子组件传值</h2> <hr /> &l...
2019-07-16 15:29:18
198
原创 redux理解以及核心API
什么是reduxRedux对于JavaScript应用而言是一个可预测状态的容器。换言之，它是一个应用数据流框架，而不是传统的像underscore.js或者AngularJs那样的库或者框架。Redux最主要是用作应用状态的管理。简言之，Redux用一个单独的常量状态树（对象）保存这一整个应用的状态，这个对象不能直接被改变。当一些数据变化了，一个新的对象就会被创建（使用actions和red...
2019-07-06 11:52:13
375
转载 vue-配置移动端自适应
参考资料1.基于vue-cli配置移动端自适应2.vue.js移动端配置flexible.js源头前期弄好了vue的大概，要开始写静态页面，按照正常流程，我需要些css，html，但是大家都知道，移动端页面和电脑端不一样，需要适配，打算直接引用flexible.js，但是实际上我还不知道怎么引用。所以百度出了上述的参考资料，达到我的目的。步骤第一，配置 flexible安装lib-f...
2019-06-25 17:23:36
1994
原创 vue-判断用户是否登录
在项目中，最基本的登录都是必须的，结合Vue的路由，涉及最多的就是登录状态的判断。（1）判断登录方案需要满足下面几点:未登录状态下的刷新:在需要登录页面中刷新是需要跳转到登录页的;在不需要登录的页面中刷新,不需要跳转;（2）在未登录状态下,跳转到需要登录页面时,会直接跳转到登录页;一、先在路由文件里修改--------router / index.js 路由中加校验直接在路由配置...
2019-06-25 17:09:43
19177
3
原创 vue路由传参
vue路由传参//路由上配置要传递参数<router-link :to="{name:'about',params:{id:item.id}}">点击跳转到B页面</router-link>vue传参方法一1.路由定义配置{ path: "/about/:id", name: "about", component: About...
2019-06-21 21:50:53
220
原创 vant-ui中AddressEdit地址编辑和van-area使用
1.配置 :area-list=“areaList”，以初始化全部省市区的数据，其中area.js文件在官方可以下载，放于assets/js/area.js这是结合vant-ui弹出层一起用的，用弹出层包裹省市区选择的组件，然后根据需要，参照官方文档，进行相关配置，默认底部弹出。重要的是，官方没有说明具体怎么使用，所以在这里，用一个自定义属性 @confirm获取数据接收省市区的json数据...
2019-06-19 15:49:30
18901
7
原创 Node.JS连接MongoDB ，发起ajax请求
1/引入mongodb依赖在项目中2/创建数据库连接服务mongodb.Server()3/数据库连接Var db=mongodb.Db()4/测试链接db.open()源码如下：const mongodb = require("mongodb");const express = require("express");const app = express();//创建数据...
2019-06-04 21:30:45
1592
1
原创 node.js搭建服务器
搭建第一个服务器创建server.jsNodejs-api url操作：–require(‘url’)url.parse(urlString)查询url信息url.format(urlObject)将信息解析成正常的url地址Query Stringquerystring模块用于实现URL参数字符串与参数对象的互相转换，示例如下。require(‘querystring’...
2019-05-31 21:05:13
307
原创 node.js（1）环境安装
我们的目的是搭建一个静态资源服务器，当访问一个到资源文件或目录时，我们希望可以得到它。这时就需要使用 Node 内置的 fs 模块读取静态资源文件，使用 fs.stat()读取文件状态信息，通过回调中的状态stats.isFile()判断文件还是目录，并使用fs.readdir()读取目录中的文件名// server/route.js const fs = require('fs')...
2019-05-31 20:43:11
125
原创 正则表达式册
表达式字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\”匹配“\”而“(”则匹配“(”。^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。$匹配输入字符串的结束位置。如果设置了RegEx...
2019-05-25 09:06:49
121
原创 JS实现继承的方法
继承 就是 类与类之间的关系 基类 父类 子类创建对象（实例）的几种方式 ：字面量 工厂函数 构造函数 原型对象 组合创建 classcall继承function Person(name, age) { this.name = name; this.age = age; this.sayHello = function() { console.lo...
2019-05-18 20:44:52
149
原创 jquery常用方法-02
过滤元素：注意过滤的结果仍是伪数组！eq(index|-index)：获取第N个元素。这个元素的位置是从0算起，如果是负数，则从集合中的最后一个元素开始倒数。first()：获取第一个元素。last()：获取最后一个元素。例：$('li').eq(0).css({background:'red'});$('li').first().css({background:'red'});$...
2019-05-18 09:30:55
164
原创 jquery常用方法-01（待续）
什么是jQueryjQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery，顾名思义，也就是JavaScript和查询（Query），jQuery是免费、开源的。它可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。JQ选择器jq选择器是jq最核心的内容，大大简化的了dom对象的查询，css1...
2019-05-16 14:51:54
210
原创 localStorage（本地储存）
在HTML5中，加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。它只能存储字符串格式的数据，所以最好在每次存储时把数据转换成json格式，取出的时候再转换回来。loca...
2019-05-11 10:03:31
78058
8
原创 区别offsetLeft与style.left
offsetLeft 获取的是相对于父对象的左边距left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offsetLeft是相同的，区别在于：style.left 返回的是字...
2019-04-08 11:55:28
140
原创 常用的JS中的输出方式
如需从 JavaScript 访问某个 HTML 元素，可以通过不同的方式来输出数据 例：1、alert(“要输出的内容”);->在浏览器中弹出一个对话框,然后把要输出的内容展示出来->alert都是把要输出的内容首先转换为字符串然后在输出的2、document.write(“要输出的内容”);->直接的在页面中展示输出的内容3、console.log(“要输出的内容...
2019-03-18 21:11:30
188
原创 Css3D转换和关键帧动画
css3 3D转换CSS 3D转换transform(3D位移、缩放、旋转)让元素方式3d的变换，同2d变换一样，通过transform来设置,向元素应用 2D 或 3D 转换位移：translate3D(x,y,z)缩放：scale3d(x,y,z) scalez()不能单独使用；旋转：rotatex( 沿着X轴旋转 ) rotatey( 沿着y轴旋转 ) ...
2019-03-18 18:11:23
486
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人