飞天代码的博客

只要你相信、其他人的看法可能就不是那么的重要咯

WebStorm开发TypeScript的相关设置

最近公司采用typescript来编写组件,一开始都是手动tsc来将ts文件编译成js文件。用了一天后,都要疯了,还是直接设置webstorm来自动生成js吧。 第一步:安装node就不介绍了 第二步:当然就是安装typescript了 npm install typescript -g 安装...

2019-09-10 22:36:52

阅读数 6

评论数 0

Typescript的使用(一)环境搭建

需要将以前js文件改成ts文件。 第一步当然就是新建工程: 新建文件夹 第二步:用webstorm打开该文件夹,然后执行cnpm init 这样会生成package.json文件 第三步全局安装typescript npm install -g typescript 并且在跟目录下添加tsco...

2019-09-03 14:46:30

阅读数 21

评论数 0

git的基础使用(一)

第一步:在本地找到项目代码,进行仓库初始化 //进入相应项目文件夹 D:\>cd D:\nodeProject\go-eplat-manage //实现git的仓库初始化 D:\nodeProject\go-eplat-manage>git init //设置账户 与 ...

2019-05-17 12:56:23

阅读数 35

评论数 0

vue3+typescript+vu3x项目开发 ( 四)结合vuex

搜索vu3+typescript+vuex,网上例子一大把,但自己需要的那种帖子却少的可怜。 做正真的工程项目的时候vuex是必不可少的,而且说实话一般都会分模块来管理store,而网上的例子大部分是不分模块的。 第一步:废话不多说了,首先定义LoginStore.ts。 const initS...

2019-04-16 09:34:50

阅读数 168

评论数 0

vue3+typescript项目开发 (三)添加jquery和jquery插件toastr

vue3中使用jquery,可能好多人说用了vue3没必要用jquery,其实不然。好多界面和组件,还是需要使用jquery的,不然都需要用原生js来实现,而且还需要考虑兼容性。 废话不多说了 第一步是按照jquery了 cnpm i jquery --save-dev 第二步:修改vue.co...

2019-04-15 13:35:20

阅读数 312

评论数 0

vue3+typescript项目开发 (二)配置信息修改

第一步:集成ivew cnpm install iview --save 执行该命令,安装iview组件库 打开main.ts文件,添加如下代码: //引入iview组件 import iView from 'iview'; import 'iview/dist/styles/iview.cs...

2019-04-12 15:06:32

阅读数 250

评论数 0

vue3+typescript项目开发 (一)升级相关组件

使用vue2开发项目2年了,那个时候typescript还没有流行,一晃2年过去了,现在已经vue3+typescript大行其道了,所以打算还是把自己的项目升级一下。 第一步:自然是升级node https://nodejs.org/en/ 到官网下载最新稳定版本进行安装 我安装的是10....

2019-04-12 09:59:29

阅读数 309

评论数 0

vue动态路由来生成系统菜单(二) 解决刷新空白的问题

由于子路由都是动态追加的,当界面刷新的时候,其实我们路由里面并没有该子界面的配置,所以就是404咯,也就是空白咯 在页面刷新时候,在router.beforeEach里面去判断,如果是动态路由而且是第一次加载,则动态追加该路由,再进行界面的跳转。 核心代码如下: var dynamicRoute...

2019-03-16 01:02:51

阅读数 1461

评论数 0

vue动态路由来生成系统菜单(一)

先说下功能吧,就是菜单通过动态路由进行渲染出来,而不是路由配置写死来实现。虽然网上已经有各种帖子来介绍,但我还是折腾了快2天才搞定。 直接上代码吧 <template> &amp...

2019-03-15 15:50:48

阅读数 839

评论数 0

grunt来编译sass文件

第一步安装全局sass cnpm install -g sass 第二步安装全局ruby cnpm install -g ruby 第三步安装grunt-contrib-sass cnpm install grunt-contrib-sass --save-dev 第四步...

2018-12-23 22:06:33

