文档章节

VSCode HTML、CSS、JavaScript、jQuery、Vue、npm代码补全提示检查插件

临江仙卜算子
 临江仙卜算子
发布于 2018/05/23 17:28
字数 4274
阅读 562
收藏 2

HTMLHint

Integrates the HTMLHint static analysis tool into Visual Studio Code.

hero

Configuration

The HTMLHint extension will attempt to use the locally installed HTMLHint module (the project-specific module if present, or a globally installed HTMLHint module). If a locally installed HTMLHint isn't available, the extension will use the embedded version (current version 0.9.13).

To install a version to the local project folder, run npm install --save-dev htmlhint. To install a global version on the current machine, run npm install --global htmlhint.

Usage

The HTMLHint extension will run HTMLHint on your open HTML files and report the number of errors on the Status Bar with details in the Problems panel (View > Problems).

status bar

Errors in HTML files are highlighted with squiggles and you can hover over the squiggles to see the error message.

hover

Note: HTMLHint will only analyze open HTML files and does not search for HTML files in your project folder.

Rules

The HTMLHint extension uses the default rules provided by HTMLHint.

{
    "tagname-lowercase": true,
    "attr-lowercase": true,
    "attr-value-double-quotes": true,
    "doctype-first": true,
    "tag-pair": true,
    "spec-char-escape": true,
    "id-unique": true,
    "src-not-empty": true,
    "attr-no-duplication": true,
    "title-require": true
}

.htmlhintrc

If you'd like to modify the rules, you can provide a .htmlhintrc file in the root of your project folder with a reduced ruleset or modified values.

You can learn more about rule configuration at the HTMLHint Usage page.

Additional file types

By default, HTMLHint will run on any files associated with the "html" language service (i.e., ".html" and ".htm" files). If you'd like to use the HTMLHint extension with additional file types, you have two options:

Option 1: Treating your file like any other html file

If you would like the file type to be treated as any other html file (including syntax highlighting, as well as HTMLHint linting), you'll need to associate the extension with the html language service. Add the following to your VS Code settings, replacing "*.ext" with your file extension.

{
  "files.associations": {
    "*.ext": "html",
  }
}

Option 2: Associating HTMLHint extension with your file type

If your file type already has an associated language service other than "html", and you'd like HTMLHint to process those file types, you will need to associate the HTMLHint extension with that language service. Add the following to your VS Code settings, replacing "mylang" with your language service. For example, if you want HTMLHint to process .twig files, you would use "twig". Note that with this configuration, you need to open an html file first to activate the HTMLHint extension. Otherwise, you won't see any linter errors, (the extension is hard-coded to activate when the html language service activates).

{
  "htmlhint.documentSelector": [
    "html",
    "mylang"
  ]
}

Settings

The HTMLHint extension provides three settings:

  • htmlhint.enable - disable the HTMLHint extension globally or per workspace.
  • htmlhint.documentSelector - specify additional language services to be linted
  • htmlhint.options - provide a rule set to override on disk .htmlhintrc or HTMLHint defaults.

You can change settings globally (File > Preferences > User Settings) or per workspace (File > Preferences > Workspace Settings). The Preferences menu is under Code on macOS.

Here's an example using the htmlhint.documentSelector and htmlhint.options settings:

"htmlhint.documentSelector: [
    "html",
    "htm",
    "twig"
],
"htmlhint.options": {
    "tagname-lowercase": false,
    "attr-lowercase": true,
    "attr-value-double-quotes":  true,
    "doctype-first": true
}

 

IntelliSense for CSS class names in HTML

IntelliSense for CSS class names in HTML

A Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element.

Features

  • Gives you autocompletion for CSS class definitions that can be found in your workspace (defined in CSS files or the in the file types listed in the Supported Language Modes section)
  • Supports external stylesheets referenced through link elements in HTML files
  • Command to manually re-cache the class definitions used in the autocompletion
  • User Settings to override which folders and files should be considered or excluded from the caching process

