ts

【vue&ts开发】Vue 3.0前的 TypeScript 最佳入门实践

耗尽温柔 提交于 2019-12-04 15:45:53
1、使用官方脚手架构建 新的 VueCLI 工具允许开发者 使用 TypeScript 集成环境 创建新项目。 只需运行 vue createmy-app 。 然后,命令行会要求选择预设。使用箭头键选择 Manuallyselectfeatures 。 接下来,只需确保选择了 TypeScript 和 Babel 选项,如下图: 完成此操作后,它会询问你是否要使用 class-style component syntax 。 然后配置其余设置,使其看起来如下图所示。 Vue CLI工具现在将安装所有依赖项并设置项目。 接下来就跑项目啦。 总之,先跑起来再说。 2、项目目录解析 通过 tree 指令查看目录结构后可发现其结构和正常构建的大有不同。 这里主要关注 shims-tsx.d.ts 和 shims-vue.d.ts 两个文件 两句话概括: shims-tsx.d.ts ,允许你以 .tsx 结尾的文件,在 Vue 项目中编写 jsx 代码 shims-vue.d.ts 主要用于 TypeScript 识别 .vue 文件, Ts 默认并不支持导入 vue 文件,这个文件告诉 ts 导入 .vue 文件都按 VueConstructor<Vue> 处理。 此时我们打开亲切的 src/components/HelloWorld.vue ,将会发现写法已大有不同 至此

react 项目完整搭建

扶醉桌前 提交于 2019-12-04 05:35:57
一. create-react-app npx create-react-app react-demo —typescript 默认情况下,生成的项目支持所有现代浏览器。对Internet Explorer 9、10和11的支持需要polyfill。 通过npm run eject , 暴露webpack配置 二、安装其他库 1、路由 react-router:提供了一些router的核心api,包括Router, Route, Switch等,但是它没有提供dom操作进行跳转的api。 react-router-dom:提供了HashRouter、BrowserRouter, Route, Link等api ,我们可以通过dom的事件控制路由 2、HTTP axios:Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 proxy:参照create-react-app官网推荐库——http-proxy-middleware 3、UI Ant-design:服务于企业级产品的设计体系 sass: npm install node-sass --save(因为新版本已经集成了 sass 的处理了,因此,就不需要额外的配置有关 sass 的内容了。但是,如果需要在项目中使用 sass 的话,还是需要安装依赖包的。) 4、状态管理 redux

go-gin-api 路由中间件 - 签名验证(七)

大兔子大兔子 提交于 2019-12-04 02:05:37
概览 首先同步下项目概况: 上篇文章分享了,路由中间件 - Jaeger 链路追踪(实战篇),文章反响真是出乎意料, 「Go中国」 公众号也转发了,有很多朋友加我好友交流,直呼我大神,其实我哪是什么大神,只不过在本地实践了而已,对于 Go 语言的使用,我还是个新人,在这里感谢大家的厚爱! 这篇文章咱们分享:路由中间件 - 签名验证。 为什么使用签名验证? 这个就不用多说了吧,主要是为了保证接口安全和识别调用方身份,基于这两点,咱们一起设计下签名。 调用方需要申请 App Key 和 App Secret。 App Key 用来识别调用方身份。 App Secret 用来加密生成签名使用。 当然生成的签名还需要满足以下几点: 可变性:每次的签名必须是不一样的。 时效性:每次请求的时效性,过期作废。 唯一性:每次的签名是唯一的。 完整性:能够对传入数据进行验证,防止篡改。 举个例子: /api?param_1=xxx&param_2=xxx,其中 param_1 和 param_2 是两个参数。 如果增加了签名验证,需要再传递几个参数: ak 表示App Key,用来识别调用方身份。 ts 表示时间戳,用来验证接口的时效性。 sn 表示签名加密串,用来验证数据的完整性,防止数据篡改。 sn 是通过 App Secret 和 传递的参数 进行加密的。 最终传递的参数如下: /api

qt翻译和国际化的探讨。

耗尽温柔 提交于 2019-12-03 17:27:18
这段时间一直都在怼qt的国际化,以前也接触过国际化,但是感觉不是那么的深刻,这次是因为一个项目要做一个国际化的版本,代码里面是不能出现中文的,所以就翻译了一下。qt用的是4.8.6 64位的,IDE(集成开发环境)用的是vs2010。 我就把我操作的流程在这里给大家说一遍,按照我这么做的话肯定是没有什么问题,其实就是需要两个文件,一个是ts文件,一个是qm文件。 第一步需要在pro文件中加上一段话。 TRANSLATIONS += offlinedataquery_zh.ts 文件名其实可以自己去定的,我这里因为是项目需要名称定的是offlinedataquery_zh,这个zh是表示中文翻译,如果你有其他语言的需要也可以定义其他,比如日语可以定义jp都可以。 第二步找到qt的bin目录,这个可以用cmd。 然后执行 lupdate offlinedataquery.pro 这里文件还是要找准路径才行。 这里就会在根目录下生成一个ts文件。 然后再执行 lrelease offlinedataquery_zh.ts 这个时候就生成了一个qm文件,这个就是我们在代码中需要加载的文件 QTranslator* Translator = new QTranslator; QString tmp_gcdir = QObject::tr(getenv("GCDIR")); QString

