首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    在word文档中添加“原汁原味”代码

    大侠可以关注FPGA技术江湖,在“闯荡江湖”、"行侠仗义"栏里获取其他感兴趣的资源,或者一起煮酒言欢。 今天给大侠带来在word文档中添加“原汁原味”代码,话不多说,上货。 ?...我们在写文档时,遇到最大的问题莫过于在word文档中添加代码了,通常有很多人就是直接从编辑器中复制出代码,然后粘贴在word文档中,这样不仅会丢失原来的排版,而且也会丢失关键字颜色,为了使自己文档中的代码在阅读时有原汁味的编辑器中显示的风格...这样,代码就可以按照我们希望的格式进行显示。 3. 在代码前加入行号,首先将鼠标定位到我们加入代码的第一行的开头,点击“编辑”按钮,选择“列块编辑”选项,如下图所示: ?...笔者举例的代码较短,故设置为01,设置完之后点击确定。 ? 如下图,软件会自动给我们的代码添加行号了,如下图所示: ?...这里建议,在设置行号之前,希望大家全选代码(快捷键是ctrl A),按下Tab键,会将代码后移一个制表符的位置,这样就不会出现代码和行号融合在一起的情况了。 4.

    1.4K20

    Angular 6的新特性介绍

    如果您的某个依赖项提供了一个ng update原理图,那么他们可以在需要进行重大更改时自动更新代码! ng add ng add 也是新增的一个cli命令。...通过ng add可以更加容易向项目中添加新功能(类似npm install ) Angular Material+CDK组件 angular6最大的补充是用于显示分层数据的新树组件。...ng generate library 这个命令将在你的CKI工作空间创建一个库项目,并且自动添加配置信息到angular.json文件和tsconfig.json中。...这也就意味着你可以从你的应用中移除 polyfill,这样可以减少大约47k的空间 RxJS v6 Angular已经更新使用了RxJS v6。...RxJS作为一个独立的工程已经在几周前完成了V6的发布 长期支持 (LTS) 我们正在将我们的长期支持扩展到所有主要版本。

    2.3K21

    Angular 6正式版发布,都有哪些新功能

    在Angular 5发布半年之后,Angular 6在昨天正式发布,那么在这个版本有哪些新功能呢?新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。...创建ng add的示例如下:Angular Metarial 的 ng add schemetic Angular Elements Angular Elements 的第一个版本专注于在现有的 Angular...Angular Material 初始组件 一旦运行ng add @angular/material并添加材料到现有的应用程序中,就能够生成 3 个新的初始组件。...class MyService { constructor() { } } 动画性能提升 更新后,以后将不再需要网页动画 polyfill。...这意味着你可以从应用程序中删除此 polyfill,可以节省大约 47KB 的内存,同时提高 Safari 中的动画性能。

    4.2K20

    React 16 加载性能优化指南(上)

    几乎所有业务的 JS 代码,都可以大致划分成以下几个大块: 基础框架,如 React、Vue 等,这些基础框架的代码是不变的,除非升级框架; Polyfill,对于使用了 ES2015+ 语法的项目来说...,为了兼容性,polyfill 是必要的存在; 业务基础库,业务的一些通用的基础代码,不属于框架,但大部分业务都会使用到; 业务代码,特点是具体业务自身的逻辑代码。...现在为了浏览器的兼容性,我们常常引入各种 polyfill,但是在构建时静态地引入 polyfill 存在一些问题,比如对于机型和浏览器版本比较新的用户来说,他们完全不需要 polyfill,引入 polyfill...所以这里的解决方法就是,去掉构建中静态的 polyfill,换而使用 polyfill.io 这样的动态 polyfill 服务,保证只有在需要时,才会引入 polyfill。...如果你的一个模块在 package.json 中说明了这个模块没有副作用(也就是说执行其中的代码不会对环境有任何影响,例如只是声明了一些函数和常量): {  "name": "your-module"

    1.7K50

    在 Visual Studio Code 中添加自定义的代码片段

    无论是那个编辑器,如果能够添加一些自定义代码片段,能够大大提升代码的输入效率。 本文介绍如何在 Visual Studio Code 中添加自定义代码片段。...Visual Studio Code 的代码片段设置 你可以在 Visual Studio Code 的菜单中找到代码片段的设置入口,在 File -> Preferences -> User Snippets...在新建全局代码片段和当前工作区的代码片段的时候,是需要自己指定名称的。...关于代码片段编写的更多细节 关于文件名称 在阅读前面的博客内容时,你可能注意到了:添加全局代码片段的时候,文件扩展名为 .code-snippets,例如 blog.code-snippets;添加语言特定的代码片段的时候...在 Visual Studio Code 中,你有这些变量可以使用: -TM_SELECTED_TEXT - 在插入代码片段的时刻选中的文本 -TM_CURRENT_LINE - 在插入代码片段的时刻光标所在的行

    1.1K30

    Angular 2 JavaScript 环境配置(下)

    模块 Angular应用都是模块化的,ES5没有内置的模块化系统,可以使用第三方模块系统,然后我们为应用创建独立的命名空间 app,文件代码可以包裹在 IIFE(立即执行函数表达式)中: (function...大部分应用文件通过在app命名空间上添加东西来输出代码,我们在app.component.js文件中输出了AppComponent。...当Angular在宿主HTML中遇到一个my-app元素时它创建并显示一个AppComponent实例。 template 属性容纳着组件的模板。...---- 添加 NgModule Angular 应用由 Angular 模块组成,该模块包含了 Angular 应用所需要的组件及其他任何东西。...接下来创建 index.html,代码如下所示: index.html 文件: Angular

    71230

    Angular 5.0.0发布!

    其次,构建优化器会从你的应用中删除Angular装饰器代码。装饰器只有编译器会用,运行时不用,可以删掉。上述两项优化都可以减少生成JS包的大小,同时加快应用启动速度。...在5.0.0中,开发团队添加了 ServerTransferStateModule及对应的 BrowserTransferStateModule。...在以前版本的Angular中,我们一直依赖浏览器及其i18n API提供数值、日期和货币格式。为此,很多开发者都在使用腻子脚本(polyfill),而结果也不好。...通过把指令导出为多个名称,可以在不破坏原有代码的情况下在Angular语法中使用新名称。Angular Material项目已经在其前缀迁移项目中用上了,对其他组件作者肯定也有用。...Angular表单添加updateOn Blur/Submit 这样可以根据 blur或 submit来运行验证和更新值的逻辑了,不必再单纯依赖input事件。

    4.4K40

    什么是开源库 browserslist

    通过配置 Browserslist,开发者可以告诉相关工具,例如 Babel、Autoprefixer、ESLint 等,应该针对哪些浏览器生成代码或添加样式前缀。...通过合理设置 Browserslist 配置,开发者可以控制代码的编译和打包,以减少不必要的 polyfill 和代码,使最终产物对目标用户更优化。下面将进一步探讨它的使用场景和细节。...这一配置会使 Babel 针对符合这些条件的浏览器编译代码,例如为不支持的浏览器添加 Promise 的 polyfill,或者将箭头函数转换为常规函数。2....通过与 Browserslist 的集成,打包工具(如 Webpack)可以只包含目标浏览器所需要的功能,剔除多余的 polyfill 和不必要的代码。...打包优化通过精确指定目标浏览器的范围,Browserslist 可以帮助打包工具(如 Webpack)优化输出代码。例如,排除不必要的 polyfill,或是剔除已经不需要的代码路径。

    10310

    Ionic4兼容IE浏览器处理

    在一般场合,Ionic4运行在手机端,没必要去兼容IE,但还是可以了解一下,以免有这样的需求。 Ionic4,它更趋向于一个UI框架,然后可配套Angular、React、Vue等框架使用。...以Angular版本为例,兼容IE浏览器,主要是JS+CSS的语法和用法的调整处理。 1. JS,可以使用内置的Polyfill方案。...Angular项目默认提供了Polyfill支持,打开Ionic4项目中的src目录,里面有自动生成的polyfill.ts文件,打开可以看到这样的内容: /**********************...If you use AOT (and only Angular decorators), you can remove. import 'core-js/es7/reflect'; 为了减轻打包的大小...重新编译运行,可以看到原来在IE浏览器提示脚本错误的都消失了,页面能正常运行,只是样式可能会有点变形。 2.

    1.5K20
    领券