Supported Language Modes

  • HTML
  • Razor
  • PHP
  • Laravel (Blade)
  • JavaScript
  • JavaScript React (.jsx)
  • TypeScript React (.tsx)
  • Vue (.vue) [requires octref.vetur]
  • Twig
  • Markdown (.md)
  • Embedded Ruby (.html.erb) [requires rebornix.Ruby]
  • Handlebars
  • EJS (.ejs)

Specific Support

  • "@apply" directive in CSS, SASS and SCSS Files for Tailwind CSS
  • "className" and "class" in TypeScript React, JavaScript and JavaScript React language modes
  • Emmet abbreviations support triggered by typing a "." (comes disabled by default, check the User Settings topic for more information)

Contributions

You can request new features and contribute to the extension development on its repository on GitHub. Look for an issue you're interested in working on, comment on it to let me know you're working on it and submit your pull request! :D

What's new in version 1.17.1 (Fev 18, 2018)

  • Added support for "class" in TypeScript React, JavaScript and JavaScript React language modes. Previously only "className" was supported.
  • Added support for Emmet.

Check out the changelog for the current and previous updates.

Usage

If there are HTML or JS files on your workspace, the extension automatically starts and looks for CSS class definitions. In case new CSS classes are defined, or new CSS files are added to the workspace, and you also want auto-completion for them, just hit the lightning icon on the status bar. Also, you can execute the command by pressing Ctrl+Shift+P(Cmd+Shift+P for Mac) and then typing "Cache CSS class definitions."

User Settings

The extension supports a few user settings, changes to these settings will be automatically recognized and the caching process will be re-executed.

Folders and Files

You can change the folders and files the extension will consider or exclude during the caching process by setting the following user settings:

  • "html-css-class-completion.includeGlobPattern" (default: "**/*.{css,html}")
  • "html-css-class-completion.excludeGlobPattern" (default: "")

Emmet

Emmet support comes disabled by default, the reason behind this choice is because it the current implementation simply triggers completion when you type a "." (period) and this behavior might be considered a little annoying, but it might change in the future.

Currently it supports the following languages (those are language identifier): "html", "razor", "php", "blade", "vue", "twig", "markdown", "erb", "handlebars", "ejs", "typescriptreact", "javascript", "javascriptreact".

  • "html-css-class-completion.enableEmmetSupport" (default: false)

 

JavaScript (ES6) code snippets

This extension contains code snippets for JavaScript in ES6 syntax for Vs Code editor (supports both JavaScript and TypeScript).

Installation

In order to install an extension you need to launch the Command Pallete (Ctrl + Shift + P or Cmd + Shift + P) and type Extensions. There you have either the option to show the already installed snippets or install new ones. Search for JavaScript (ES6) code snippets and install it.

Supported languages (file extensions)

  • JavaScript (.js)
  • TypeScript (.ts)
  • JavaScript React (.jsx)
  • TypeScript React (.tsx)
  • Html (.html)
  • Vue (.vue)

Snippets

Below is a list of all available snippets and the triggers of each one. The means the TAB key.

Import and export

Trigger Content
imp→ imports entire module import fs from 'fs';
imn→ imports entire module without module name import 'animate.css'
imd→ imports only a portion of the module using destructing import {rename} from 'fs';
ime→ imports everything as alias from the module import * as localAlias from 'fs';
ima→ imports only a portion of the module as alias import { rename as localRename } from 'fs';
enf→ exports name function export const log = (parameter) => { console.log(parameter);};
edf→ exports default function export default (parameter) => { console.log(parameter);};
ecl→ exports default class export default class Calculator { };
ece→ exports default class by extending a base one export default class Calculator extends BaseClass { };

Class helpers

Trigger Content
con→ adds default constructor in the class constructor() {}
met→ creates a method inside a class add() {}
pge→ creates a getter property get propertyName() {return value;}
pse→ creates a setter property set propertyName(value) {}

Various methods

