这样既可以使用 .vue 来写复杂的组件（毕竟在 template 里堆字符串很痛苦），还可以根据需要传入适当的 props。上一章节我们说到，创建一个vue实例的时候，都会有一个选项el，来指定实例的根节点，如果不写el选项，那组件就处于未挂载状态。方法对组件进行了手动渲染，但它仅仅是被渲染好了，并没有挂载到节点上，也就显示不了组件。的作用，就是基于 Vue 构造器，创建一个“子类”，它的参数跟。，就可以让组件渲染，并且挂载到任意指定的节点上，比如 body。手动渲染的组件，如果要销毁，也要用。

动态渲染.vue文件其实存在于很多地方，例如近期做的表单设计器就是其中一个，生成vue代码后，应用在其它地方。要求下载完vue文件在其它项目中引入即可使用。那么动态渲染.vue项目如何去做呢？

很明显指的就是vue的实例。细心的朋友会发现，这个页面与以往的组件页面不一致，那是因为，我们本次的组件是需要JavaScript来调用的，而非传递数据改变其状态调用。所以在这一步，我们就必须将当前的弹窗进行实例化，因为我们不是常规使用组件方法，所以这是哈哈我们使用Vue.extend 或者 newVue 实例化后，利用$mount 挂载到body下。因为我们通过已知的业务，通知可以是多条的，并且每一条都可以有不同的展示时间，所以在弹窗展示这里，我们用notices 数组来保存一个个的单内容。

Php全称为：Hypertext Preprocessor(中文名：超文本预处理器)；简称：personal Home page;

canvas标签中写入的HTML内容只有在游览器不支持canvas的时候才会显示，一般情况下，为了使网站建设更加完善，我们在canvas标签里，会写入一些视频、图片、当canvas标签不能正常显示的时候，canvas标签中的内容就会被代替canvas显示。ctx.drawImage(imgObj,原图开始裁剪位置x坐标，原图开始裁剪位置y坐标，原图裁剪的宽度，原图裁剪的高度，canvas上开始绘制位置的x坐标，canvas上开始绘制图片y坐标，canvas上图片宽度，canvas上图片高度)；

而主进程渲染完后，同时又启动了一个新的子窗口。项目中，我们经常会碰到这样一个情况，开发环境中，electron的打开地址一般指向本地的项目开发地址，如：localhost:8080。进程之间的通信无非就是，渲染进程给主进程发消息，主进程接受到后来调用node一些能力进行处理window交互的一些东西。根据当前环境我们可以配置出，如果是开发环境我们就走 地址，如果不是开发环境，我们则走项目打包之后的地址即可。在一个electron的程序中，一般会存在一个主进程跟若干个渲染进程。则可以将其中部分区域排除掉。

webpack 是代码编译工具，有入口、出口、loader 和插件。webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个 bundle。对前端来说，webpack的理解就是：webpack是从入口文件开始，经过模块依赖加载/分析/打包三个流程完成项目构建。

目打包编译 npm run build 之后成为了普通的静态网页才可上线进行部署及发布。同样这时候我们也已经将代码全部写好了。如果说要改里面的某个值或者修改请求地址我们应该怎么办呢？

在项目每次发起请求的时候，根据当前业务传入不同的参数，分别获取不同的请求接口即可。线上一个服务器，那如果说这是在内网环境下部署呢，就比如医院项目中，有三个服务器，一个资源上传，一个普通接口（包含认证），一个表单数据记录。上述代码中axios，是我二次封装的axios，axios的部分代码如下，它接收传递进来的url 做为项目的请求地址。首先，我们先来拆解它的需求，也就是说我们一个网页项目需要同时使用三个不同地址的需求。

在网上找了一堆说的都是下载什么包，做什么操作，云里雾里。至于为什么.exe软件后面要跟参数，这个是需要大家去跟客户端程序员去对接的，看需不需要跟参数，每个参数都是什么，一定要记住，顺序是以客户端程序员排列的顺序为主。这样他那拿到的就是一个对象。在使用exec的时候一定要注意，cwd 指的是当前.exe存放目录，一定要配置正确，否则可能软件能调通，但是工作环境会出现一些问题，导致.exe软件内部出现一些问题。如上代码，我们从渲染进程给主进程发送指令，并携带了一些参数，如上：ip，端口，电话号码，密码等参数。

调用.dll文件与调用.exe稍有类似 ，类似的是可以在主进程里调用，但是同时也可以在渲染进程中进行调用。invoke3 这个方法第一个为要传递给.dll的入参，因为我们没有，所以不用传递，第二个则为一个函数，它返回两个值，第一个值为调用错误。大家可以这样解决，如果是在渲染进程中，大家的存放 .dll 的文件尽可能地放在项目的根目录，这样不管是开发环境还是编译环境我们都可以直接通过。一定是先从DOM（渲染进程）发送通知到主进程（main.js）中，由主进程接收到后，我们再进行.dll的文件调用。

使用nw.js将web项目打包成exe软件

window.onresize的意思是，当监测到屏幕分辨率变的时候，所以我们需要一个操作就是，页面一加载完成，我们给window.onresize 绑定一个方法。这是因为，每次window.onresize 都会去执行 resize，而在屏幕分辨率发生变化的时候，window.onresize 和浏览器的自身实现有关系.不同的浏览器和操作系统实现可能不一样,目前谷歌是执行了两次，有是时候是一次。我们去页面上查看，会发现当我们拖动文档流的时候，字体并不会重新设置。1. 我们需要一个监测屏幕分辨率的方法。

BUG都能解，算法全都会。新的一年不掉发，不失业，不裁员。愿所有的程序员，天下无难事。

二分查找又称之二分折半查找法，指的是在一个有序（升序，或者降序）的列表中进行查找某一个值的办法。它的意思是，二分查找维护查找空间的左、右和中间指示符，并比较查找目标或将查找条件应用于集合的中间值；如果条件不满足或值不相等，则清除目标不可能存在的那一半，并在剩下的一半上继续查找，直到成功为止。如果查以空的一半结束，则无法满足条件，并且无法找到目标。在实际情况中也可以这么理解。1. 有一个有序的列表（例如某个升序或者降序的大批量数据）

给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。这就是搜索插入位置算法。与二分算法很相似

前端，可延伸的东西有许多。玉伯曾说，不想做一个自己喜欢的产品的前端不是一个好的架构师。 希望各位伙伴能够从前端出发，延伸出自己的职业规划。

你们怎么看。

判断HTML中的那些黑科技之label 标签，不写js 我一样实现点击切换事件。

在使用Element-ui 框架的时候，相信过多的人会遇到一系列不属于技术范围的问题，甚至都没见到过，其实这类问题解决起来也是很好解决的。只需要用心再看一遍框架就好。今天就来给大家说一说使用element框架的时候，表格头为什么会错乱或者变大。<el-table-column v-if="TheCustomColumn1 == false && CustomColumn......