- 博客(47)
- 收藏
- 关注
RSS订阅原创 promise 入门学习笔记
1、Promise 是什么 1、异步的问题 按照用途来解释： 1、主要用于异步计算； 2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果； 3、可以在对象之间，传递和操作promise，帮助我们处理队列； 2、异步产生的原因 1、JavaScript为检查表单而生， 2、创造他的首要目标是操作dom; 3...
2021-03-04 14:55:05
208
1
原创 vue-lazyload的使用和理解
npm 文档：https://www.npmjs.com/package/vue-lazyloadVue模块，用于在应用程序中延迟加载图像。该项目的一些目标值得注意：轻巧，功能强大且易于使用 处理任何图像类型 加载图像时添加加载类 同时支持Vue 1.0和Vue 2.0引用步骤： 1、$npmivue-lazyload-S 2、main.js 文件中： import VueLazyload from 'vue-lazyload' Vue.us...
2020-10-30 15:24:42
648
原创 Vue 微信h5支付
是因为权限的问题，商户平台申请h5支付时会填写产品域名，请求后端支付接口时必须与产品域名一样，这样跳转后是在产品域名下请求mwebUrl,如果不是在这个指定的产品域名下还是会出现“商家参数格式有误，请联系商家解决”的问题。...
2020-03-14 17:46:18
302
原创 node+ express+ vue+ vuex实现：登录-状态管理-token生成-token验证
在学习node express 过程中，使用express实现后端服务，vue vuex作为前端，实现前端实现登录功能，后端token生成+token验证。刷新，用户信息依然存在。首先前端登录post数据：后端返回数据如果用户名密码正确，则把token存瑞sessionStrorage。这样，存入临时存储--刷新页面信息仍然保留--窗口关闭数据消失。 submitForm ()...
2019-07-30 16:53:07
1572
1
原创 cros 同源策略
问题出现：Access to XMLHttpRequest at 'http://localhost:3000/admin/users/login' from origin 'http://localhost:8080' has been blocked by CORS policy: Request header field authentication-token is not allow...
2019-07-26 18:53:19
302
原创 回调函数
回调函数js语言包含了大量的异步操作。什么是异步？根源是为了优化表单提交的用户体验，而开发了JavaScript这款包含大量异步操作的脚本语言。在提交表单中异步程序的表现是怎么样的呢？就是当你注册会员的时候，填写了昵称这玩意，然后再填写密码的时候，同时服务器里会检测这个昵称是否已经被注册从而做出一些回应，而不用等你全部信息填写好点击提交才告诉你昵称已经存在。借由异步的这一个特点，可...
2019-07-02 11:15:47
183
转载 js中深拷贝与浅拷贝的区别，实现深拷贝的几种方法
参考整理自：大神‘听风是风’：原文章链接 大神：稀算客：原文链接如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇文章中也会简单阐述到栈堆，基本数据类型与引用数据类型，因为这些概念能更好的让你理解深拷贝与浅拷贝。我们来举...
2019-01-22 18:03:46
281
原创 js 对象动态添加/设置属性名和属性值
访问对象属性一共有两种方法：点获取法和方括号获取法。有一个对象Obj = {"Name":"xiaoming","AGE":"18"}用点访问,Obj.Name ; 用中括号访问,Obj["Name"];我们最常用的就是点获取法了。但是当我们遇到需要给对象动态添加属性和属性值时，点获取法好像就不方便了了，尤其是我们不知道属性名的时候更麻烦。这时候，方括号获取法就派上用场了。定...
2018-12-17 17:44:43
9714
原创 vue elementui steps组件在步骤条中添加自定义样式内容
由于对于vue了解不够深入，导致今天写这个组件浪费了很多时间。后来一个大神同事给我指点了一下。想做成如图所示的样式的步骤条，使用vue elementui的steps组件做。最简单的在组件中插入代码实现样式的方法时行不通的<div style="height: 300px;"> <el-steps direction="vertical" :active="...
2018-11-27 20:12:49
46079
22
原创 vue使用踩过的坑总结一下
1、最常见的就是异步的问题了。两种情况一种是因为http请求响应时间导致异步第二种 子组件父组件之间相互传值时间有延迟2、vue 中dom更新是在js代码执行完成之后。3、 vue中数组和对象赋值问题 实例对象修改原型对象属性值vue A对象赋值给B对象，修改B对象的属性会影响到A对象中属性值。实际在vue中this.A = this.B,没有进行深...
2018-11-22 17:47:22
2210
原创 vue使用clipboard插件点击复制内容出错/复制出错问题
项目使用vue框架，iview的UI框架。在使用echarts做一个大屏的界面时，添加了点击对很长的网元名称进行复制的需求。参考了网上对于clipboard插件的引用。这里是他的github地址：https://github.com/zenorocha/clipboard.js1. 引入clipboard.js 2.在需要使用的组件中import 3. 添加需要复制的内容 4.添...
2018-10-12 16:24:37
7162
原创 浏览器开发者工具基本使用
开发者工具到底有什么用？它的作用在于，帮助开发人员对网页进行布局，比如HTML+CSS，帮助前端工程师更好的调试脚本（JavaScript、jQuery）之类的，还可以使用工具查看网页加载过程，获取网页请求（这个过程也叫做抓包），抓包是非常有意思的过程，而每一个浏览器厂商生产出来的浏览器都会有自己的杀手锏，也就是功能上的差别，那么这个时候你就找一个最适合自己的浏览器使用就可以。一、谷歌浏览...
2018-09-26 15:37:22
869
原创 for.in for..of..
for.in是个神奇的方法https://blog.csdn.net/u013594477/article/details/79608730for of原文：https://www.cnblogs.com/m2maomao/p/7743143.htmlfor..of...创建一个对象来循环可迭代对象，在 ES6 中引入的for...of循环，以替代for...in和...
2018-09-21 17:08:41
505
原创 js 中遍历获取对象属性 /迭代对象
js中遍历获取对象属性和方法主要有Object.keys()、Object.getOwnPropertyNames()、for...in...三种方式1、Object.keys()、1、1、Object.getOwnPropertyNames()、for...in...区别1、1 for in会输出自身以及原型链上可枚举的属性。 for (variable in ob...
2018-09-21 17:06:55
2732
转载 JavaScript等于 == 与 恒等于 === 的区别
JavaScript 是弱类型语言，这就意味着，等于操作符会为了比较两个值而进行强制类型转换。注意0的相等运算，例如："" == "0" // false 0 == "" // true 0 == "0" // true fals...
2018-08-22 19:29:51
1381
原创 JS数组去重的方法总结/题目
1、有一个长度为n-1的数组，包含1-n中不重复的乱序的数，求寻找范围内不在数组中的数，考虑空间占用，性能优化，溢出等情况，至少写两个算法 当n不太大时，可以考虑求和。先算出1~n的所有数的和，然后减去数组中出现的所有自然数的和。时间复杂度为O(n)，空间复杂度O(1)。这种方法的缺点是n不能太大，n比较大时，求和容易溢出。用位图。从头到尾的扫描整个数组，把出现的数相应的位设置为1.然后再...
2018-08-21 19:58:19
448
转载 前端调试学习
一.先来认识一下这些按钮的功能重点内容先来看这张图最上头的一行是一个功能菜单，每一个菜单都有它相应的功能和使用方法，依次从左往右来看1.箭头按钮：用于在页面选择一个元素来审查和查看它的相关信息，当我们在Elements这个按钮页面下点击某个Dom元素时，箭头按钮会变成选择状态2.设备图标：点击它可以切换到不同的终端进行开发模式，移动端和pc端的一个切换，可以选择不同的移动终端设备，...
2018-08-07 14:11:48
3820
原创 vue实现跳转新的标签页
一般单页面应用，例如vue都是通过vue-router来做跳转，不会像多页应用一样另起新页面显示，但是也不排除一些业务上的需要。一般情况下单页面应用的路由跳转我们都是通过简单的一句话搞定：this.$router.push({name: 'abc'})vue router是为单页面应用设计的，不管是push,replace都是在一个tab页面内进行的。所以，没有直接打开一个新页面的...
2018-07-23 19:21:37
4746
2
转载 HTML5和CSS3新特性
转载：点击打开链接HTML51、HTML5新元素 HTML5提供了新元素来创建更好的页面结构。标签 描述<article>定义页面独立的内容区域。<aside>定义页面的侧边栏内容。<bdi>允许您设置一段文本，使其脱离其父元素的文本方向设置。<command>定义命令按钮，比如单选按钮、复选框或按钮<details>用于描述文档或文...
2018-06-07 11:26:04
627
原创 学习CSS盒模型和CSS3弹性盒模型
css盒模型本质是一个盒子，封装周围的html元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content(内容) - 盒子的内容，显示文本和图像。div { ...
2018-05-12 20:55:36
485
原创 typescript学习笔记
特点：微软开发 JavaScript的超集 遵循es6typescript的优势：1、支持es6规范；2、强大的IDE支持（类型检查：typescript里允许为变量指定类型；语法提示；重构，方便的修改变量、方法、文件的名字。）3、angular2框架的开发语言。安装typescript环境compiler就是编译器，把typescript代码转换成JavaScript代码使用在线compil...
2018-04-26 16:51:03
505
原创 在JavaScript中产生随机数，Math.random()方法
https://blog.csdn.net/qq_36868342/article/details/73478112抽空总结
2018-04-25 16:40:36
1713
原创 angular5项目中queryParamsMap报错
appcomponent-html：<a [routerLink]="['/']">主页</a><a [routerLink]="['/product']" [queryParamMap]="{id:1}">商品详情</a><!--通过router对象来导航--><input tyoe=&
2018-04-24 10:33:55
921
原创 bootstrap4中的图标Glyphicons在Angular5项目中应用问题
需要做一个评分小功能，但是发现由于版本变动问题，移除了部分图标字体，给了使用建议。参考博客：点击打开链接从bootstrap3版本中拷贝出fonts文件夹。拷贝到node_modules文件夹下的bootstrap/dist文件夹下。将下面代码复制到node_modules/dist/css/bootstrap.css文件中，注意：代码依赖glyphicons-.eot、glyphicons-.t...
2018-04-19 16:14:07
2411
原创 Angular5花括号报错
想做一个todolist未完成和已完成事件的小功能，结果页面报错。实现事情的简单添加，删除改变状态功能。模板代码：<p> todolist works!</p><p>遗留问题：1、ngfor遍历过滤 2、读取当前显示对象</p><p> *ngFor="let item of alreadylist |fliter:{alrea...
2018-04-11 18:22:28
1351
原创 前端开发面试笔试题学习--jQuery01
1、 JQuery中有几种类型的选择器1.层叠选择器$(“form input”)2.基本过滤选择器:first:last:not()3.内容过滤选择器:odd:eq():animated4.可视化过滤选择器:hidden:visible5.属性过滤选择器：div[id]6.子元素过滤选择器:first-child:last-child:only:child7.表单元素过滤选择器:enabled:...
2018-04-11 16:55:38
240
原创 Angular与AngularJS区别变化
1、angular2.0以后与react和vue的区别命名变化，angular2以后官方命名为angular，而2.0以前版本称为angularjs改变：AngularJS 的特性和优点：angualr中全部被继承并且发扬光大1、模板功能强大丰富：声明式的，自带很多指令使angularJS拥有了强大的数据绑定能力。不需要自己用jQuery操作dom，只需要更改对象。2、比较完善的前端mvc框架3、...
2018-03-15 17:38:23
2552
原创 工作学习angular5笔记
大三上学期，在学校实验室自学的angular1，如今马上毕业了，公司里已经用上了angular5。学起来！！！组件、服务、路由、指令 1、环境搭建和快速建立项目当然，angular5是建立在node6.9版本和npm3.3版本以这两个上的。先全局安装这两个软件吧。1.1、设置开发环境全局安装angular5脚手架。Angular CLI ：npm install -g @angular/c...
2018-03-12 15:19:55
3041
1
原创 词汇学习了解
没听说过的词汇学习了解1、CDNCDN的全称是Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导...
2018-03-07 16:18:38
221
原创 工作使用vue学习
1、创建一个vue实例var vm = new Vue({ // 选项})明白所有的 Vue 组件都是 Vue 实例，并且接受相同的选项对象 (一些根实例特有的选项除外)。2、安装配置vue运行环 安装node.js点击打开链接 基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入： npm install -g cnpm --regis...
2018-03-07 16:08:12
296
原创 前端开发面试笔试题学习--额额
1、 如何对网站的文件和资源进行优化1．文件合并（目的是减少http请求）2．文件压缩 （目的是直接减少文件下载的体积）3.使用cdn托管资源4.使用缓存5.gizp压缩你的js和css文件6.meta标签优化（title,description,keywords）,heading标签的优化,alt优化7.反向链接，网站外链接优化...
2018-02-25 15:36:36
236
原创 writing-mode与direction的用法、区别
转载/参考：http://www.zhangxinxu.com/wordpress/2016/04/css-writing-mode/1、writing-modewriting-mode这个CSS属性，我们是不是很少见到，很少用到！我们往往称不常见的东西为“生僻”，就像是不常见的文字我们叫“生僻字”，因此不常见的CSS属性，我们可以叫做“生僻属性”，writing-mode给我们的感觉就是一个“生...
2018-02-25 12:31:50
3846
1
原创 前端开发面试笔试学习--JavaScript01
1、Js面向对象的几种方式1.对象的字面量 var obj = {}2.创建实例对象 var obj = new Object();3.构造函数模式 function fn(){} , new fn();4.工厂模式：用一个函数，通过传递参数返回对象。function fn(params){var obj =new Object();obj.params = para...
2018-02-24 23:15:09
225
原创 webScokets了解
WebSocket协议参考链接：https://www.zhihu.com/question/20215561/answer/40316953一、WebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）首先HTTP有1.1和1.0之说，也就是所谓的keep-alive，把多个HTTP请求合并为一个，但是Web...
2018-02-24 21:56:13
486
原创 三栏网页自适应布局
参考：点击打开链接左中右三栏宽度自适应于浏览器的方法：绝对定位法，margin负值法以及自身浮动法。首先限定下示例的布局结构：左中右三栏布局，左右两栏宽度固定（要想不固定将宽度值改为百分值即可），中间栏宽度自适应。左右两栏的宽度为200像素。 1、绝对定位法这或许是三种方法里最直观，最容易理解的：左右两栏采用绝对定位，分别固定于页面的左右两侧，中间的主体栏用左右margin值撑开距离。于是实现了...
2018-02-24 15:33:28
1330
原创 前端面试笔试题学习--后延/以后学习01
1、 实现以下方法（与标准一致）Element.prototype .getElementsByclassname element.prototype.getElementsByClassName = function (searchClass, node,tag) { if(document.getElementsByClassName){ var nodes = (node || docu...
2018-02-09 17:37:40
235
原创 apply和call方法
正在找工作，马上要毕业了。在补充js基础方法。参考博客：http://blog.csdn.net/myhahaxiao/article/details/6952321这篇博客主要解决三个问题：1. apply和call的区别在哪里2. 什么情况下用apply,什么情况下用call3. apply的其他巧妙用法（一般在什么情况下可以使用apply）apply...
2018-02-07 22:50:13
294
原创 JavaScript构造函数及其原型对象
转载：http://blog.csdn.net/a153375250/article/details/51083245JS是一种基于对象的语言，对象的概念在JS体系中十分的重要，因此有必要清楚地了解一下JS中对象创建的常用方法及各自的局限性。使用Object或对象字面量创建对象工厂模式创建对象构造函数模式创建对象原型模式创建对象构造与原型混合模式创建对象使用Object或对
2018-02-02 15:40:56
390
1
原创 This学习
转载：http://blog.csdn.net/hsd2012/article/details/51498421this定义：this 代表当前正在执行某个方法的对象，如果没有当前方法（或该方法不属于任何其它对象），则是指全局对象。也就是说，this代表调用该方法对象的引用。全局范围中的this<script type="text/javascript"> ...
2018-01-27 21:29:20
222
原创 数组求和
数组求和的几种方法总结复习：JavaScript中数组有很多种方法，下图能更好的向你阐述JavaScript有多少种方法，作用是什么： 简单点回顾一下前面学习的知识：push():向数组末尾添加一个或多个元素unshift(): 向数组的开头添加一个或多个元素pop(): 删除数组最后一个元素shift(): 删除数组第一个元素sort(): 给数组排序...
2018-01-26 09:42:08
787
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人