归档文章: Web Programing

vue如何批量导入一个文件夹下的多个vue component

假如我的代码文件结构如下:

如果我想在App.vue 中导入/src/component/*.vue 的所有vue component 该如何批量导入呢? 如果不进行批量导入的话,只能一行一行的import和Vue.component
更多…

javaScript data 转换成 yyyy-mm-dd hh:mm:ss 的字符串

前段跨域请求springboot application后台解决

当前端程序(js)跨域请求restful api 或者 资源时, 会先进行options请求,查看是否有权限。 如果有权限则会继续请求并获得服务器资源。
例如开发的vue spa, npm run dev后, 程序默认部署到了localhost(本地) 8080 端口下。 这时候我们调试前端程序访问一个其他的服务器资源,例如http://otherip/api, 因为otherip 不是localhost:8080 则浏览器会先进行一个options 方法的请求。 更多…

vue iview ui 实现左侧menu菜单和tabs联动

想实现左侧menu菜单和tabs 联动, 因为对vue是初学不是特别熟悉, 还是折腾了好几天.   前些日期发现了iview ui, 感觉不错, 并不必bootstrap 差, 所以用iview 重新写了一个demo.  iview 貌似还是国人开发的, 值得推荐.

menu菜单和tabs的联动是指, 我在左侧点击某个菜单时, 右侧的tab页自动创建一个tab标签, 如果点击的该菜单已经存在于tab标签下, 则自动激活该标签显示该标签下内容.    标签下 面需要动态加载dynamic vue component 的内容.   单独的tab页,增加tab和移除tab 标签中并不复杂, 因为iview的tab 组件默认已经支持了.  所以我这里仅是实现menu和tab的联动.  menu 菜单点击后,  触发一个 select 操作,  那么我们需要获取tabs的component 设计activeKey即可实现.

更多…

jquery append 疑惑点

经常要用到添加子节点dom,可以用append方法。
例如:

如果有时候因为加入的节点分成两部分,则也不能写成如下方式

如果这样输出的html会有问题。 因为append会自动补齐element。

所以使用变量追加html内容时,可能需要如下处理。

 

apache httpd如何查看我安装了哪些模块,启用了哪些模块

apache httpd如何查看我安装了哪些模块,启用了哪些模块

通常我们知道如何当前启动的服务加载/启用了哪些模块,但是我想知道我安装的所有的模块(而不是我当前已经启用加载的模块),并启用一些未加载的模块如何处理呢?

更多…

javascript如何在object中的方法中settimeout调用本方法

 

本段代码是想在object中 循环调用自己的方法。 你会发现

只能打印1条updated…hi 日志后,就没有在继续循环调用。 并提示错误。Uncaught TypeError: this.update is not a function

这是什么原因呢?

更多…

不使用js实现文件选择input的样式优化

第一步假的文件选择的假按钮

第二步css样式定义

思路是, input在span标签里,此时将input设为透明(看不到),高和宽做成和span一样的大小, 所以我们点击span时,其实点击的你看不到的透明的input 按钮。

其实这时候就已经可以了。但是用户选择文件后,没有得到反馈,比如我选择了什么文件等等。 这时候就只能通过js代码来获取到用户选择的文件名称或者数量,并显示反馈到前端告诉用户选择了什么内容。

http://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3/

ajax multipart post请求不同content-type实现

ajax multipart post请求不同content-type实现

更多…

apache httpd服务器返回html和css content-type错误

apache httpd服务器返回html和css content-type错误,会导致浏览器工作不正常。具体的现象就是,html 代码被浏览器当作纯文本的内容直接显示,而不会去渲染。 css的代码也会当作纯文本的内容,下载后并不会应用样式到html代码。

举个例子,当我打开 http://www.hissummer.com/index.html 时,返回的是

<html>xxx</html> 给用户。 更多…