ts

Tslib配置文件ts.conf介绍

匿名 (未验证) 提交于 2019-12-02 23:57:01
Tslib 的配置文件ts.conf 是个十分重要的部分, module_raw input module pthres pmin=1 module variance delta=30 module dejitter delta=100 module linear 在ts.conf 中配置了需要加载的插件、插件加载顺序以及插件的一些约束参数,这些配置参数对触摸屏的触摸效果具有十分重要的影响。 其中:pthres 为Tslib 提供的触摸屏灵敏度门槛插件 默认参数为pmin=1;     variance 为Tslib提供的触摸屏滤波算法插件 默认参数为delta=30;     dejitter 为Tslib 提供的触摸屏去噪算法插件 默认参数为delta=100;    linear为Tslib 提供的触摸屏坐标变换插件。 由于各种因素的影响,在不同的硬件平台上,相关参数可能需要调整。以上参数的相互关系为:采样间隔越大,采样点越少,采样越失真,但因为信息量少,容易出现丢笔划等丢失信息情况,但表现出来的图形效果将会越好;去噪算法跟采样间隔应密切互动,采样间隔越大,去噪约束应越小,反之采样间隔越小,去噪约束应越大。去抖算法为相对独立的部分,去抖算法越复杂,带来的计算量将会变大,系统负载将会变重,但良好的去抖算法可以更好的去除抖动,在进行图形绘制时将会得到更好的效果;灵敏度和ts

pixi小游戏开发(vue+typescript)

匿名 (未验证) 提交于 2019-12-02 23:57:01
一直以来都觉得typescript是以后前端发展的趋势,一些大厂的前端项目都已经在用ts来替代js了。 正好最近刚开始准备用pixi写个小游戏,因为刚开工没多久,于是今天就将之前的功能用ts去实现了一下,部分功能之前的博客也有提到过。 用的是vue-cli的3.11版本,并且选择了TypeScript,项目初始化后目录如下图所示(红框除外): 单个页面的代码截图如下: 有一点需要注意的是: @component注解必须加上,无论你是当作路由页面使用还是当作组件使用,不然解析的时候就会有问题(至少生命周期函数不能如期执行),这也是我写的时候踩到的一个坑,其他的都还好,都比较容易上手。 interface.ts 这里定义了业务所需的interface和class,并且export; 到需要使用的页面: import {task,tasklist,keyboard} from '../tsfile/interface' 这里用ts实现了之前的事件队列模式。 其余的就没什么好说的了,ts的用法和java十分类似,包括继承、构造器、类、接口、泛型等等。。。 哦,对了,这个项目也是直接托管到github的,有空就写一点,地址送上: https://github.com/ecojust/pixi_game 来源:博客园 作者: 桔子桑 链接:https://www.cnblogs.com/eco

【心无旁骛】vue-ts-daily

匿名 (未验证) 提交于 2019-12-02 23:52:01
这是一个非常有意思的项目,我们先来看看效果 这个项目所用的技术也比较有意思,它的技术栈为vue2.5 + Typescript + vuex + vue-router 放下博主的项目地址吧,https://github.com/xiaomuzhu/vue-ts-daily 接下来我们一起看项目代码吧,也一起研究ts怎么在vue中进行使用 首先是入口文件main.ts //main.ts // 本质上和写js一样 import Vue from 'vue'; // 解决300ms点击延迟问题 import FastClick from 'fastclick'; // 引用图标字体组件 import VueIconFont from 'vue-icon-font-pro'; // 日历组件 import vueEventCalendar from 'vue-event-calendar-pro'; // Vue.js 2.0 组件级懒加载方案:Vue Lazy Component import VueLazyComponent from '@xunlei/vue-lazy-component'; //骨架loading import VueSkeletonLoading from 'vue-skeleton-loading'; // Normalize.css是一种CSS

MongoDB oplog 深入剖析

