- 博客(15)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 说说如何在 Vue.js 中实现标签页组件
标签页组件，即实现选项卡切换，常用于平级内容的收纳与展示。因为每个标签页的内容是由使用组件的父级控制的，即这部分内容为一个 slot。所以一般的设计方案是，在 slot 中定义多个 div，然后在接到切换消息时，再显示或隐藏相关的 div。这里面就把相关的交互逻辑也编写进来了，我们希望在组件中处理这些交互逻辑，slot 只单纯处理业务逻辑。这可以通过再定义一个 pane 组件来实现，pane ...
2018-12-31 20:14:42
976
原创 说说如何在 Vue.js 中实现数字输入组件
我们对普通输入框进行扩展，实现一个可快捷输入数字组件。首先制定规则：只能输入数字。设计两个快捷按钮，可直接在当前值的基础上增 1 或者减 1。数字输入组件可设置初始值、最大值与最小值。接着，规划好 API。一个 Vue.js 组件最重要的 3 个部分就是 props、events 以及 slot，我们需要定义这三个部分的命名以及业务规则。这个组件比较简单，所以我们只用到 prop...
2018-12-30 20:18:26
1407
原创 说说 Vue.js 组件的高级特性-续篇
1 $nextTickVue.js 在检测到数据发生变化时，会先开启一个队列，并在内存中循环遍历所有的数据改变，去除中间数据改变过程，直接执行实际工作（比如 for 循环改变某个变量 10 次，那么 Vue.js 只会执行最后一次更新操作）。这样可以避免不必要的计算以及 DOM 操作，从而提高性能。这个队列叫做异步更新队列。我们来看这样一个场景：一个默认隐藏的 DIV。点击按钮后，显示这个 ...
2018-12-29 15:54:33
455
原创 说说 Linux 命令回显出现中文乱码的解决方法
使用的客户端工具为 Xshell 6。键入的命令，只要带有中文字符，就会出现乱码，比如这样：1 分析首先查看当前系统所用的语言包： echo $LANG输出结果：zh_CN.gbk说明系统用的是 GBK，而 Xshell 客户端默认用的是 UTF-8，所以出现中文乱码。2 解决连接服务器后，打开工具栏中的地球图标，然后选择 GBK：再次键入命令， 命令回显中的中文字符...
2018-12-27 10:53:46
4294
2
原创 说说 Vue.js 组件的高级特性
1 递归为组件设置 name 属性，这个组件就可以在自身的模板内递归调用自己。html：<div id="app"> <deniro-component :count="1"></deniro-component></div>js：Vue.component('deniro-component',{ name:'deniro...
2018-12-23 15:44:41
464
原创 注入攻击学习笔记
安全设计原则：数据与代码分离。注入攻击的本质：把用户的输入数据当作代码来执行。关键条件：用户能够控制输入。程序要执行的代码拼接了用户输入的数据。1 SQL 注入1.1 概述因为 98 年黑客杂志的一篇文章， SQL 注入第一次为人熟知。var sql="select * from area where city ='" + city +"'";正常场景（传入 Shangh...
2018-12-23 13:53:49
597
原创 说说如何使用 Vue.js 中的 slot 实现内容分发
当需要组合组件，即混合父组件内容与子组件模板时，就需要用到 slot。一个组件不管多么复杂，都是由以下三个部分组成的：props - 传递数据events - 触发事件slot - 分发内容1 组件作用域html：&lt;div id="app"&gt; &lt;child v-show="isShow"&gt;&lt;/chil
2018-12-23 13:46:22
378
原创 说说在 Linux 中如何查看系统信息
1 查看系统内核uname -a输出结果：Linux xxx 2.6.32-431.el6.x86_64 #1 SMP Sun Nov 10 22:19:54 EST 2013 x86_64 x86_64 x86_64 GNU/Linux2 查看系统版本 cat /etc/issue输出结果：Linux version 2.6.32-431.el6.x86_64 (moc...
2018-12-13 15:30:45
269
原创 说说如何使用 Nginx 搭建文件服务器
1 前置安装安装 Nginx 之前，必须先安装以下这些依赖包：PCREzlibgzip因为这些安装包都是源代码包，所以都必须使用以下命令，先解压、再编译、最后安装：tar -zxvf xxx..tar.gz./configuremakemake install2 安装 NginxNginx 包下载后，与之前所说的依赖包类似，所以也是需要执行上述命令的。安装成功后，...
2018-12-13 14:49:33
807
原创 说说如何使用 Tomcat 搭建文件服务器
有时候，我们需要通过 URL 地址来下载文件，比如导出 Excel表格。前端使用的是 window.open(xxx) 来实现。如果 URL 直接指定 http://xxx:8080/xxx/xxx.xlsx，会抛出 404 错误。因为 Tomcat 只允许下载 HTML、JS、CSS 等页面，因此我们必须搭建一个文件服务器。这可以通过 Tomcat 的虚拟目录来实现。新建一个配置文件，...
2018-12-13 14:41:43
727
原创 说说在 Vue.js 中如何实现组件间通信（高级篇）
之前说过，可以使用 props 将数据从父组件传递给子组件。其实还有其它种的通信方式，下面我们一一娓娓道来。1 自定义事件通过自定义事件，我们可以把数据从子组件传输回父组件。子组件通过 $emit() 来触发事件，而父组件通过 $on() 来监听事件，这是典型的观察者模式。html：<div id="app"> <p>总数：{{total}}</p&...
2018-12-09 16:27:33
932
原创 说说在 Vue.js 中如何实现组件间通信
1 用法假设父组件的模板包含子组件，我们可以通过 props 来正向地把数据从父组件传递给子组件。props 可以是字符串数组，也可以是对象。html：<div id="app"> <deniro-component message="＂嫦娥四号＂成功发射升空 飞向月球背面要登陆"></deniro-component></div>...
2018-12-08 17:44:09
318
原创 说说 Vue.js 组件
使用 Vue.js 组件，可以提高控件及其 JS 能力的可复用性。1 定义第一个组件Vue.js 组件需要注册后才可以使用，注册分为全局注册和局部注册。全局注册后，任何 vue 实例都可以用这个组件。html：<div id="app"> <deniro-component></deniro-component></div>j...
2018-12-07 18:22:02
246
原创 说说 Vue.js v-model 指令的修饰符
1 .lazyv-model 指令默认会在 input 事件中加载输入框中的数据（中文输入法中输入拼音的过程除外）。我们可以使用 .lazy 懒加载修饰符，让其只在 change 事件中再加载输入框中的数据。html：<div id="app"> <input type="text" v-model.lazy="content" placeholder="请输入"...
2018-12-02 16:32:28
822
原创 说说 Vue.js 中的 v-model 指令以及如何绑定表单元素
我们可以使用 Vue.js 中的 v-model 指令来完成表单数据的双向绑定。1 基础用法1.1 文本输入框（text）这里演示了在文本输入框上输入的内容，会实时映射到绑定的数据上。html：<div id="app"> <input type="text" v-model="content" placeholder="请输入"> <
2018-12-02 16:08:43
2005
Nginx 1.18.0 以及相关依赖库
2020-12-27
jasperreports-functions-6.3.1.jar
2017-11-07
mysql 函数，可以将数字转换为中文大写形式
2017-10-30
olap4j-0.9.7.309-JS-3.jar jasperreports 6.x 的依赖包
2017-10-20
axis1.4 包，一个SOAP引擎，提供创建服务器端、客户端和网关SOAP操作的基本框架。
2017-09-29
Fiddler4 破解版，http协议调试代理工具
2017-09-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人