本地编译后构建 FROM nginx:latest COPY dist /usr/share/nginx/html 示例一 FROM node:latest ...
function createXHR() { //首先我们得创建一个XMLHttpRequest对象
模块化这个问题并非一开始就存在，WWW 刚刚问世的时候，html，JavaScript，CSS（JS 和 CSS 都是后来在网景被引进浏览器的）都是极其简单的存在，不需要模块化。...在 ES6 以前，JS 语言没有模块化，如何让 JS 不止运行在浏览器，且能更有效的管理代码， 于是应运而生 CommonJS 这种规范，定义了三个全局变量： require，exports，module...require 用于引入一个模块 exports 对外暴露模块的接口，可以是任何类型 module 是这个模块本身的对象 用 require 引入时获取的是这个模块对外暴露的接口（exports） Node.js...CommonJS 规范： var foo = require("foo"); var out = foo.sayName(); module.exports = out; 在浏览器端，不像 Node.js...){ var myModule = require('moduleName') }) // Browser global
Moment.js 是我用过的最好用的操作时间的工具库。它使得操作时间变得很简单。
快速部署Vue.js前端项目 前言 Vue.js相较于传统的HTML三件套（HTML、CSS、JavaScript）有许多优点。...Vue.js还提供了许多方便的工具和插件，例如路由管理、状态管理、打包工具等，使得开发效率更高。Vue.js是一款功能强大、易于学习、易于使用的前端框架，已经成为了许多开发者的首选之一。...今天我们来学习如何将Vue前端项目部署到服务器。 所需软/硬件 本文教程使用腾讯云服务，以Centos7系统为例，使用宝塔面板进行管理。...，导致web服务器找不到我们的入口，直接部署完前端静态文件后会使直接访问url时404报错，这是我们需要在Nginx的伪静态中新增重写规则来完成路由指向： 图片 4.部署完成 最后我们就可以愉快地访问自己的项目啦...： 图片 总结 在本教程中，我们一起学习了从购买服务器、配置服务器和项目到最终成功上线项目，作者不得不感叹随着时代的发展，前端框架已经产生了质的飞跃，如今前后端分离可以大幅减轻服务器压力，而基于MVVM
动态加载 JS 文件 对于 Vue、React 等框架开发的单页面应用，在某些页面开发特殊功能时经常需要依赖第三方 JS 文件，如果在全局引入 CDN 资源可能会加载冗余文件，此时最好使用动态加载方式...动态加载 JS 脚本指仅在某些特殊页面引入依赖文件，而非全局引入，这样可以避免在这些页面并未打开时造成加载无用的资源，提高页面加载速度的同时，也让整个项目更加模块化。...对于 defer，可以认为是将外链的 js 放在了页面底部。js 的加载不会阻塞页面的渲染和资源的加载。defer 会按照原本的 js 的顺序执行。.../ajax/libs/jqueryui/1.12.1/jquery-ui.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0.../moment.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.0/fullcalendar.min.js',
… JS原生ajax与Jquery插件ajax深入学习 序言: 近来随着项目的上线实施,稍微有点空闲,闲暇之时偶然发现之前写的关于javascript原生xmlHttpRequest ajax方法以及后来...: function() { return new XMLHttpRequest … js原生Ajax 的封装和原理 原理及概念 AJAX即“Asynchronous Javascript And XML...原生ajax 主要复习了php的pdo数据库操作,和js的ajax,真麻烦,希望jquery的ajax简单点. index.php: 1 2 [代码]JS原生Ajax&comma...;GET和POST javascript/js的ajax的GET请求: Jquery学习笔记(10)–ajax删除用户，使用了js原生ajax 主要复习了php的pdo数据库操作,和js的ajax,真麻烦...Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ bo … Android 禁用以及捕捉home键 最近要做个小项目
以前看到老师写js的单例模式时疑惑为什么要这么写 var singleton = (function () { var privateVariable; function privateFunction...}, secondMethod: function (c) { ...privateFunction()... } }; }()); 后来查了下资料，js...中(function(){…})()立即执行函数写法理解，终于了解了。...来来来，首先嘛，JS中函数有两种命名方式 1、一种是声明式。 而声明式会导致函数提升，function会被解释器优先编译。即我们用声明式写函数，可以在任何区域声明，不会影响我们调用。...而是JS解释器逐行解释，到了这一句才会解释。因此如果调用在函数表达式之前，则会调用失败。
/** * @summary 接口的描述 * @token * @router GET /user/v1/info/{id} * @reques...
javascript，即开发一份 js 程序就可以运行在前端和服务端，这样比一个应用使用多种语言在开发效率上要高。...，他是 node 包管理和分发的工具，使用 NPM 可以对应用的依赖进行管理，NPM 的功能和服务端项目构建工具 maven 的依赖管理功能差不多，通过 NPM 可以很方便地下载 js 库，打包 js...单独的配置文件配置项目 在项目的根目录创建文件 vue.config.js 删除掉 package.json 中新添加的配置项 在 vue.config.js 文件中进行相关配置： module.exports...@/components/HelloWorld.vue' // 默认写法, 输出该组件 export default { // 组件名称，用于以后路由跳转...$message.error("Login Error"); }); }, }, }; 跨域问题解决 在前端项目中，向后端发送请求的获取课程数据的时候，
前言 有一个礼拜没发quarku+graalvm相关的内容了，因为博主在忙一个新的前端项目去了，从element-ui切换到antdv,也有很多新的东西需要一边啃文档一边输出，程序出现bug自是在所难免的...在java开发中，debug就是一个debug启动按钮解决的事情，而在前端开发中，IDEA这个开发工具也提供了非常好用的jsdebug工具，博主的这个用法不是网上介绍的那种需要安装插件才能用的方式，免安装浏览器插件可以直接用...在Run/Debug Configurations中，找到JavaScript Debug运行时，新建一个JavaScript Debug运行项，界面如下图所示： 序号1、输入jsdebug启动项目的名称...序号2、复制前端项目浏览地址到这里，这里需要说明下，jsdebug并不是帮你启动了一个前端项目，前端项目该怎么启动还怎么启动 序号3、选择一个你本地安装好的浏览器，我这里选择的就是360极速浏览器...，却没有得到很好的普及，网上搜到的那种方式大多是安装一个IDEA的浏览器插件配合使用，相比来说，博主发现的这个调试工具简直太好用了，而且注意哦，此法不仅可以调试VUE的项目，而是适合所有的前端项目
Vue.js 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一 方面，当与 现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。...自底向上逐层应用：作为渐进式框架要实现的目标就是方便项目增量开发（即插即用）。 官方网站: https://cn.vuejs.org/v2/guide/ Why Use Vue.js?...注意：默认写法会替换全部内容，使用插值表达式 {{}} 可以替换指定内容。...在前端开发过程中，经常出现多个网页的功能是重复的，而且很多不同的页面之间，也存在同样的功能。...适合前后端分离开发，服务端提供 http 接口，前端请求 http 接口获取数据，使用 JS 进行客户端渲染。 路由相关的概念 router：是 Vue.js 官方的路由管理器。
前端的国际化是一个比较常见的需求。但网上关于这一方面的直接可用的方案却不多。最近刚做了一版基于Vue.js的多语言实现，在此简单作一小结。...图片中的文案内容 4、页面title 5、第三方组件中的文案（比如，我的项目中用到了Vux的组件） 6、后端接口中需要展示到前端的数据内容 7、后端接口返回的错误提示 二、基本思路 1、首先，需要确定以什么样的方式来获取到当前应该展示何种语言...它支持下面这样的写法： 在模板中： $t('真实姓名', 'Real Name') 或者在JS中： this....对小项目来说，不失为一种选择。 其基本使用如下： t.js文件： import i18n from 'simplest-i18n'; import getLang from '../.....$t = t; 这样就把t这个方法挂载到了Vue.js的全局。Vue实例中也可以通过this.t访问到，使用上还是非常简单的。 但是，对于大项目来说，把语言包都写在代码里面，对维护并不友好。
它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。...myapp 构建一个名为 myapp 的项目： Vue 依然使用询问的方式，让我们对项目有一个初始化的信息 Project name：项目名 Project description: 项目描述 Author...一定要处理 Node.js 中错误回调传递进来的 err 参数。...或者，这里还有一大波使用了此规范的项目 代码可供参考。...注意: 如果你不适应这些语法规则,可以在构建项目时不使用 ESLint 的语法检查 12.4 项目代码预览 12.4.1 知识储备 严格模式 http://javascript.ruanyifeng.com
【工欲善其事，必先利其器】大家用什么来开发前端项目呢，WebStorm， Atom, 还是Sublime ，这里面哪个不是大名鼎鼎，但是论轻量级，论不要钱的，论生态，Visual Studio Code...1.引言 开发vue项目，大家有没有遇到如下情况： 1.1 注释不对 在vue文件，template中注释Ctrl+/代码 //<slot name="left" :itemLeft="itemLeft...Zakas 于2013年6月创建的开源<em>项目</em>。它的目标是提供一个插件化的javascript代码检测工具。...", //格式化.vue中html "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化...在style script template三部分中分别使用注释快捷键，css会变/* */,js 会变//,html会变<!
前端的国际化是一个比较常见的需求。但网上关于这一方面的直接可用的方案却不多。最近刚做了一版基于Vue.js的多语言实现，在此简单作一小结。...图片中的文案内容 4、页面title 5、第三方组件中的文案（比如，我的项目中用到了Vux的组件） 6、后端接口中需要展示到前端的数据内容 7、后端接口返回的错误提示 二、基本思路 1、首先，需要确定以什么样的方式来获取到当前应该展示何种语言...它支持下面这样的写法： 在模板中： $t('真实姓名', 'Real Name') 或者在JS中： this....对小项目来说，不失为一种选择。 其基本使用如下： t.js文件： import i18n from 'simplest-i18n'; import getLang from '../.....$t = t; 这样就把$t这个方法挂载到了Vue.js的全局。Vue实例中也可以通过this.$t访问到，使用上还是非常简单的。 但是，对于大项目来说，把语言包都写在代码里面，对维护并不友好。
错误展示 错误太长，我就不在标题展示了： webpack-dev-server --inline --progress --config build/webpack.dev.conf.js `node...查看Vue版本应该是这样的： npm list vue 所以说有些教程就挺害人的，当然，一般搞前端也知道这些是错的，就怕不懂的。 然后，卸载原来的webpack、安装对应版本webpack。...如果更改post启动成功，说明之前端口地址，可能被占用，尝试修改启动端口，或者kill占用此端口的线程。 第三条解决方案 修改host或者还原。
jsonp是ajax提交的一种格式不会受跨域限制 一.前端发送 11111 document.querySelector('button').onclick = function (...dict(request.GET)) #传过来的内容他会打散,具体的自己看一下就知道 #注意点返回的字符串必须是 'callback+("返回的字符串")' 这样的一个字符串,不然前端不会接收
做前端有一段时间了，慢慢的也积累了不少经验，现在记录下自己的经验，水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