typescript 起步之安装及配置 ts-node 环境变量

喜欢而已 提交于 2019-12-03 12:17:44
  最近vue 3.0 版本发布,让我认识到 typescript 将占有越来越重要的地位,所以我也开启了typescript学习之旅。   要想编写第一个 hello typescript 程序,当然要经过安装这个必要的过程,我们分为接下来几个步骤: 步骤一:全局安装 typescript npm install -g typescript      步骤二:全局安装 ts-node   安装它的原因是typescript自带的tsc命令并不能直接运行typescript代码。但值得注意的是 ts-node 并不等于 typescript 的 Node.js ,仅仅封装了 typescript 的编译过程,提供直接运行typescript代码的能力。 npm install -g ts-node    步骤三:配置 ts-node 环境变量   1.要想配置环境变量,我们首先要清楚 npm 全局安装 ts-node 的位置 npm config get prefix   2.经过上面的语句我们可以知道 npm 全局安装 ts-node 的位置,接下来就是配置为环境变量: 桌面“ 此电脑 ”右键点击“ 属性 ” 窗口左侧列表点击“ 高级系统设置 ” 新窗口点击下方“ 环境变量 ” “ 系统变量 ”选择“ Path ”,点击“ 编辑 ” 点击“ 新建 ”,将1中得到的路径 复制 进去

ts-loader / css-loader not being able to import/resolve file

匿名 (未验证) 提交于 2019-12-03 09:14:57
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: Trying to add css modules using style-loader and css-loader. Having a hard time figuring this out. I'm also not sure whether it's ts-loader to blame or css-loader. webpack.config.js const path = require('path'); module.exports = env => { return { devtool: "inline-source-map", entry: "./src/index.tsx", output: { path: path.resolve(__dirname, "/public"), filename: "build/app.js" }, resolve: { extensions: [".ts", ".tsx", ".js", ".json"], }, module: { rules: [ { test: /\.tsx?$/, loader: "ts-loader", }, { test: /\.css$/, loader: 'style!css-loader

ADF test in statsmodels in Python

匿名 (未验证) 提交于 2019-12-03 08:48:34
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I am trying to run a Augmented Dickey-Fuller test in statsmodels in Python, but I seem to be missing something. This is the code that I am trying: import numpy as np import statsmodels.tsa.stattools as ts x = np.array([1,2,3,4,3,4,2,3]) result = ts.adfuller(x) I get the following error: Traceback (most recent call last): File "C:\Users\Akavall\Desktop\Python\Stats_models\stats_models_test.py", line 12, in <module> result = ts.adfuller(x) File "C:\Python27\lib\site-packages\statsmodels-0.4.1-py2.7-win32.egg\statsmodels\tsa\stattools.py", line

Trying to invoke custom filter results in &#039;error TS2349: Cannot invoke an expression whose type lacks a call signature&#039;

匿名 (未验证) 提交于 2019-12-03 08:46:08
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I am attempting to invoke a custom filter from an Angular controller but I get the error: 'Cannot invoke an expression whose type lacks a call signature'. I implemented it like this on the last project I worked on so I am at a loss as to what is wrong. The filter does not contain any logic at this point as I need to get it compiling first. Here is the filter: /// <reference path="../../typings/reference.ts" /> module app { 'use strict'; /** * Filter models */ export class ModelFilter { public static Factory() { return function(input: string)

nodejs 爬去视频网站ts文件,合成一个

自古美人都是妖i 提交于 2019-12-03 05:13:14
利用nodejs,request包 定时爬去 网站视频ts接口,大概有1771个文件。 首先,获取到网站的ts视频分段配置文件,获取到后,放入本地文件,方便下次使用。 然后,定时调用下载函数,进行下载, 爬去过程中会有下载失败的,所有我在爬去完毕后,检查下载失败的,再次进行下载, 最后,exec包执行cmd命令 进行合成一个ts文件 const request = require("request"); const fs = require("fs"); const { exec } = require('child_process'); const emptyFile = []; const failDownload = []; function reload(results) { results.forEach(el => { let checkUrl = './download/' + el;      //检查文件是否已经存在 if(fs.existsSync(checkUrl)) {        //获取文件信息 const r = fs.statSync(checkUrl);        //如果大小为0,则是下载失败的 if(r && r.size == 0) { emptyFile.push(el);          //删除下载失败的 const del =

Typescript error TS1005: &#039;;&#039; expected

匿名 (未验证) 提交于 2019-12-03 03:05:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I am trying compile this typescript file: import http = module("http"); import express = module("express"); With these parameters: C:/nodejs/tsc.cmd --sourcemap cheese.ts --module commonjs C:/User/Node/ExpressProject/cheese.ts(5,21): error TS1005: ';' expected. C:/User/Node/ExpressProject/cheese.ts(6,24): error TS1005: ';' expected. What am I doing wrong? Even with this, I am getting the same errors errors: module "http" {} module "express" {} import http = module("http"); import express = module("express"); Using Typescript version 0.9.1