Trigger Content
fre→ forEach loop in ES6 syntax array.forEach(currentItem => {})
fof→ for ... of loop for(const item of object) {}
fin→ for ... in loop for(const item in object) {}
anfn→ creates an anonymous function (params) => {}
nfn→ creates a named function const add = (params) => {}
dob→ destructing object syntax const {rename} = fs
dar→ destructing array syntax const [first, second] = [1,2]
sti→ set interval helper method setInterval(() => {});
sto→ set timeout helper method setTimeout(() => {});
prom→ creates a new Promise return new Promise((resolve, reject) => {});
thenCatch→ adds then and catch declaration to a promise .then((res) => {).catch((err) => {});

Console methods

Trigger Content
cas→ console alert method console.assert(expression, object)
ccl→ console clear console.clear()
cco→ console count console.count(label)
cdi→ console dir console.dir
cer→ console error console.error(object)
cgr→ console group console.group(label)
cge→ console groupEnd console.groupEnd()
clg→ console log console.log(object)
clo→ console log object with name console.log('object :', object);
ctr→ console trace console.trace(object)
cwa→ console warn console.warn
cin→ console info console.info
clt→ console table console.table

 

jshint

Integrates JSHint into VS Code.

Setup

The extension looks for a jshint module in the current directory and in the global package location. You can install jshint locally with npm install jshint or globally with npm install -g jshint. If your jshint module is in a different location, use the jshint.nodePath setting to specify the correct path. The jshint.packageManager setting can be used to specify which package manager you are using, npm or yarn.

To check where jshint is loaded from, use the JSHint: Show output command after the extension has started to view the extension logs in the output panel.

Configuration Options

The jshint extension uses the standard jshint configuration options described on the jshint web site.

The options can be specified in a number of locations mostly mimicing jshint's default behavior. The extension looks for its configuration options the following way and stops at the first positive match:

  1. An options file specified in the user or workspace settings like this: "jshint.config" : "<file path>". The file path is interpreted relative to the workspace's root folder.
  2. The value of the jshintConfig attribute in a package.json file located in the current directory or any parent of the current directory.
  3. A .jshintrc file located in the current directory or any parent of the current directory.
  4. A .jshintrc file located in the user's home directory.
  5. The values specified within jshint.options in the user or workspace settings. By default jshint.options is empty.

.jshintrc files can be chained using the extends attribute as described here.

Exclude Options

In order to ignore specific files or folders from being linted exclude options can be specified in a number of locations mostly mimicing jshint's default behavior. The extenion looks for its exclude options the following way and stops at the first positive match:

  1. A file specified in the user or workspace settings like this: "jshint.excludePath" : "<file path>". The file path is interpreted relative to the workspace's root folder. The file contains glob patterns specifying files that should be excluded. The glob patterns are interpreted relative to the workspace's root folder.
  2. A .jshintignore file located in the current directory or any parent of the current directory. The glob patterns in this file are interpreted relative to the location of the .jshintignore file.
  3. The value of the jshint.exclude attribute in the user or workspace settings. The attribute has the following form: "jshint.exclude" : { "<glob pattern>" : true, "<glob pattern>" : true }. The glob patterns are interpreted relative to the workspace's root folder.

The glob patterns are interpreted using the npm minimatch module. Be aware that there are slight differences between minimatch and how .gitignore patterns are interpreted. Most noteably, **/name and name are not the same in minimatch whereas they are consider equal in .gitignore. Always use **/name if you want to match a name within a subtree.

No files are excluded by default.

What is JSHint?

JSHint is a community-driven tool that detects errors and potential problems in JavaScript code. Since JSHint is so flexible, you can easily adjust it in the environment you expect your code to execute. JSHint is open source and will always stay this way.

Our goal

The project aims to help JavaScript developers write complex programs without worrying about typos and language gotchas.

Any code base eventually becomes huge at some point, so simple mistakes — that would not show themselves when written — can become show stoppers and add extra hours of debugging. So, static code analysis tools come into play and help developers spot such problems. JSHint scans a program written in JavaScript and reports about commonly made mistakes and potential bugs. The potential problem could be a syntax error, a bug due to an implicit type conversion, a leaking variable, or something else entirely.

Only 15% of all programs linted on jshint.com pass the JSHint checks. In all other cases, JSHint finds some red flags that could've been bugs or potential problems.

Please note, that while static code analysis tools can spot many different kind of mistakes, it can't detect if your program is correct, fast or has memory leaks. You should always combine tools like JSHint with unit and functional tests as well as with code reviews.

 

jQuery Code Snippets

Over 130 jQuery Code Snippets for JavaScript code.

Just type the letters 'jq' to get a list of all available jQuery Code Snippets.

Image of Snippets

Snippets

Trigger Description
func An anonymous function.
jqAfter Insert content, specified by the parameter, after each element in the set of matched elements.
jqAjax Perform an asynchronous HTTP (Ajax) request.
jqAjaxAspNetWebService Perform an asynchronous HTTP (Ajax) request to a ASP.NET web service.
jqAppend Insert content, specified by the parameter, to the end of each element in the set of matched elements.
jqAppendTo Insert every element in the set of matched elements to the end of the target.
jqAttrGet Get the value of an attribute for the first element in the set of matched elements.
jqAttrRemove Remove an attribute from each element in the set of matched elements.
jqAttrSet Set one or more attributes for the set of matched elements.
jqAttrSetFn Set one or more attributes for the set of matched elements.
jqAttrSetObj Set one or more attributes for the set of matched elements.
jqBefore Insert content, specified by the parameter, before each element in the set of matched elements.
jqBind Attach a handler to an event for the elements.
jqBindWithData Attach a handler to an event for the elements.
jqBlur Bind an event handler to the "blur" JavaScript event, or trigger that event on an element.
jqChange Bind an event handler to the "change" JavaScript event, or trigger that event on an element.
jqClassAdd Adds the specified class(es) to each of the set of matched elements.
jqClassRemove Remove a single class, multiple classes, or all classes from each element in the set of matched elements.
jqClassToggle Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence.
jqClassToggleSwitch Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence or the value of the switch argument.
jqClick Bind an event handler to the "click" JavaScript event, or trigger that event on an element.
jqClone Create a deep copy of the set of matched elements.
jqCloneWithEvents Create a deep copy of the set of matched elements.
jqCssGet Get the computed style properties for the first element in the set of matched elements.
jqCssSet Set one or more CSS properties for the set of matched elements.
jqCssSetObj Set one or more CSS properties for the set of matched elements.
jqDataGet Return the value at the named data store for the first element in the jQuery collection, as set by data(name, value) or by an HTML5 data-* attribute.
jqDataRemove Remove a previously-stored piece of data.
jqDataSet Store arbitrary data associated with the matched elements.
jqDataSetObj Store arbitrary data associated with the matched elements.
jqDie Remove event handlers previously attached using .live() from the elements.
jqDieAll Remove event handlers previously attached using .live() from the elements.
jqDieFn Remove event handlers previously attached using .live() from the elements.
jqDocReady Function to execute when the DOM is fully loaded.
jqDocReadyShort Function to execute when the DOM is fully loaded.
jqEach A generic iterator function, which can be used to seamlessly iterate over both objects and arrays. Arrays and array-like objects with a length property (such as a function's arguments object) are iterated by numeric index, from 0 to length-1. Other objects are iterated via their named properties.
jqEachElement Iterate over a jQuery object, executing a function for each matched element.
jqEmpty Remove all child nodes of the set of matched elements from the DOM.
jqFadeIn Display the matched elements by fading them to opaque.
jqFadeInFull Display the matched elements by fading them to opaque.
jqFadeOut Hide the matched elements by fading them to transparent.
jqFadeOutFull Hide the matched elements by fading them to transparent.
jqFadeTo Adjust the opacity of the matched elements.
jqFadeToFull Adjust the opacity of the matched elements.
jqFind Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.
jqFocus Bind an event handler to the "focus" JavaScript event, or trigger that event on an element.
jqGet Load data from the server using a HTTP GET request.
jqGetJson Load JSON-encoded data from the server using a GET HTTP request.
jqGetScript Load a JavaScript file from the server using a GET HTTP request, then execute it.
jqHasClass Determine whether any of the matched elements are assigned the given class.
jqHeightGet Get the current computed height for the first element in the set of matched elements.
jqHeightSet Set the CSS height of every matched element.
jqHide Hide the matched elements.
jqHideFull Hide the matched elements.
jqHover Bind two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements.
jqHtmlGet Get the HTML contents of the first element in the set of matched elements.
jqHtmlSet Set the HTML contents of each element in the set of matched elements.
jqInnerHeight Get the current computed height for the first element in the set of matched elements, including padding but not border.
jqInnerWidth Get the current computed inner width for the first element in the set of matched elements, including padding but not border.
jqInsertAfter Insert every element in the set of matched elements after the target.
jqInsertBefore Insert every element in the set of matched elements before the target.
jqKeyDown Bind an event handler to the "keydown" JavaScript event, or trigger that event on an element.
jqKeyPress Bind an event handler to the "keypress" JavaScript event, or trigger that event on an element.
jqKeyUp Bind an event handler to the "keyup" JavaScript event, or trigger that event on an element.
jqLoadGet Load data from the server and place the returned HTML into the matched element.
jqLoadPost Load data from the server and place the returned HTML into the matched element.
jqMap Translate all items in an array or object to new array of items.
jqMouseDown Bind an event handler to the "mousedown" JavaScript event, or trigger that event on an element.
jqMouseEnter Bind an event handler to be fired when the mouse enters an element, or trigger that handler on an element.
jqMouseLeave Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element.
jqMouseMove Bind an event handler to the "mousemove" JavaScript event, or trigger that event on an element.
jqMouseOut Bind an event handler to the "mouseout" JavaScript event, or trigger that event on an element.
jqMouseOver Bind an event handler to the "mouseover" JavaScript event, or trigger that event on an element.
jqMouseUp Bind an event handler to the "mouseup" JavaScript event, or trigger that event on an element.
jqNamespace A namespace template. ref: http://enterprisejquery.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-1/
jqOffsetGet Get the current coordinates of the first element, or set the coordinates of every element, in the set of matched elements, relative to the document.
jqOffsetParent Get the closest ancestor element that is positioned.
jqOn Attach an event handler function for one or more events to the selected elements.
jqOne Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
jqOneWithData Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
jqOuterHeight Get the current computed height for the first element in the set of matched elements, including padding, border, and optionally margin. Returns a number (without "px") representation of the value or null if called on an empty set of elements.
jqOuterWidth Get the current computed width for the first element in the set of matched elements, including padding and border.
jqPlugin Plugin template.
jqPosition Get the current coordinates of the first element in the set of matched elements, relative to the offset parent.
jqPost Load data from the server using a HTTP POST request.
jqPrepend Insert content, specified by the parameter, to the beginning of each element in the set of matched elements.
jqPrependTo Insert every element in the set of matched elements to the beginning of the target.
jqRemove Remove the set of matched elements from the DOM.
jqRemoveExp Remove the set of matched elements from the DOM.
jqReplaceAll Replace each target element with the set of matched elements.
jqReplaceWith Replace each element in the set of matched elements with the provided new content and return the set of elements that was removed.
jqResize Bind an event handler to the "resize" JavaScript event, or trigger that event on an element.
jqScroll Bind an event handler to the "scroll" JavaScript event, or trigger that event on an element.
jqScrollLeftGet Get the current horizontal position of the scroll bar for the first element in the set of matched elements.
jqScrollLeftSet Set the current horizontal position of the scroll bar for each of the set of matched elements.
jqScrollTopGet Get the current vertical position of the scroll bar for the first element in the set of matched elements or set the vertical position of the scroll bar for every matched element.
jqScrollTopSet Set the current vertical position of the scroll bar for each of the set of matched elements.
jqSelect Bind an event handler to the "select" JavaScript event, or trigger that event on an element.
jqSelectTrigger Bind an event handler to the "select" JavaScript event, or trigger that event on an element.
jqShow Display the matched elements.
jqShowFull Display the matched elements.
jqSlideDown Display the matched elements with a sliding motion.
jqSlideDownFull Display the matched elements with a sliding motion.
jqSlideToggle Display or hide the matched elements with a sliding motion.
jqSlideToggleFull Display or hide the matched elements with a sliding motion.
jqSlideUp Display the matched elements with a sliding motion.
jqSlideUpFull Display the matched elements with a sliding motion.
jqSubmit Bind an event handler to the "submit" JavaScript event, or trigger that event on an element.
jqSubmitTrigger Bind an event handler to the "submit" JavaScript event, or trigger that event on an element.
jqTextGet Get the combined text contents of each element in the set of matched elements, including their descendants.
jqTextSet Set the content of each element in the set of matched elements to the specified text.
jqToggle Display or hide the matched elements.
jqToggleFull Display or hide the matched elements.
jqToggleSwitch Display or hide the matched elements.
jqTrigger Execute all handlers and behaviors attached to the matched elements for the given event type.
jqTriggerHandler Execute all handlers attached to an element for an event.
jqTriggerHandlerWithData Execute all handlers attached to an element for an event.
jqTriggerWithData Execute all handlers and behaviors attached to the matched elements for the given event type.
jqUnbind Remove a previously-attached event handler from the elements.
jqUnbindAll Remove a previously-attached event handler from the elements.
jqUnload Bind an event handler to the "unload" JavaScript event.
jqValGet Get the current value of the first element in the set of matched elements.
jqValSet Set the value of each element in the set of matched elements.
jqWidthGet Get the current computed width for the first element in the set of matched elements.
jqWidthSet Set the CSS width of each element in the set of matched elements.
jqWrap Wrap an HTML structure around each element in the set of matched elements.
jqWrapAll Wrap an HTML structure around all elements in the set of matched elements.
jqWrapInner Wrap an HTML structure around the content of each element in the set of matched elements.

Source

Github

All snippets have been taken from the Visual Studio 2015 jQuery Code Snippets Extension. Credit given where due.

Categories

Snippets

Tags

javascript

Resources

More Info

Version

0.0.1

Last updated

‎2015‎年‎12‎月‎7‎日‎ ‎9‎:‎02‎:‎31

Publisher

Don Jayamanne

Unique Identifier

donjayamanne.jquerysnippets

Report

Report Abuse

 

Vetur

Vue tooling for VS Code, powered by vue-language-server.

Doc: https://vuejs.github.io/vetur

Try it out with Veturpack!

🎉 VueConf 2017 Slide & Video 🎉

Features

  • Syntax-highlighting
  • Snippet
  • Emmet
  • Linting / Error Checking
  • Formatting
  • Auto Completion
  • Debugging

Quick Start

  • Install Vetur.
  • Try it with Veturpack, a pre-configured Vue boilerplate based on Vuepack.
  • Refer to setup page for setting up.
  • Refer to each feature's own page for setting up specific features.

 

npm Intellisense

Visual Studio Code plugin that autocompletes npm modules in import statements.

auto complete

Installation

In the command palette (cmd-shift-p) select Install Extension and choose npm Intellisense.

install

Contributing

Something missing? Found a bug? - Create a pull request or an issue. Github

Features

Import command

import command

{
	"npm-intellisense.importES6": true,
	"npm-intellisense.importQuotes": "'",
	"npm-intellisense.importLinebreak": ";\r\n",
	"npm-intellisense.importDeclarationType": "const",
}

Import command (ES5)

import command

{
	"npm-intellisense.importES6": false,
	"npm-intellisense.importQuotes": "'",
	"npm-intellisense.importLinebreak": ";\r\n",
	"npm-intellisense.importDeclarationType": "const",
}

Scan devDependencies

Npm intellisense scans only dependencies by default. Set scanDevDependencies to true to enable it for devDependencies too.

{
	"npm-intellisense.scanDevDependencies": true,
}

Show build in (local) libs

Shows build in node modules like 'path' of 'fs'

{
	"npm-intellisense.showBuildInLibs": true,
}

Lookup package.json recursive

Look for package.json inside nearest directory instead of workspace root. It's enabled by default.

{
	"npm-intellisense.recursivePackageJsonLookup": true,
}

Experimental: Package Subfolder Intellisense

Open subfolders of a module. This feature is work in progress and experimental.

{
	"npm-intellisense.packageSubfoldersIntellisense": false,
}

 

© 著作权归作者所有

上一篇: VSCode npm运行插件
下一篇: VSCode Vim插件
临江仙卜算子
粉丝 27
博文 345
码字总数 258597
作品 0
郑州
CEO
私信 提问
鼠标移入移出效果 -- jQuery/Vue版

元素内遮罩层根据鼠标方向显示的效果比较常见,比如百度图片里的图片信息展示。自己动手实现jQuery插件版和Vue组件版效果。 原文链接 实现思路 1、根据鼠标的位置定位在元素内出现的方向 2、...

bestvist
2018/06/22
0
0
webpack 静态资源集中输出的方法示例

目录结构 copy-webpack-plugin 工作中会有一些已经存在但在项目中没有引用的图片资源或者其他静态资源(比如设计图、开发文档),这些静态资源有可能是文档,也有可能是一些额外的图片。打包...

peakedness丶
01/15
29
0
jQuery WeUI V0.4.2 发布

jQuery WeUI V0.4.2 发布了! jQuery WeUI 中使用的是官方WeUI的CSS代码,并提供了jQuery/Zepto版本的JS API实现。因为直接使用了官方的CSS,所以你不用担心跟官方版本的冲突。实际上 jQuery...

YC222
2016/03/16
15.5K
28
JavaScript 开发者的 10 款必备工具

JavaScript,一种所有主流浏览器都支持的语言,是开发基于浏览器的 Web 应用程序的主力,几乎每年都会受到来自众多开发人员的关注。自然地,框架和库的生态系统自然而然地围绕着 JavaScript...

oschina
2017/10/19
2.5K
0
Vue开发入门看这篇文章就够了

摘要: 很多值得了解的细节。 原文:Vue开发看这篇文章就够了 作者:Random Fundebug经授权转载,版权归原作者所有。 介绍 Vue 中文网 Vue github Vue.js 是一套构建用户界面(UI)的渐进式Jav...

Fundebug
06/03
26
0

没有更多内容

加载失败,请刷新页面

加载更多

Taro 兼容 h5 踩坑指南

最近一周在改造 公羊阅读🐏 Taro 版本适配 h5 端,过程中改改补补,好不酸爽。 本文记录📝遇到的问题,希望为有相同需求的哥们👬节约点时间。 Taro 版本:1.3.9。 client_mobile_taro...

dkvirus
今天
4
0
Spring boot 静态资源访问

0. 两个配置 spring.mvc.static-path-patternspring.resources.static-locations 1. application中需要先行的两个配置项 1.1 spring.mvc.static-path-pattern 这个配置项是告诉springboo......

moon888
今天
3
0
hash slot(虚拟桶)

在分布式集群中,如何保证相同请求落到相同的机器上,并且后面的集群机器可以尽可能的均分请求,并且当扩容或down机的情况下能对原有集群影响最小。 round robin算法:是把数据mod后直接映射...

李朝强
今天
4
0
Kafka 原理和实战

本文首发于 vivo互联网技术 微信公众号 https://mp.weixin.qq.com/s/bV8AhqAjQp4a_iXRfobkCQ 作者简介:郑志彬,毕业于华南理工大学计算机科学与技术(双语班)。先后从事过电子商务、开放平...

vivo互联网技术
今天
19
0
java数据类型

基本类型: 整型:Byte,short,int,long 浮点型:float,double 字符型:char 布尔型:boolean 引用类型: 类类型: 接口类型: 数组类型: Byte 1字节 八位 -128 -------- 127 short 2字节...

audience_1
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部