匿名 (未验证) 提交于 2019-12-02 23:41:02
为什么80%的码农都做不了架构师?>>> MongoDB 的Replication是通过一个日志来存储写操作的,这个日志就叫做oplog。 在默认情况下,oplog分配的是5%的空闲磁盘空间。通常而言,这是一种合理的设置。可以通过mongod --oplogSize来改变oplog的日志大小。 oplog是capped collection,因为oplog的特点(不能太多把磁盘填满了,固定大小)需要,MongoDB才发明了capped collection(the oplog is actually the reason capped collections were invented). oplog的位置 oplog在local库: master/slave 架构下 local.oplog.$main; replica sets 架构下: local.oplog.rs sharding 架构下,mongos下不能查看oplog,可到每一片去看。 mongos> use local switched to db local mongos> show collections Thu Mar 28 11:37:11 uncaught exception: error: { "$err" : "can't use 'local' database through mongos",

PHP TS 和 NTS 版本选择

匿名 (未验证) 提交于 2019-12-02 22:10:10
在PHP 开发和生产环境搭建过程中,需要安装PHP语言解析器。官方提供了2种类型的版本,线程安全(TS)版和非线程安全(NTS)版,有时后我们开发环境和实际生产的环境有所不同,因此也需要选择安装对应的PHP版本。 在此记录下笔记,方便日后查看 ... 1、简介 TS:   TS( Thread-Safety )即线程安全,多线程访问时,采用了加锁机制,当一个线程访问该类的某个数据时进行数据加锁保护,其他线程不能同时进行访问该数据,直到该线程读取完毕,其他线程才可访问使用该数据,好处是不会出现数据不一致或者数据污染的情况,但耗费的时间要比 NTS 长。   PHP以 ISAPI 方式(Apache 常用方式)加载的时候选择TS版本。 NTS:   NTS( None-Thread Safe )即非线程安全,不提供数据访问保护,有可能出现多个线程先后或同时操作同一数据的情况,容易造成数据错乱(即脏数据),一般操作的执行时间要比 TS 短。   PHP以FAST-CGI方式加载运行的时候选择TNS版,具有更好的性能;    ISAPI:   ISAPI( Internet Server Application Programming Interface ), 通常是指被http服务器所加载,以服务器的 模块形式运行 ,由微 软提出,故只能在win平台上运行,如win下的apache

仿有赞后台+vue+ts+vuecli3.0+elementUi+二期项目结构文件搭建+以及路由的使用

天涯浪子 提交于 2019-12-02 18:50:44
本文转载于: 猿2048 网站➣ 仿有赞后台+vue+ts+vuecli3.0+elementUi+二期项目结构文件搭建+以及路由的使用 前言 昨天写了 vue + ts + vuecli3.0 第一场 主要是一个 vuecli 搭建的内容,今天讲一下 vue 项目结构搭建+以及路由的使用,看了一个小伙伴 $refs 报错问题有大佬可以回复我一波困扰已久,伸手党本人寻求帮助哈哈!在说这个之前我会介绍一下我写整个这个后台检索的逻辑,我们搜索的条件放到了url上面 那么重置按钮就可以复用了,所有的搜索条件在url优势是可以刷新页面之前的操作记录都在这样就比较舒服,有赞就是这样的,建议有时间的老爷 5分钟上手TypeScript 或者看完小弟的这个大概有个了解再去深入 当前项目demo预览 (QQ群技术讨论)838293023备注(github进来的) 第三章 游泳健身了解一下: github JQ插件 技术文档 技术文档会持续更新 1.项目搭建 先看一波完成后的项目介绍( webstorm 里面 ts 不支持引入 vue 所有爆红色,强迫症患者可以用 vscode 支持会更好) public //当前文件 static //可以放静态资源不会被打包(我放的是富文本编译器的文件后期会太慢可以换成cdn直接引入到index.html) src //当前项目文件 assets /

TypeScript入门一:配置TS工作环境

被刻印的时光 ゝ 提交于 2019-12-02 17:44:36
配置手动编译TS文件工作环境 配置webpack自动化打包编译工作环境(后面补充) 一、TypeScript入门学习引言 进入主题之前,首先说明这个系列的博客是我刚刚接触TypeScript的学习笔记,可能不会太深入的解读一些原理方面的东西。但尽可能的把基础的入门使用解析清楚,毕竟使用TypeScript来实现的项目一般是比较复杂的项目,不仅仅只是简单的语法使用,而是它带来的特性所解决的问题才更值得我们关注,所以在这个系列之后还会有更深入的工程应用方面的博客,也希望大家能给我提供一些意见和思路。 引用阮大佬博客中这样一段描述:JavaScript 是一种 弱类型 (或称 动态类型 )语言,即变量的类型是不确定的。 TypeScript 是微软2012年推出的一种编程语言,属于 JavaScript 的超集,可以编译为 JavaScript 执行。 它的最大特点就是支持强类型和 ES6 Class 。 支持强类型,这可能会颠覆你对JavaScript这门语言的认知,但这也是JavaScript在面对日益复杂的项目的机遇,至于为什么这么说请等到后期的工程应用方面的博客吧。TypeScript不一定成为每一个项目中的必需品,但是当你需要它的时候你就会知道它的价值。 阮大佬的相关博客: 强类型 JavaScript 的解决方案 官网相关重要资料(中文官网首页有直接下载文档的连接):

如使用Typescript撸Vue(Vue2 + TS +TSX+CSS module)

匿名 (未验证) 提交于 2019-12-02 16:56:17
Vue对TS的支持一致不太好,连Vue作者尤大也自嘲真香压错了宝。期待Vue3.0会用TS重构且会有较大改进。不过目前有一些第三方的库可以曲线优化对TS的支持。主要就介绍下过下面两个库来写Vue。 总体体验尚可,类型检查,智能提示该有的都有,顺滑中带着一丝蹩脚。 如果要支持组件Props的类型检查及智能提示,则必须放弃template通过render写TSX, 总有种写React的感觉。 介绍 kaorun343/vue-property-decorator wonderful-panda/vue-tsx-support CSS Module Vue 默认是 scoped 方式引入css ,防止样式污染 ,通过vue模板使用也很方便。实际CSS 选择器使用 scoped 这种方式效率低于 CSS Module,使用TSX渲染时样式也只能通过CSS Module这样方式引用。这里再介绍个库 classNames ,通过这个库可以方便的组合样式名。 创建项目 使用vue-cli 3.0 创建一个项目 , 必选 typescript Babel ,其他根据需要选。创建完成后已经引入了Vue 及 TS 相关包了,也包括上面提到的 vue-property-decorator。包含了一个实例代码,npm install,npm run serve 已经可以跑起来了。 导入和配置 1. 安装

babel tsc webpack

别等时光非礼了梦想. 提交于 2019-12-02 15:15:19
如果写超过es5版本的js,或者ts等。是需要babel来进行编译的。 但是babel值编译,如果遇到模块化他就无能为力了 需要webpack对其进行模块化打包功能。 通常babel编译+webpack处理模块打包压缩等,挺好的。是完美的方案 但是webpack它不老实。它想牛逼,于是他就内置了不用任何配的情况下,就支持对es6的编译环节。您只管使用webpack命令,他就支持编译+模块处理打包了。但是稍微高端的就不行,比如我要编译ts等,就需要引入ts-loader了。 但是人家ts也不是吃白饭的啊,人家自己的语言 自己肯定要提供编译的cli呀。于是tsCli之tsc命令人家自己也能编译ts为浏览器或者node可运行的代码。 那也就是说 后端node开发人可以直接用tsCli或者babelCli来处理ts代码 前端因为浏览器目前2019年均不直接支持模块化,所以需要进行搭配来使用 如果您的代码是es6,且没有用模块,那么用chrome直接运行即可,无需任何处理,我自己测试了,chrome支持良好。 如果你不放心,或者还要支持其他浏览器,那么你可以用babel编译一下子,是的不推荐你用webpack,因为你没有用模块化功能,所以浪费了,webpack肯定要比babel重 若果您的代码有es6以及其模块化,那么推荐您直接上webpack,因为它既能处理es6普通语法,也能处理模块化

Angular2+之模态框-使用ngx-bootstrap包中的模态框组件实现

筅森魡賤 提交于 2019-12-01 15:42:00
模态框是项目中经常会用到的一个公共功能,通常会被用左提示框或者扩展选项框。 下面,我用一个小例子来简单展示实现模态框功能的过程: 1、为项目加包: ng add ngx-bootstrap 2、在xxx.module.ts(模块.ts文件)中引入: ... import { ModalModule } from "ngx-bootstrap/modal"; ... @NgModule({ imports: [ ... ModalModule.forRoot(), ... ] }) ... 3、创建一个模块框公共组件: //.ts部分 import { Component } from '@angular/core'; import { BsModalRef } from 'ngx-bootstrap'; @Component({ selector: 'response-modal', templateUrl: './response-modal.html' }) export class ResponseModalService { public header: string; public body: string; constructor(public modalRef: BsModalRef ) {} } <!-- 模态框模板部分 .html --> <style>