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