- 博客(52)
- 收藏
- 关注
RSS订阅原创 习题集
1、Promiseconst fn = () => (new Promise((resolve, reject) => { console.log(1); resolve('success')}))fn().then(res => { console.log(res)})console.log('start')const fn = () => new Promise((resolve, reject) => { console.log(1)
2021-03-09 23:05:56
209
原创 [调试]AngularJS：request to https://registry.npmjs/xxx failed
跑angularJS项目，刚把项目拉下来1、安装yarn （通过npm来安装yarn）npm install yarn -g报错如下图解决：改用淘宝镜像npm install -g yarn --registry=https://registry.npm.taobao.org再配置下源yarn config set registry https://registry.npm.t...
2020-03-20 09:49:16
1677
原创 [调试bug]JS:getFullYear is not a function
报错，getFullYear is not a function原报错的代码：this.formatFun = function(time) { var year = time.getFullYear(); var month = time.getMonth()+1; var date = time.getDate(); var hour = time.getHours...
2020-03-18 15:38:41
2102
原创 [调试Bug]AngularJS：Uncaught SyntaxError: Invalid shorthand property initializer
报错：如下图原因：javascript语法错误错误代码如下。注意，这里对象的键值对之间是冒号而不是等号，应将等号修改为冒号。虽然是个很小的问题，但是很容易被忽略。 var app = angular.module('myApp',[]); app.controller('myCtrl',function($scope) { $scope.userInfo = {...
2020-03-14 10:24:23
271
原创 [CSS]CSS面试题（三）
1、如何用w3c标准写html代码？使用doctype声明。只要遵循W3C标准来编写HTML，网页将永远能在所有浏览器上显示出来。2、css3如何设置盒子模型为ie盒子模型？使用box-sizing属性。box-sizing: content-box || border-box || inherit;ie盒子模型为border-box，而标准盒子模型是content-box知识点：...
2020-03-06 10:25:07
633
原创 [Sass]Sass基础知识面试题
1、有多少种方法可以使用SASS？您可以使用三种不同的方式使用SASS:作为命令行工具作为一个Ruby模块作为Rack启用框架的插件2、SASS中的嵌套规则是什么？嵌套是不同逻辑结构的组合。 使用SASS，我们可以将多个CSS规则相互组合。 如果使用多个选择器，则可以在另一个选择器中使用一个选择器来创建复合选择器。3、如何在SASS中引用父选择器？使用＆字符选择父级选择器。 它告诉...
2020-03-05 21:47:07
2564
原创 [CSS]三栏布局的实现方法
三列布局又分为两种，两列定宽一列自适应，以及两侧定宽中间自适应。以下是两列定宽一列自适应的解决方案假设：两列定宽宽度都为200px，第三列为宽度自适应，三列中间有一定间隔。方法一：使用float+margin：第一个div和第二个div的宽度200px（定宽）；给第一个和第二个div设置float：left；第一个div添加属性margin-right：10px；第二个div不需要添加...
2020-03-05 21:18:17
308
原创 [CSS]实现单行多行文本溢出显示省略号
1、实现单行文本溢出代码：<style> div{ border:1px solid black; width:300px; height:60px; overflow: hidden; text-overflow:ellipsis; white-space: no...
2020-03-04 21:53:24
230
原创 [CSS]CSS3新增属性
1.CSS3边框：border-radius： CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧，我们必须为每个圆角使用不同的图片，在 CSS3 中，创建圆角是非常容易的，在 CSS3 中，border-radius 属性用于创建圆角。border：2px solid;box-shadow： CSS3边框阴影。在 CSS3 中，box-shadow 用于向方框添加阴影。box-shado...
2020-03-04 21:48:45
1102
原创 [CSS]CSS滤镜
1、CSS滤镜的使用背景滤镜13年就开始使用，浏览器支持度比较高如果是国民级产品，用户基数下沉，肯定要考虑兼容性，实际项目应用中，如果不需要兼容IE和Edge，可以放心使用；2、使用CSS滤镜和opacity的区别？CSS滤镜和opacity区别在于：部分浏览器下，opacity滤镜可以启用硬件加速，性能会更好。3、滤镜应用场景：（1）背景模糊，filter:blur弹框出现的时候...
2020-03-04 21:42:25
276
原创 [CSS]CSS面试题（二）
1、link引入css和import引入的css的区别link属于html标签，而@import是css提供的页面被加载时，link会同时被加载，而@import引用的css会等到页面加载结束后加载。link是html标签，因此没有兼容性，而@import只有IE5以上才能识别。link方式样式的权重高于@import的。2、visibility hidden, opacity 0，...
2020-03-04 21:29:57
192
原创 [CSS]CSS面试题（一）
1、overflow属性的值？overflow 属性规定当内容溢出元素框时发生的事情；如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。visible：默认值，内容不会被修剪，会呈现在元素框之外；hidden：内容会被修剪，并且其余内容是不可见的。scroll ：内容会被修剪，但是浏览器会显示滚动条以便查看其余的...
2020-03-04 18:21:34
241
原创 [智力题]面试智力题
之前春招的时候每日一见智力题，顺手就整理下来了，一共13道题（含解析）。1、25 辆车分成 5 组，每场比赛最多只能 5 辆车同时比赛，请问最少进行几场比赛可以赛出前三名？解析：先分5组进行5次比赛，每组的第一进行第六场比赛第六场比赛结果，从前往后排名假设为： A1 B1 C1 D1 E1第一名则为A1 接下来要找出第二第三名则D1 E1 及其组内成员无缘前三总决赛，...
2020-03-03 18:15:01
1324
原创 [Nodejs]Nodejs后端正确返回中文
前提条件创建一个简单的nodejs应用详见：nodejs创建一个简单的服务器问题创建nodejs简单应用的时候，response.end()中输出中文，但是在前端访问的时候，页面显示的是乱码。如图：解决方法解决方法有两个，第一个是将返回文本，将头部的Content-Type的值设置为text/plain;charset=utf-8；另一个解决方法是返回html文档，text/htm...
2020-01-30 12:22:17
1034
原创 [Nodejs]Nodejs创建一个简单的服务器
运用Nodejs创建一个简单的应用，首先需要搞清楚一个问题：Nodejs应用由哪几部分组成？1、require指令引入Nodejs模块2、创建一个服务器，用于监听客户端的请求3、接受请求与响应请求的模块接下来就是根据以上三个部分来创建一个Nodejs应用1、引入require模块//server.jsvar http = require('http');2、创建服务器此处创建...
2020-01-30 12:05:20
476
原创 CSS3之动画实现
实现动画效果有两种方式（1）设置transition设置过渡，添加transform设置形状，形成动画效果（2）添加animation属性，设置动画效果1、2、
2019-04-29 10:37:32
323
转载 ES6之Object.defineProperty 和 Proxy 区别
1、Object.defineproperty用于监听对象的数据变化语法： Object.defineproperty(obj, key, descriptor)let obj = { age: 11}let value = 'xiaoxiao';//defineproperty有gettter和setterObject.defineproperty(obj, 'name',...
2019-04-27 16:23:34
2406
原创 CSS之文件实现上传按钮
文件上传按钮<input type="file" id="btn_file">默认样式：默认样式着实不好看，而且我想让后面的‘未选择文件上传’去掉，将color设置为transparents就可以实现，但是我又想将按钮的字体颜色改为蓝色，显然就冲突了，实现不了。改进方法：<input type="file" id="btn_file" style="display:...
2019-04-20 20:39:34
5009
原创 Vue之vue项目引入icon
一、icomoon:有大量矢量图标，也可以自定义1、在图标库中下载图标点击进入icomoon网站点击右上角的“IcoMoon App”，找到自己需要的图标然后点击右下角的“Generate Font”，接着可以在左上角第二个按钮“Preferences”进行自定义你要下载的图标信息，修改文件名，然后点击"Download"，这样就下载了图标。2、解压图标压缩包得到文件如下图：3、在vue...
2019-04-20 16:23:40
918
原创 CSS之设置图片宽度100%，高度等于宽度
html代码如下：<div class="left"> <div class="img"> <img src='static/img/face-2.jpg'> </div></div>/*stulus语法*/.img{ position:relative; width:100%; h...
2019-04-20 16:12:25
15468
1
原创 Vue之vue项目引入图片和设置路径别名
1、在vue项目中引入图片，图片放在static/img文件下，引用的时候这样写<div class="img"> <img src='static/img/face-1.jpg'></div>//在static文件夹下的静态文件加入时不需要从引用出网上找，如不需要这样写//'..../static/img/face-1.jpg'//而只需要从...
2019-04-20 15:44:53
3676
转载 Vue之路由钩子函数
router的beforeEach()函数和afterEach()函数在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue里面提供了路由的三大类钩子，两种函数三大类钩子：1、全局钩子2、某个路由的钩子3、组件内钩子两种函数：Vue.beforeEach(fu...
2019-04-19 15:51:39
447
转载 [JS]JS之获取token
1、从cookie中获取function getToken(){//cookie是一个字符串 var strcookie = document.cookie;//获取cookie字符串 var arrcookie = strcookie.split("; ");//分割 //遍历匹配 for ( var i = 0; i < arrcookie.lengt...
2019-04-19 12:57:22
7048
转载 [JS]JS之遍历数组，对象的方法
1、js遍历对象（1）使用Object.keys()遍历返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性)。var obj = { name:'pengpeng', age:18, sex:'女', sno:666}Object.keys(obj).forEach(function(key){ console.log(key,obj[k...
2019-04-18 21:49:22
288
原创 Vue之axios请求表格数据时能正确返回数据，但是总是不能渲染进页面
原本是这样写的但是发现一直会报下面这个错误查找一下原因，在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定解决方法有：（1）用ES6箭头函数，箭头方法可以和父方法共享变量（2）在请求axios外面定义一下 var that=this参考文档：https://blog.csdn.net/qq_42809973/article/details/830...
2019-04-18 19:15:16
3953
2
原创 Vue之项目采用axios发送ajax请求
1、为什么vue项目中要使用axios来发送ajax请求？vue本身它是不支持直接发送ajax请求的，需要用到axios。2、axios？axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和...
2019-04-18 17:30:56
528
转载 Vue之vue中的data为什么是一个函数？
在vue项目中，vue实例的data是长这个样子的data(){ return { message:'message' } }为什么在项目中data需要使用return返回数据呢？大家知道用组件化来写vue项目,每个.vue文件都是一个个组件。那什么是vue中的组件？官网写的很易懂——组件就是一个可复用的vue的实例。这也就意味着如果你的data是一个普...
2019-04-18 16:04:20
4074
1
原创 Vue之vue项目引入vuex
1、首先给项目安装依赖npm install vuex --save2、新建仓库在src目录下新建一个文件夹，命名为store，然后在该文件夹下面创建一个js文件store.js。3、新建仓库在项目中引入//在main.js中import store from './store/store'new Vue({ el: '#app', router, store, //使...
2019-04-18 15:15:02
631
原创 网络之https与http的不同之处
HTTP 的 URL 以 http:// 开头，而 HTTPS 的 URL 以 https:// 开头HTTP 是不安全的，HTTPS 是安全的HTTP 标准端口是 80 ，而 HTTPS 的标准端口是 443在 OSI 网络模型中，HTTP工作于应用层，而 HTTPS 工作在传输层HTTP 无需加密，而 HTTPS 对传输的数据进行加密HTTP无需证书，而 HTTPS 需要认证证书...
2019-04-18 11:18:46
171
原创 网络之tcp三次握手和四次挥手
1、TCP的三次握手三次握手是指建立一个TCP连接时，需要客户端和服务器总共发送3个包。第一次握手：建立连接时，客户端发送syn包（syn=j）到服务器，并进入SYN_SENT状态（发送状态），等待服务器确认；SYN：同步序列编号（Synchronize Sequence Numbers）。第二次握手：服务器收到syn包，必须确认客户的SYN（ack=j+1），同时自己也发送一个SYN包（...
2019-04-18 11:13:38
127
转载 网络之https的工作原理
1、https概述HTTPS，也称作HTTP over TLS（套接层协议）。就是在安全的传输层上发送的HTTP。HTTPS经由HTTP进行通信，但利用SSL/TLS来加密数据包。HTTPS开发的主要目的，是提供对网站服务器的身份认证，保护交换数据的隐私与完整性。2、https服务方案如果URL的方案是HTTP，客户端就会打开一条到服务器端口80（默认）的连接，并发送老的HTTP指...
2019-04-18 11:03:56
248
转载 网络之TSL/SSL工作原理
本文内容转载于：https://blog.csdn.net/hherima/article/details/52469360HTTPS协议的主要功能基本都依赖于TLS/SSL协议；TLS/SSL的功能实现主要依赖于三类基本算法：散列函数 Hash、对称加密和非对称加密：其利用非对称加密实现身份认证和密钥协商，对称加密算法采用协商的密钥对数据加密，基于散列函数验证信息的完整性。1、非对称...
2019-04-18 10:58:26
627
转载 [JS]JS之数组扁平化
最近发现，数组扁平化在面试笔试中出现平率很高~1、数组扁平化是指将一个多维数组变为一维数组2、数组扁平化的五种方法（1）reduce()reduce()函数：接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值；语法：array.reduce(function(total, currentValue, currentIndex, arr), initialValu...
2019-04-17 21:45:05
145
转载 CSS之实现一个三角形border法
思路：通过border宽度和颜色来设置三角形1、无边框的三角形<h3>无边框的三角形</h3><p>向上的三角形</p><div class="up"></div><p>向下的三角形</p><div class="down"></div>.up{ width:...
2019-04-16 17:29:20
516
转载 Vue之vue项目引入并使用stylus预编译器
1、安装stylus、stylus-loader依赖npm install stylus stylus-loader2、在package.json文件中在"devDependencies":字段中添加3、直接在组件页面用即可，组件的style标签中添加属性，lang=stylus4、stylus预编译器的好处、优点...
2019-04-16 09:48:55
754
转载 JS中的位操作符：“与，或，非，异或，左移，右移”
位操作符操作需要先将十进制数转化为二进制数，若二进制数位数不一样，通过补0将位数补至一样，再按位操作。1、$ 与5 & 1//101 & 001 = 12、| 或5 | 1//101 | 001 = 101 = 53、~ 非~55的二进制原码：0000 0000 0000 0000 0000 0000 0000 0101 取反操作：1111 1111 11...
2019-04-15 17:12:07
380
转载 JS之获取随机颜色4种方法
1、实现方法：‘0123456789abcdef’[Math.floor(Math.random()*16)])随意截取字符串中的一个字符，然后判断字符串的长度是否为6，如果不是，var getRandomColor = function(){ return '#' + (function(color){ return (color += '0123456789abcde...
2019-04-15 16:27:27
8715
转载 JS之arguments,callee,caller,call,apply,bind
1、arguments首先f12跑一下函数：function myfun(){ console.log(arguments);}myfun(1,2,3,4,5);结果如下截图：可以看出argumetns好像是数组，又不是数组，因为[]中又包含了其他的东西；展开可得：可以看出，arguments其实是一个对象，它与数组一样有索引以及length的属性。但是却不能使用数组的方...
2019-04-15 15:21:04
676
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人