- 博客(73)
- 收藏
- 关注
RSS订阅转载 VUE 各种遇到的问题以及面试题
原理1.你知道vue的模板语法用的是哪个web模板引擎的吗？说说你对这模板引擎的理解.mustache，主要是使用{{}}进行数据渲染。2.你知道v-model的原理吗？那双向绑定的原理呢？v-model是一个语法糖，真正实现双向绑定还是依靠v-bind：绑定响应式数据。以及触发input事件并传递数据（核心和重点）双向绑定的原理：通过Observer把数据劫持（Object...
2020-03-12 17:27:00
1155
转载 为什么 Node.js 这么火，而同样异步模式 Python 框架 Twisted 却十几年一直不温不火？
twisted是一个强大的异步网络框架，应用的面也非常广，但是没有这几年才出现的Node.js火，社区、文档也是很少可怜我觉得二者其实在本质上差不多，而且python使用起来还是比较容易一些的匿名用户因为，它给了一大部分程序猿幻觉比如前后端统一，脚本也能性能很屌，做Demo搜搜快什么的，但实际上，这仅仅是幻觉罢了……正是因为这样的幻觉是“看得到”的，又有一个响当当的干爹Google，因...
2020-03-11 13:02:30
1103
转载 理解Nginx工作原理
1 反向代理1.1 概念反向代理（Reverse Proxy）方式是指以代理服务器来接受internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给internet上请求连接的客户端，此时代理服务器对外就表现为一个服务器。举个例子，比如我想访问 http://www.test.com/readme，但www.test.com上并不存在readme页面...
2020-02-21 11:05:08
400
转载 什么是WEB服务器？
目前最主流的三个Web服务器是Apache、Nginx、 IIS。WEB简介Web服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，可以向浏览器等Web客户端提供文档，也可以放置网站文件，让全世界浏览；可以放置数据文件，让全世界下载。WEB服务器也称为WWW(WORLD WIDE WEB)服务器，主要功能是提供网上信息浏览服务。 Web服务器是可以向发出请求的浏览器提供文...
2020-02-21 10:56:53
363
转载 xshell退出Vi编辑模式
原文链接：https://blog.csdn.net/IBLiplus/article/details/82730939最近在学习Linux时，初次使用Vi编辑模式编辑文本，但是编辑完成之后，不知道怎么退出编辑模式，然后在网上查找了一番，特此分享给各位老铁：下面总结一些vi 退出命令，学习!进入编辑模式，按 o 进行编辑编辑结束，按ESC 键 跳到命令模式，然后输入退出命令：...
2019-12-27 11:58:17
1665
转载 转：Math: Math.atan() 与 Math.atan2() 计算两点间连线的夹角
我们可以使用正切操作将角度转变为斜率,那么怎样利用斜率来转换为角度呢?可以利用斜率的反正切函数将他转换为相应的角度.as中有两个函数可以计算反正切,我们来看一下.1、Math.atan()Math.atan()接受一个参数:用法如下:angel=Math.atan(slope)angel为一个角度的弧度值,slope为直线的斜率,是一个数字,这个数字可以是负的无穷大到正无穷大之间的任...
2019-12-07 16:23:47
463
转载 Linux中退出编辑模式的命令
vi 文件： 回车后就进入进入编辑模式，按 o 进行编辑编辑结束，按ESC 键 跳到命令模式，然后输入退出命令：1.保存不退出：:w 保存文件但不退出vi 编辑:w! 强制保存，不退出vi 编辑:w file 将修改另存到file中，不退出vi 编辑2.保存并退出：:wq 保存文件并退出vi 编辑:wq! 强制保存文件并退出vi 编辑3.不保存并退出：q: ...
2019-11-04 15:54:52
3482
转载 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null"
错误场景一：错误提示：在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化，代码如下：// 基于准备好的dom，初始化echarts实例var bar_dv = document.getElementById('bar_dv');let myChart = this.$echarts.init(bar_dv)解决办法...
2019-10-10 11:35:39
37435
3
转载 vue里嵌套对象渲染报错的解决方法
在页面渲染时，我的数据是嵌套的对象，如下图：页面运行时可以正常显示，可是可以看到控制台还是会报错，如下图：最后发现只需在页面显示时加一个判断就不会再报错了，如下图：具体是什么原因导致的呢?我们可以试试，在mounted里面去打印这个对象，会发现打印出来是空的，这也就是页面加载的时候，数据还没有传过来，但是这时候我们已经开始在使用了，所以会报undefined的错误，当数...
2019-10-09 21:33:31
1686
1
转载 forEach-------break不能跳出循环
用forEach遍历数组的话，不能用break跳出循环，也不能用return返回外层。如果要提前终止，必须把forEach（）方法放在一个try块中，并能抛出一个异常。如果forEach（）调用的函数抛出foreach.break异常，循环会提前终止。try { a.forEach（f,t）; } catch（e）{ if（e === foreach.break）retur...
2019-09-25 16:53:47
827
转载 js 时区对应的时间转换
原文链接：https://blog.csdn.net/mnhn456/article/details/78627849#commentBox感谢分享；js 各个时区时间转换//得到标准时区的时间的函数 function getLocalTime(i) { //参数i为时区值数字，比如北京为东八区则输进8,西5输入-5 i...
2019-09-20 20:49:56
299
原创 关于vue中的数据视图未及时更新：vue set 怎么替代angular中的apply
遇到一个细节问题，在列表中点击请求数据来达到显示隐藏一块区域，并把请求到的数据渲染到这块区域中，实际上是第一次点击的时候数据能请求过来，但是视图未及时更新，第二次点击才正常显示，我想到了angular中的$scope.apply()，但是在vue中怎么达到同样的目的呢，这时要使用vue中的Vue.set()方法，感谢热心网友！如果以前是：$scope.test = {data: 'bind...
2019-09-03 11:51:05
282
转载 思路：vue中控制v-for循环出来的某一个列表项的显示隐藏切换
第一种方法：通过给每条数据添加字段的方法给每一项点击的地方添加一个点击事件，把当前的列表项作为参数传递过去在methods里面写点击事件：首先判断列表项有没有这个字段，没有的话就通过this.$set添加字段，然后进行取反，有这个字段的话直接取反。this.$set(你要添加数据的数组或对象, '字段名称', 字段值)最后通过v-show控制代码块的显示隐藏...
2019-09-02 16:41:48
4889
2
转载 解决js设置svg image，图片无法显示问题
原文链接：https://blog.csdn.net/weixin_37674736/article/details/82426941用setAttribute来设置svg的image的路径，图片无法显示要用 image.href.baseval 才会有效var svgDoc = document.getElementById("sketchpad");var imgSVG = d...
2019-08-28 20:23:19
4497
转载 JS或jQuery获取当前屏幕宽度
原文地址：https://www.cnblogs.com/mlw1814011067/p/9504282.htmlJavascript:网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： docu...
2019-07-30 18:01:40
414
转载 VUE中methods watch和compute的区别和联系
转自：http://www.jb51.net/article/120073.htm从作用机制和性质上看待methods,watch和computed的关系图片标题:《他三个是啥子关系呢？》首先要说，methods,watch和computed都是以函数为基础的，但各自却都不同而从作用机制和性质上看,methods和watch/computed不太一样，所以我接下来的介...
2019-07-23 17:31:05
159
转载 SVG之text
原文地址：https://segmentfault.com/a/1190000009293590svg里输入文本用<text>元素<text>基本属性 x,y stroke,fill font styles (x,y)用于指定文字起始位置。准确的说，x指定文字最左侧坐标位置，y指定文字baseline所处y轴位置。fill的默认...
2019-06-25 18:00:49
621
转载 Vue为什么没有templateUrl
原文地址：https://www.cnblogs.com/wancy86/p/6999318.html原因templateUrl使用ajax的方式在运行时加载template，大型应用中数量庞大的组件，以及浏览器对请求数量的限制，将导致严重的app加载性能问题。 以组件为APP的基础单元来开发，而不是template推荐单文件的组件开发vue中综合了react(单文件html...
2019-06-20 14:39:58
434
转载 HTML页面之间跳转与传值
原文地址：https://www.cnblogs.com/mingmingcome/p/5926254.html跳转的方法如下：方法一：window.location.href = "b.html";方法二（返回上一个页面，这个应该不算，先放在这）：window.history.back(-1);方法三：self.location = "b.html";方法四：...
2019-06-19 15:26:11
2534
转载 关于options请求的一点理解
本文转自网友，原文地址：https://www.cnblogs.com/heioray/p/9392533.html最近最项目改造，对所有的ajax请求统一做了一点处理，发现原来很正经的ajax请求突然不正常了，每个ajax之前都多了一个相应的method为options的请求。虽然之前知道ajax的请求中method有这个，但是一直没怎么去了解过，这次复盘做个小的学习总计吧~什么是...
2019-06-17 11:27:01
532
转载 d3事件
对一个被选择的元素，添加监听操作，代码如下：.on("click", function(){} ) 常用的事件（event）有：click ： 鼠标单击某元素时，相当于 mousedown 和 mouseup 组合在一起mouseover ： 鼠标移到某元素上mouseout ： 鼠标从某元素移开mousemove ： 鼠标被移动mousedown...
2019-06-11 11:03:52
3400
转载 Axios 各种请求方式传递参数格式
原文地址：https://www.jianshu.com/p/53deecb09077作者：易冷zzz链接：https://www.jianshu.com/p/53deecb09077来源：简书Axios 各种请求方式传递参数Axios的get方法和put方法用法相同，第一个参数是路径，第二个参数是对象，里面存放请求参数。Get方法中第二个参数里面，用params对象存放传...
2019-06-10 15:25:50
5729
转载 细解JavaScript ES7 ES8 ES9 新特性
导言：ECMAScript的演化不会停止，但是我们完全没必要害怕。除了ES6这个史无前例的版本带来了海量的信息和知识点以外，之后每年一发的版本都仅仅带有少量的增量更新，一年更新的东西花半个小时就能搞懂了，完全没必要畏惧。本文将带您花大约一个小时左右的时间，迅速过一遍ES7,ES8,ES9的新特性。想追求更好的阅读体验，请移步原文地址es_16_17_18题记：本文提供了一个在线PP...
2019-05-27 17:39:58
385
2
转载 JavaScript Math.PI 属性
什么是PI？PI就是圆周率π，PI是弧度制的π,也就是180°所以，Math.PI = 3.14 = 180°ps，PI是一个浮小数Math.PI/5*4分别是什么意思？let dig = Math.PI/5*4Math.PI/5，表示角度平分为36° 每个顶点到与中心连线之间的夹角α=（2π）/n = Math.PI / n * 2 那么相间的两个顶点到与中心连线之间的夹...
2019-05-22 17:04:38
14616
转载 D3.js实现简洁实用的动态仪表盘的示例
原文地址：https://www.jb51.net/article/137714.htm本文介绍了D3.js实现简洁实用的动态仪表盘的示例，分享给大家，具体如下：动态效果图：仪表盘效果图细看上面的动态效果图，可以发现：一个值变换到一个新的值时，是一个渐变的过程； 圆弧末尾有一个竖线，作为仪表盘的指针，在仪表盘数值变化时，有一个弹性的动画效果。一开始，我是用Echarts...
2019-05-22 16:44:44
2163
2
转载 理解D3的 Update、Enter、Exit
原文地址：http://d3.decembercafe.org/pages/lessons/10.htmlUpdate、Enter、Exit 是 D3 中三个非常重要的概念，它处理的是当选择集和数据的数量关系不确定的情况。什么是 Update、Enter、Exit前几课里，反复出现了形如以下的代码。svg.selectAll("rect") //选择svg内所有的矩形 ...
2019-05-22 11:24:25
486
转载 ES6几大特性，让你的代码更优美
1.DefaultParameters（默认参数）inES6还记得我们以前不得不通过下面方式来定义默认参数：var link = function (height, color, url) { var height = height || 50; var color = color || 'red'; var url = url || 'http://...
2019-05-21 15:02:24
98
转载 js中面向对象(创建对象的几种方式)
1、面向对象编程（OOP）的特点： 抽象：抓住核心问题 封装：只能通过对象来访问方法 继承：从已有的对象下继承出新的对象 多态：多对象的不同形态一、创建对象的几种方式javascript 创建对象简单的来说，无非就是使用内置对象或各种自定义对象，当然还可以使用JSON，但写法有很多，也能混合使用。1、工厂方式创建对象：面向对象中的封装函数(内置对象)...
2019-05-20 10:34:20
186
原创 echarts graph图使用了focusNodeAdjacency:true,遇到的文字显示问题
最近项目中用echarts画的type:”graph” 图需要这么一个功能，就是在鼠标滑动到（其实本来想要点击时触发的，但是经过探索之后发现graph图不支持focusNodeAdjacencyOn: 'click',这一属性设置，而用echarts version 4.0+的扩展echarts-gl画的type:” graphGL”是支持这一属性的）某个节点上的时候，把图中与此节点相关的...
2019-02-13 17:46:59
8846
转载 滚轮事件的防冒泡、阻止默认行为的代码(效果是：只让当前div滚动，连当前文档都不滚动的效果)
//用firefox变量表示火狐代理var firefox = navigator.userAgent.indexOf('Firefox') != -1;function MouseWheel(e){//阻止事件冒泡和默认行为的完整兼容性代码 e = e||window.event; if (e.stopPropagation) {//这是取消冒泡 e.stop...
2019-01-24 11:38:35
1071
转载 前端数据可视化之 --- （一）亿级关系图
前言在这之前，提起数据可视化，我都是能用echarts尽量用echarts，特效很棒而且用起来简单，粘贴一个option改个data就能生成很酷炫的报表，但是真正走向数据可视化领域之后，还是会发现echarts有些不足，而且做大数据分析的企业全都依靠使用echarts的话，那么你们的系统在表现上就已经输了。现在来看的话，大数据分析是互联网发展必然的产物，所以掌握数据可视化工具的前端工程师在未...
2019-01-16 16:16:12
2906
转载 Angular双向绑定失效了！
先贴上代码：controller:.controller('FoldController', ['$scope', function ($scope){ $scope.isFolded = true; // 标志是否折叠的状态}])directive:.directive('fold', function () { return { r...
2018-08-28 15:58:53
1651
转载 angularJS学习---自定义指令---templateUrl的几种写法
第一种写法：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div ng-app="myApp"&
2018-07-06 10:57:19
3020
转载 AngularJS系列之select下拉选择第一个选项为空白的解决办法
文章来自：https://my.csdn.net/linzhiqiang0316今天给大家介绍一下AngularJS系列之select下拉选择第一个选项为空白的解决办法。相信大家也经常遇到这种情况吧：在使用AngularJS中的select组件开发的时候，莫名其妙的第一个选项就变成空白了，而且选中其中非空白的地方，第一个选项的空白位置又奇妙的消失了。今天就举几个例子给大家介绍一下种种情况的处理办法...
2018-05-28 10:54:44
560
转载 Axure用一个功能搞定手风琴式菜单设计
其实很简单，只需要使用“切换可见性”即可完成。（以Axure8为例）第一步：绘制相关图形绘制三个矩形作为按钮，分别命名为标题一、标题二、标题三再绘制三个动态面板，里面填充一些可以区别的内容，命名为内容一、内容二、内容三第二步：摆放图形位置标题一与内容一对应，将内容一放置在标题一的下方，其他的依此类推，摆放完毕后，将动态面板设为隐藏。第三步：设置标题一的动态效果选中标题一，添加鼠标点击效果。选择切换...
2018-04-16 17:53:46
4249
转载 自定义浏览器滚动条的样式，打造属于你的滚动条风格
自定义IE浏览器滚动条样式追溯浏览器对滚动条的自定义，恐怕最早的就是IE浏览器了（好像最开始支持的版本是IE5.5）。下面列出了多个版本的支持性况：滚动条样式 支持情况 支持浏览器版本 可否继承 描述scrollbar-3dlight-colorIE特有属性IE5.5+y设置滚动框的和滚动条箭头左上边缘的颜色scrollbar-highlight-colorIE特有属性IE5.5+y设置滚...
2018-03-30 14:20:35
185
转载 D3.js-基础知识
数据可视化已变得越来越被重视，市面上也出现了越来越多的图标库，如Highcharts。图标库很容易可以上手，然而在当前注重用户交互的时代，其不易交互性突显的越来越明显。一、数据可视化数据可视化起源于18世纪，当时使用柱形图和折线图来表示国家进出口量。近年，随着大数据时代的到来，数据可视化作为大数据量的呈现方式，成为当前重要的课题。数据可视化的目的，是要对数据进行可视化处理，以使得能够明确地、有效地...
2018-03-29 11:23:08
420
转载 浅谈Web自适应
前言随着移动设备的普及，移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁，手机厂商繁多，导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难，适配问题在当下显得越来越突出。记得刚刚开始开发移动端产品的时候向设计MM要了不同屏幕的设计图，结果可想而知。本篇博文分享一些卤煮处理多屏幕自适应的经验，希望有益于诸君。特别说明：在开始这一切之前，请开发...
2018-03-14 11:19:28
379
转载 HTML5与HTML4的区别
1. HTML5推出的理由解决Web上存在的问题：Web浏览器间的兼容性低:在一个浏览器中可以运行的HTML、Css、Javascript，在另一个浏览器中不能运行。原因：各浏览器规范不统一，没有被标准化。解决方案：使各浏览器的功能符合通用标准。文档结构不够明确：HTML4中元素不能把文档结构表示清楚。解决方案：增加与结构相关的元素。Web应用程序的功能受到限制：HTMLL4对Web应用程序的...
2018-03-12 10:26:50
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人