前端
关注
分享
扫一扫
deping_chen
2003年开始C++编程，精通C++,Qt,OSG,ThreeJS,愿意为您提供专业服务
展开
-
element ui（饿了么）树组件懒加载节点和手工添加节点的方法。
我是通过vue-property-decorator使用typescript编码的。懒加载或者动态加载文档上有例子，这里重复一下。手工添加节点没有，希望可以帮到大家。element树<el-tree ref="tree" node-key="id" :props="props" :load="loadNode" lazy @node-click="handleNodeClick" highlight-current :render-content="renderContentFunc"&原创 2020-07-16 10:01:55 · 1909 阅读 · 2 评论 -
在vue组件的ts脚本中导入图片
原先我是这么导入图片的，可以看到我加了一些eslint-disable注释：// eslint-disable-next-line @typescript-eslint/no-var-requiresconst onLight = require("../imgs/light-on.png");// eslint-disable-next-line @typescript-eslint/no-var-requiresconst offLight = require("../imgs/light-of原创 2020-07-14 10:14:39 · 4617 阅读 · 0 评论 -
vue别名不起作用
我在写一个购物网站，使用vue，三个项目，用户页面（多个）、后台管理页面和后端。后端用TypeScript，前台和后台准备转ts。转的过程中解决了不少问题，其中一个是别名在vue文件中不起作用，在ts文件中可以工作。import LoginPage from “@/components/LoginPage.vue”; // 不可以 can’t find the moduleimport LoginPage from “./components/LoginPage.vue”; // 可以我必须要使用原创 2020-07-05 00:06:29 · 3370 阅读 · 0 评论 -
怎么在ts文件中导入全局js的typescript声明文件
我写了一个js文件: fabric.ext.js, 并且在 html直接包含它:<head> <script src="fabric.min.js"></script> <script src="fabric.ext.js"></script></head>我又为它写了一个ts声明文件 (rightHand.d.ts):// eslint-disable-next-line @typescript-eslint/no-原创 2020-06-09 14:37:51 · 4073 阅读 · 3 评论 -
准备练习rxjs的环境
目录创建一个文件夹，例如rxjs-test创建一个node工程加入rxjs创建index.js文件运行代码创建一个文件夹，例如rxjs-testmkdir rxjs-testcd rxjs-test创建一个node工程npm init加入rxjsyarn add rxjs或者npm install rxjs创建index.js文件touch index.jsconst { ...原创 2020-04-24 21:33:28 · 403 阅读 · 0 评论 -
vue cli 3开发多页应用
vue开发多页应用最简单的方式就是使用vue.config.js的pages设置：// vue.config.jsconst path = require('path');const utils = require('./build/utils.js')module.exports = { pages: utils.globPages(),};// utils.jscon...原创 2020-04-22 13:08:06 · 262 阅读 · 0 评论 -
vue cli 3引入全局scss
这里写自定义目录标题vue cli 3引入全局scssvue cli 3引入全局scsspages是我写多页vue程序的配置【可以忽略】。先在configureWebpack里面设置了路径别名【可选】。然后在css里面指定加载的全局scss文件。prependData可以指定多个文件。const path = require('path');const utils = require(...原创 2020-04-22 12:55:56 · 1020 阅读 · 0 评论 -
解决vue编译时错误 - error: Unexpected console statement (no-console)
目录解决vue编译时错误修复办法去掉console.log等解决vue编译时错误error: Unexpected console statement (no-console)修复办法修改 .eslintrc.jsmodule.exports = { root: true, env: { node: true }, extends: ["plugin:vue/es...原创 2019-12-19 17:16:16 · 1572 阅读 · 0 评论 -
angular基类注入服务，在派生类使用
假设有一个服务FetchApi，希望在基类组件注入注入服务，在派生类组件使用。常规方法：@Component({ providers: [FetchApi]})export class Base{ constructor(private fetchApi: FetchApi) {}}@Component({ providers: [FetchApi] // 重复1})...原创 2019-11-04 09:36:09 · 678 阅读 · 0 评论 -
理解Function.prototype.apply.call(fn,thisArg,args)
看阮一峰老师的Reflect有这么一行代码：有了Reflect对象以后，很多操作会更易读。// 老写法Function.prototype.apply.call(Math.floor, undefined, [1.75]) // 1// 新写法Reflect.apply(Math.floor, undefined, [1.75]) // 1Function.prototype....原创 2019-11-01 15:14:58 · 1295 阅读 · 0 评论 -
Angular工程：当用户token过期后，返回登录界面
问题Angular工程，当用户一段时间没有操作，后端会让token过期，这时应该返回登录界面。实现原理通过Http拦截器来实现这个功能。让后端API在token过期后返回一个固定的状态，本例是response.body.code === ‘00191’。前端拦截Http调用，检查response，如果发现token过期，就发射一个login事件（通过事件与AppComponent#crea...原创 2019-10-30 18:05:20 · 2013 阅读 · 0 评论 -
用纯TypeScript开发Web应用的模板
现在开发前端应用多数使用Vue, React或者Angular, 但是假如希望直接使用TypeScript开发前端应用, 需要哪些配置呢? 这里提供一个TypeScript前端应用模板, 你可以直接下载使用: https://github.com/deping/TypeScriptWebAppTemplate下载以后:解压到一个目录;进入该目录;npm install开发时运行: np...原创 2019-10-19 19:32:48 · 599 阅读 · 0 评论 -
angular动态创建组件的服务代码
经测试，动态创建组件和路由有干扰，去掉路由后动态创建组件工作正常。dynamic-create.service.ts这个服务可以在任何容器内创建任何组件。创建之前会清空容器。import { Injectable, ViewContainerRef, ComponentFactory, ComponentRef, ComponentFactoryResolver, Type } from '...原创 2019-08-27 14:51:09 · 620 阅读 · 0 评论 -
在网页中使用typescript生成的代码
在网页中使用typescript生成的代码typescript转译为JavaScript代码的命令转换格式嵌入网页tsconfig.json示例typescript转译为JavaScript代码的命令需要安装typescripttsc -p e:\nodetest\tsconfig.json转换格式但是浏览器用不了，因为不支持 CommonJS 格式。要想让浏览器用上这些模块，必须转换格...原创 2019-06-24 10:34:24 · 2559 阅读 · 0 评论