阅读数 91

评论数 0

动态加载ckeditor4

通过getScript动态加载ckeditor4的时候,不要加载完成就调用initCkEditor。 也就是代码不能写成 $.getScript(contextPath + '/common/ckeditor410/ckeditor.js', function () { ...

2018-12-14 13:11:18

阅读数 206

评论数 0

ckeditor5 监听内容的变化

目前要找ckeditor5的相关资料真的非常少,如果是国内的资料就更少了,感觉自己都成了第一个吃螃蟹的人了。 大家都知道ck4里面监听内容变化 ckeditor.on(‘change’,function(){ console.log(“内容变化了”); }) 到ckeditor5以后这样写不行了,...

2018-12-12 15:02:10

阅读数 884

评论数 0

经典面试题(一):俩个div并排,左边div固定宽度,右边宽度自适应

在地铁上无聊看到一个面试帖子,“俩个div并排,左边div固定宽度,右边宽度自适应”,至少列出4种。 嗡,写了这么多年代码,竟然只能列出2种。回来还是写几个例子验证下。 方式一:BFC(块级格式化上下文) 思路:左边定宽,右边采用 overflow: hidden; /* 触发bfc */ 代...

2018-11-23 23:19:08

阅读数 1078

评论数 0

ckeditor5 左缩进插件 (四)

目录结构跟右缩进是基本相同

2018-08-20 00:04:44

阅读数 506

评论数 0

ckeditor5 右缩进插件扩展 (三)

ckeditor5 竟然没用左右缩进操作,部门领导要我加上,只能硬着老皮上咯。 ck5 虽然有文档,但如果扩展插件还是一团雾水,搞了半天才搞定。 目录结构: 里面用到几个关键方法: // Get only those blocks from selected that can have...

2018-08-20 00:03:17

阅读数 761

评论数 0

CKEditor 5 插入html代码(二)

大部分情况是需要往编辑器中插入相关html内容,特别是DecoupledEditor模式的编辑器。 //获取编辑器对象 var editor=ckeditor5Utils.instances[editorId]; var viewFragment = editor.d...

2018-08-15 18:11:10

阅读数 2473

评论数 0

CKEditor 5 关联文档插件的扩展 (一)

CKEditor 5网上的资料相对来说是比较少的,只能是通过研究官方的英文文档来进行开发。 功能需求: ’就是点击工具栏上的一个按钮,弹出一个窗口,在窗口中选择相应的附件,然后点击确定将选择的文件回写到编辑器中。 这里就需要对编辑器进行插件扩展,才能完成改功能。 第一步:去下载源码进行安装...

2018-08-14 13:30:43

阅读数 1851

评论数 2

Vue2+VueRouter3+Webpack3.6+Axios项目实战----Grunt在项目中的使用(十二)

可能有人会疑问,既然都用webpack了怎么还需要用grunt呢。 先介绍下使用背景:

2018-07-20 16:03:25

阅读数 279

评论数 0

Vue2+VueRouter3+Webpack3.6+Axios项目实战----svg图片在项目中的使用(十一)

svg图片的优点不在阐述,直接讲解怎么集成到项目中。 项目中采用的vue2-svg-icon组件,来使用svg图片。 第一步:自然就是安装vue2-svg-icon插件 cnpm install vue2-svg-icon --save-dev 第二步:则就是src/assets/下新建s...

2018-07-20 15:58:58

阅读数 216

评论数 0

Vue2+VueRouter3+Webpack3.6+Axios项目实战----兼容IE的配置(十)

网上搜索下vue2项目支持IE会有大量相关的文档,而且会详细讲解配置过程,但折腾了半天才发现网上的方式并不适合我项目的实际情况。 因为该项目大概有将近100个界面,每个界面都会用到几个特殊的工具类: 比如系统工具类GoingUtils 、系统断言类AssertUtils、离线存储类Storag...

2018-07-14 22:33:55

阅读数 473

评论数 0

提示
确定要删除当前文章?
取消 删除