- 博客(24)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 什么是跨域 ？ 遇到跨域问题怎么解决？
跨域 ：是“浏览器”对axios做出的同源策略的限制同源：网页在浏览器打开时所在的地址栏 协议 域名 端口 和内嵌的axios 请求的url的协议 域名 端口 必须是一致的 有一个对不上就跨域了 注意：服务器和服务器之间的请求是没有跨域限制的如果解决跨域:方式1：JSONP注意：jsonp 和 json没有关系，json是一种数据序列化的技术jsonp是解决跨域的技术使用：script标签的src属性，来发送请求 而不受跨域的限制，请求后让后台返回一个函数调用字符...
2022-02-22 00:39:16
587
原创 vue中 $router 和 $route 属性的区别
在vue中经常分不清$router 和 $route 的区别this.$route：当前激活的路由的信息对象。每个对象都是局部的，可以获取当前路由的 path, name, params, query 等属性。this.$router：全局的 router 实例。通过 vue 根实例中注入 router 实例，然后再注入到每个子组件，从而让整个应用都有路由功能。其中包含了很多属性和对象（比如 history 对象），任何页面也都可以调用其 push(), replace(), go() 等方法
2022-02-20 15:28:33
401
原创 BFC盒模型触发条件、布局和使用场景
BFC 的触发条件：html根元素 <html> float 不为 none 绝对定位元素 也就是 position 为 absolute 和 fixed 行内快元素 display 为 inline-block display 为 table-cell inline-block flex inline-flex grid inline-grid table-caption(表格标题) overflow 不为 visibleBFC 的规则内部的Box会在垂直方向，一个接一
2022-02-08 21:58:30
190
原创 CSS3 animation-timing-function 属性及详解
linear 动画从头到尾的速度是相同的。 ease 默认。动画以低速开始，然后加快，在结束前变慢。 ease-in 动画以低速开始。 ease-out 动画以低速结束。 ease-in-out 动画以低速开始和结束。 steps(int,start|end) 指定了时间函数中的间隔数量（步长）。有两个参数，第一个参数指定函数的间隔数，该参数是一个正整数（大于 0）。 第二个参数是可选的，表示动画是从时间
2022-02-08 21:52:46
2923
原创 CSS选择器、属性继承、优先级 以及CSS3新增伪类、新特性
CSS 选择符：1) id选择器(# myid)2) 类选择器(.myclassname)3) 标签选择器(div, h1, p)4) 相邻选择器(h1 + p)5) 子选择器(ul > li)6) 后代选择器(li a)7) 通配符选择器( * )8) 属性选择器(a[rel = "external"])9) 伪类选择器(a: hover, li:nth-child)...
2022-02-08 20:18:36
97
原创 javascript里裁切图片插件库
第三方库 cropperjs适用于JS、Vue、Jquery安装npm install cropperjs按照格式要求配置如下<!-- Wrap the image or canvas element with a block element (container) --><div> <img id="image" src="picture.jpg"></div>CSS如下配置/* Ensure the size ...
2022-01-22 19:05:18
729
原创 axios 拦截器
官网：GitHub - axios/axios: Promise based HTTP client for the browser and node.js请求拦截器// Add a request interceptoraxios.interceptors.request.use(function (config) { // Do something before request is sent return config; }, function (error) {
2022-01-07 15:57:47
398
原创 To install it, you can run: npm install --save @/api如何解决
To install it, you can run: npm install --save @/api
2021-12-30 04:49:53
4440
10
原创 npm怎样解决下包速度慢
1.切换npm 下包镜像源 就是下包的服务器地址1.检查当前的下包镜像源npm config get registry2.将下包的镜像源切换为淘宝镜像源npm config set registry = https://registry.npm.taobao.org/3.检查镜像源是否下载成功npm config get registry2.安装nrm这个小工具，利用nrm提供的终端命令，可以快速查看和切换下包的镜像源1.通过npm包管理器，将nrm安装为全局可用工具np
2021-12-02 00:09:48
443
原创 github里生成和配置SSH key
生成SSH key打开GitBash 粘贴如下命令，并将email地址更换为注册github帐号的邮箱$ ssh-keygen -t rsa -b 4096 -C "***@163.com" 3. 连续敲击3次回车，即可在C:\Users\Administrator\.ssh目录中生成id_rsa id_rsa.pub配置SSH key使用记事本打开id_rsa.pub文件，复制里面的文本内容 在浏览器中登陆Github，点击头像——Settings——SSH ...
2021-11-28 18:54:08
552
原创 JS文件动态上传进度条
html文件 用的bootcss样式 要上传bootcss样式和<input type="file" id="file1"> <button id="btn">上传文件</button> <br> <div class="progress" style="width: 500px; margin: 15px 10px;"> <div class="progress-bar progress-b..
2021-11-27 12:16:42
643
原创 JavaScript 利用递归函数求序列
递归 一个函数在内部可以调用其本身return 递归里必须加退出条件利用递归函数求序列 1 1 2 3 5 8 ....用户输入一个数字n就可以求出这个序列值function fn(n) { if (n === 1 || n === 2) { return 1; } return fn(n - 1) + fn(n - 2); } fn();...
2021-11-20 13:17:57
761
原创 js 递归函数案例
1递归 一个函数在内部可以调用其本身return 递归里必须加退出条件 否则成了死循环案例一 利用递归函数求1~n的阶乘 1*2*3...*nfunction fn(n) { if (n === 1) { return 1; } return n * fn(n - 1) } fn()...
2021-11-20 12:54:57
281
原创 利用闭包方式计算打车价格
打车起步价5（3公里内），之后每多一公里增加2块钱，用户输入公里即可计算出价格如果拥堵情况，总价格多收5块钱拥堵费 var car = (function() { var start = 5; var total = 0; return { price: function() { if (n <= 3) {
2021-11-19 23:22:32
471
原创 高级JS 利用闭包方式获取当前索引号
闭包 指有权访问另一个函数作用域中变量的函数原理：利用for循环创建4个立即执行函数 立即执行函数也是小闭包<script> var lis = document.querySelector('ul').querySelectorAll('li'); for (var i = 0; i < lis.length; i++) { (function(i) { lis[i].onclick = func
2021-11-19 21:01:08
736
原创 JS 数组原型对象 扩展内置求和方法
扩展原型内置对象求和<script> Array.prototype.sum = function() { var sum = 0; for (var i = 0; i < this.length; i++) { sum += this[i]; } return sum; }; var arr = [4
2021-11-18 15:44:18
745
原创 JS 双击禁止选定文字
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
2021-11-17 22:31:19
339
原创 JS 获取标签属性值的方法
1.取值方法一自定义属性必须用getAttribute()方法 var iframeSrcAttr = document.getElementById("importJsp").getAttribute("src"); 获取得到的值是：test.html方法二 var iframeSrcAttr = document.getElementById("importJsp").src; 获取得到的值是：http://127.0.0.1:8020/demo/test...
2021-11-16 12:18:49
12224
原创 超好用的jQuery插件
方便快速高效的工作 特搜集几款超好用的jQuery插件1.jQuery的轮播图插件slick2.必不可少的jQuery的懒加载插件lazyload3.fullpage全屏滚动插件，主要用来制作手机或PC端全屏滚动的页面4.jQuery日期选择器插件datepicker ，让用户不同浏览器可以显示一致选择日期jQuery 的表单校验插件validate，验证用户在表单中输入的内容下载：把插件下载到本地 导入：先导入jQuery，再导入插件，导入css（需要的话） .
2021-11-13 11:45:52
1038
原创 JS轮播图代码解析
html轮播图代码解析<body> <div class="box"> <a href="javascript:;" class="btn-l"></a> <a href="javascript:;" class="btn-r"></a> <ul> <li> <a href="#">
2021-11-08 22:24:32
1396
原创 js商品图片放大镜制作代码解析
解析步骤鼠标移动到盒子时显示 鼠标移出时隐藏 先得到鼠标在大盒子里的坐标 减去盒子高度的一半鼠标位于中间 mask移动的距离 如果x坐标小于0，那就让他停在等于0的位置 遮挡层移动距离/遮挡层最大移动距离=右面大图片移动距离/大图片最大移动距离就是大图的移动距离 <script> var mask = document.querySelector('.mask'); var bo...
2021-11-07 22:13:57
176
原创 js动画封装代码解析
//obj是动画对象和target移动到的距离functionanmate(obj,target){vartimer=setInterval(function(){if(obj.offsetLeft==target){clearInterval(timer);}obj.style...
2021-11-07 22:01:34
50
原创 JS格式化日期年月日的函数封装
本作品均为原创欢迎各位同僚指点<script> // 格式化日期 年月日 var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1;//返回月份小一月 记得+1 var dates = date.getDate(); var day = date.getDay(); .
2021-11-07 11:33:18
392
原创 JS 获取总的毫秒数的三种方式
<script> // <!-- 获取总的毫秒数(时间戳) 不是当前时间 是从1970年到现在 --> // 1. 两种方法valueOf() 2. getTime() var day = new Date(); console.log(day.valueOf()); // 毫秒数 console.log(day.getTime()); // 毫秒数 // 2.简单写法(最常用的写法.
2021-11-07 11:23:28
5791
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人