- 博客(43)
- 收藏
- 关注
RSS订阅
翻译 在vue中使用typescript
在Vue中使用typescript注：本文为翻译文章，非原创，文章原文链接在末尾附上。Vue是一个惊人的、轻量级的、渐进的前端框架。因为Vue是灵活的，所以用户不必使用TypeScript。与Angular不同的是，旧版本的Vue对TypeScript没有适当的支持。因此，大多数Vue应用程序都是用JavaScript编写的。现在有了对TypeScript的官方支持，就可以使用Vue CLI...
2020-04-04 14:19:04
3528
原创 简单粗暴解决echarts宽度为100px问题
问题出现场景elementUI的tabs组件中使用echarts，在切换过程中，echarts宽高失效，只有100px。问题原因： tabs中的标签是同时渲染的，通过display:none来控制标签的切换，所以除了默认展示的那个标签echarts100%能正常生效，其他的会默认为100px。简单粗暴的解决方法： v-if看了一些文章，有element.resize()的，也有window.addLisener(‘resize’)的，也有懒加载的。弄了半天没生效，我就简单粗暴的用v-if了结果
2021-01-04 14:32:58
5887
2
原创 地址收藏 阅读列表
阅读列表javascriptJavaScript中常见的十五种设计模式 - -渔人码头- - 博客园JavaScript 设计模式_w3cschoolJavaScript requestAnimationFrame动画详解_javascript技巧_脚本之家使用requestAnimationFrame实现js动画性能好_javascript技巧_脚本之家ES6 入门教程 - ECMAScript 6入门typescriptTypeScript - JavaScript that sc
2020-12-29 09:46:11
584
原创 “Error: for nested data item, row-key is required.
问题：vue elementUI 开发树形可折叠表格时报错：Error: for nested data item, row-key is required.解决方法：将`row-key="id"` 替换成 `row-key="areaId"`，tableData的id也换为`areaId`，总之就是tableData中的id名称与row-key的名称一致，个人猜想可能是`id`这个名字太常用了，引起的冲突
2020-08-04 17:41:49
18111
原创 vue-cli 更新遇到的问题，卸载不掉旧版本2.9.6（可行）
今天更新vue-cli时，遇到问题：卸载不掉旧版本2.9官网给的信息是：Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。运行了npm uninstall vue-cli -g，之后，居然是up to date in然后vue -V，版本号一直都在，说明没有卸载掉，查了好多资料，
2020-07-30 12:03:07
7383
9
原创 Building for production... Error: Failed to launch chrome!
环境说明：Vue prerender-spa-plugin Jenkins自动构建时报错.Building for production...Error: Failed to launch chrome!
2020-07-28 15:54:27
1992
原创 vue常见问题之vue-router中@代表src目录
vue项目中经常遇到“@”代表“src目录”的情况，其实这个是webpack起的别名；在build/webpack.base.conf.js中有声明；resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve(...
2020-02-21 09:46:58
4218
原创 JS中的循环/遍历/迭代
js在开发过程中遇到非常多的循环遍历，如for, for in, for of, forEach, filter, each, every, some, map…
2019-12-03 11:20:55
202
转载 js中的this指向
js 中的 this 指向十分重要，了解 js 中 this 指向是每一个学习js的人必学的知识点，今天没事，正好总结了 js 中 this 的常见用法
2019-10-13 13:59:02
159
原创 JQ兼容安卓和ios弹出系统键盘影响布局
使用场景页面底部有一行按钮栏，固定在窗口底部，即定位是position: fixed。当调起系统键盘时，底部按钮栏却在键盘上面，而希望的效果是底部按钮栏仍然在底部。同时解决当浏览器宽高发生变化时，多次触发onresize事件，只标记一次有效。想象中的样式是这样的：但是在安卓上，当输入手机号码唤起系统键盘时，按钮栏被顶到键盘上面了。大屏幕手机没什么影响，但小屏幕手机会挡住手机号码输入框，体验不...
2019-05-08 17:40:46
545
原创 npm install,package.json
dependencies与devDependenciesdependencies和devDependencies指定了项目依赖的包。dependencies：这些包在生产中需要。devDependencies：这些包用于开发和测试。npm install <package_name> --save命令会添加条目到package.json的dependencies中。npm i...
2019-02-24 22:48:17
2201
原创 JavaScript基础知识整理（ES5，不含ES6）
JavaScript 使用 Unicode 字符集。JavaScript 中的所有数据都是以 64 位浮点型数据(float) 来存储。所有的编程语言，包括 JavaScript，对浮点型数据的精确度都很难确定。1、JavaScript数据类型5种数据类型：stringnumberbooleanobjectfunction3中对象类型：ObjectDateArray...
2019-02-21 16:07:55
445
原创 搭建一个自动化构建的Web前端项目
Node简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。Browsersync是浏览器同步测试工具，Browsersync能让浏览器实时、快速...
2019-02-19 16:38:03
2823
4
转载 JavaScript 的数据类型及其检测
JavaScript 有几种类型的值？Javascript 有两种数据类型，分别是基本数据类型和引用数据类型。其中基本数据类型包括 Undefined、Null、Boolean、Number、String、Symbol (ES6 新增，表示独一无二的值)，而引用数据类型统称为 Object 对象，主要包括对象、数组和函数。接下来我们分别看下两者的特点。一、基本数据类型1.值是不可变的va...
2019-01-30 17:02:17
145
转载 5个写好JavaScript条件语句的Tips
5个写好JavaScript条件语句的Tips在用 JavaScript 工作时，我们经常和条件语句打交道，这里有5条让你写出更好/干净的条件语句的建议。多重判断时使用 Array.includes更少的嵌套，尽早 return使用默认参数和解构倾向于遍历对象而不是 Switch 语句对 所有/部分 判断使用 Array.every & Array.some总结1.多重...
2019-01-30 11:54:29
135
转载 即时搜索：对于ios自带输入法输入中文时多次触发input事件的处理
实现移动端的即时搜索的最佳方案，一定是使用input propertychange事件了，但是在ios设备上遇到了问题，使用ios自带输入法输入汉字时，会出现多次触发input事件的情况，一开始可能由于搜索的关键字不得法，没有即时找到合适的方案，后来终于在网上找到了解决方案，现记录如下：代码实现/*** @param flag: 用于标记是否是非直接的文字输入*/var flag ...
2018-08-14 14:26:34
7003
转载 CSS in JS 简介
以前，网页开发有一个原则，叫做“关注点分离”。React 出现以后，这个原则不再适用了。因为，React 是组件结构，强制要求把 HTML、CSS、JavaScript 写在一起。
2017-12-14 15:15:22
443
转载 Flex 布局教程：语法篇
页面布局一直都是web应用样式设计的重点，我们传统的布局方式都是基于盒模型的，利用display、position、float来布局有一定局限性，比如说实现自适应垂直居中。 随着响应式布局的流行，CSS3引入了更加灵活的弹性布局模型。flex弹性布局：使用弹性布局可以有效的分配一个容器的空间 ，即使我们的容器元素尺寸改变，它内部的元素也可以调整它的尺寸来适应空间 。
2017-10-24 16:17:24
341
转载 jQuery中this与$(this)的区别
起初以为this和$(this)就是一模子刻出来。但是我在阅读时，和coding时发现,总不是一回事，这里就谈谈this与$(this)的区别。
2017-09-05 16:18:53
240
转载 JavaScript define
AMD 规范是JavaScript开发的一次重要尝试，它以简单而优雅的方式统一了JavaScript的模块定义和加载机制，并迅速得到很多框架的认可和采纳。这对开发人员来说是一个好消息，通过AMD我们降低了学习和使用各种框架的门槛，能够以一种统一的方式去定义和使用模块，提高开发效率，降低了应用维护成本。
2017-08-01 09:34:26
377
原创 JavaScript中for和for-in的区别；访问对象的属性.和[]的区别
for-in循环遍历对象的属性时，为什么使用点号访问属性的结果是undefined，而使用[]访问属性的却是正确的结果。
2017-07-13 12:05:05
496
转载 Jsoup获取全国地区数据（省市县镇村）
最近手头在做一些东西，需要一个全国各地的地域数据，从省市区到县镇乡街道的。各种度娘，各种谷歌，都没找到一个完整的数据。最后功夫不负有心人，总算找到一份相对来说比较完整的数据，但是这里的数据也只是精确到镇级别，没有村一级的数据（后来通过分析数据源我知道了为什么，呵呵），在加上博主提供的有些数据存在冗余，对于有强迫症和追求完美的我，心想着我一定要自己动手去把这部分数据给爬取出来。 上述博文中的内
2017-07-12 16:55:32
647
转载 js实现一个图片懒加载插件
懒加载的意义及实现方式有：意义： 懒加载的主要目的是作为服务器前端的优化，减少请求数或延迟请求数。实现方式：第一种是纯粹的延迟加载，使用setTimeOut或setInterval进行加载延迟.第二种是条件加载，符合某些条件，或触发了某些事件才开始异步下载。第三种是可视区加载，即仅加载用户可以看到的区域，这个主要由监控滚动条来实现，一般会在距用户看到某图片前一定
2017-07-12 16:52:13
1564
原创 JavaScript学习笔记之js实现复选框checkbox的全选、反选示例
1.选中全选复选框，则其他的复选框自动全部选中；2.已选中全选复选框，再次点击全选复选框，则其他复选框全部不选中；3.当全部其他复选框都被选中时，全选复选框自动被选中；4.当全部其他复选框没有被全部选中时，全选复选框不被选中。
2017-07-10 11:40:48
956
原创 JavaScript学习笔记之闭包
JavaScript中，由于变量的作用域和生命周期限制，使得局部变量只能在作用域内有效，闭包的出现，使得局部变量的作用域扩大。函数调用完成之后，其执行上下文环境不会接着被销毁，这便是闭包的核心内容。闭包实现的关键在于：函数作为返回值，函数作为参数传递。
2017-07-07 12:05:23
278
原创 JQuery学习笔记之JQuery效果hide、show以及toggle方法的callback参数
jQuery中hide() 、show()和toggle()方法的callback参数的说明：$(selector).hide(speed,callback);$(selector).show(speed,callback);$(selector).toggle(speed,callback);1.$(selector)选中的元素的个数为n个，则callback函数会执行n次；2.callback函数名后加括号，会立刻执行函数体，而不是等到显示/隐藏完成后才执行；3.callback参数可以是函
2017-06-29 15:43:39
1478
转载 浅谈JavaScript、ES5、ES6
JavaScript由三部分组成：1. ECMAScript（核心）：作为核心，它规定了语言的组成部分：语法、类型、语句、关键字、保留字、操作符、对象2. DOM（文档对象模型）：DOM把整个页面映射为一个多层节点结果，开发人员可借助DOM提供的API，轻松地删除、添加、替换或修改任何节点。3. BOM （浏览器对象模型）：支持可以访问和操作浏览器窗口的浏览器对象模型，开发人员可以控制浏览器显示的页面以外的部分。ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaSc
2017-03-29 10:18:05
549
原创 $(document).ready() 、[removed]、onload属性三者之间的区别
一、window.onload与onload属性：假设已经定义了这样一个函数：function doSomething(){//do something...}既可以在html标记中指定该函数：<body onload="doSomething()"></body>也可以在JavaScript中使用该函数：window.onload=doSometh...
2017-02-27 15:29:57
611
转载 a标签添加onclick事件的几种方式
我们常用的在a标签中有点击事件：1. a href="javascript:js_method();"这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不 必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行 javascript语句2. a href="...
2017-02-24 11:38:49
115163
6
原创 【关于String的Demo_01】获取带有汉字的字符串的长度，汉字为2位
看过一篇文章《我遇到一个Bug，金额大于一千万就报错》，瞬间觉得String简直就是万能的。这里就分享几个不错的关于String的方法。
2016-09-14 16:46:37
1667
转载 Eclipse 远程调试 WebSphere Application Server (WAS)
WAS支持远程调试的设置，打开它，你只需要用 Eclipse Debug 中的 Remote Java Application 功能连接到服务器上相应端口即行。设置很简单，这样的办法你甚至可以在闲时偷偷的调试一下生产环境的 WAS 应用以验证测试环境难以/无法重现的问题
2016-09-14 16:00:08
8479
原创 【规则引擎连载７】 WebSphere ILOG JRules 开发——BOM更新
通常根据需求的变更，接口文档的调整，业务对象模型需要有部分一些新增，删除或者修改等操作。那么此时需要首先更新业务对象的Java项目，然后重新打出jar包，覆盖原有的jar包，然后bom更新。
2016-09-02 11:22:31
2356
原创 【规则引擎连载6】 WebSphere ILOG JRules 开发——部署规则项目到RES上
规则项目创建完成后需要部署到RES（Rule Execution Server）上执行，才能产生业务价值。本文主要介绍从本地Rule Design，把规则项目部署到Rule Execution Server上。
2016-09-02 11:04:03
2436
原创 【规则引擎连载5】 WebSphere ILOG JRules 开发——与Rule Team Server交互
之前的几篇连载，都是在Rule Design 上进行的，也就是开发人员使用的基于eclipse的集成环境。规则引擎的主要目的，是让业务人员也参与规则的开发和维护，那么需要将建成的规则项目同步到给业务人员使用的平台上，也就是Rule Team Server。对于开发人员而言，Rule Team Server的功能类似于SVN，其使用的方法也与SVN类似。业务人员在TeamServer上开发了规则，开发人员也可以更新到Rule Design实现规则的共享和同步。
2016-09-01 11:35:45
3354
原创 【规则引擎连载4】 WebSphere ILOG JRules 开发——编写规则、决策表、规则流
规则即业务，在规则引擎中，主要是对业务以及业务流程的处理，让业务人员参与编写业务规则的环境，语法简单易懂，其核心就是一系列的“如果” “那么”的语法。与java中的if、else语句相通。“如果”语句就是if语句，包括if的条件，“那么”语句就是大括号中的语句啦。规则中所有的语句以及词汇都是在bom中翻译成业务术语的，bom来自java程序，归根结底，规则是通过bom调用了java项目中的类以及方法，所以，业务规则需要处理的各种业务，其实是在java项目中实现了的。
2016-08-31 16:06:17
5487
4
原创 【规则引擎连载3】 WebSphere ILOG JRules 开发——新建一个规则项目
规则项目依赖于bom，bom来自于一个Java项目，所以在建规则项目之前，需要先建立一个Java项目，也就是建模。 说明：原则上是一个规则项目，一个bom。如果规则项目很多，并且每个规则项目的bom都是一样的，那么可以将bom提取出来，单独作为一个项目，这样减少不必要的重复操作，减少维护成本，降低出错几率。这里逐步讲解两种方法来创建规则项目，推荐第二种。 本文主要建立两种规则项目与bom之间的关系，编写相关的规则内容，如操作规则、规则流、决策表等，在后续文章中详细讲解 。
2016-08-29 16:26:39
2111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人