xgqfrms / angular2 Goto Github PK

View Code? Open in Web Editor NEW

3.0 3.0 9.0 171.55 MB

:fire: Angular2 :computer:

Home Page: https://angular2.xgqfrms.xyz

License: MIT License

HTML 7.54% JavaScript 87.54% CSS 2.38% TypeScript 2.51% Shell 0.04%

angular angular2 ionic typescript

angular2's Introduction

Here are some ideas to get you started:

🔭 I’m currently working on Web, Linux, macOS ...
🌱 I’m currently learning Flutter, TypeScript, Swift, Docker, ...
👯 I’m looking to collaborate on Everything ...
🤔 I’m looking for help with StackOverflow, Google, ChatGPT, ...
💬 Ask me about Anything of Web Full Stack ...
📫 How to reach me:
😄 Pronouns: webfullstack / webgeeker
⚡ Fun fact: ...

https://www.xgqfrms.xyz/

Gaming

projects 🔥

Skill Stack

desciption	image
GitHub Metrics SVG
3D Profile

angular2's People

Contributors

Stargazers

Watchers

Forkers

ufo-github swift-2016 xgqfrms007 007-xyz xgqfrms-github hr2013 xgqfrms-at-github herozeng cyrilbois

angular2's Issues

ES7 @ decorator

@ decorator

https://tc39.github.io/proposal-decorators/#sec-syntax

https://github.com/wycats/javascript-decorators

https://github.com/tc39/proposal-decorators

https://www.npmjs.com/package/core-decorators#decorate

https://tc39.github.io/proposal-decorators/

ES7

https://googlechrome.github.io/samples/decorators-es7/read-write/

TS

https://www.typescriptlang.org/docs/handbook/decorators.html

JS

https://www.sitepoint.com/javascript-decorators-what-they-are/

https://repl.it/languages/javascript

function doSomething(name) {
  console.log('Hello, ' + name);
}

function loggingDecorator(wrapped) {
  return function() {
    console.log('Starting');
    const result = wrapped.apply(this, arguments);
    console.log('Finished');
    return result;
  }
}

const wrapped = loggingDecorator(doSomething);

wrapped(`xgqfrms`);

blogs

https://stackoverflow.com/questions/33635511/simple-es7-decorator-with-babel

https://babeljs.io/docs/en/babel-preset-stage-1/

http://exploringjs.com/es2016-es2017/ch_tc39-process.html

https://medium.com/google-developers/exploring-es7-decorators-76ecb65fb841

https://www.sitepoint.com/javascript-decorators-what-they-are/

zh-Hans

http://es6.ruanyifeng.com/#docs/decorator

http://taobaofed.org/blog/2015/11/16/es7-decorator/

https://juejin.im/post/5b4720c56fb9a04fb016c307

demo

https://lwc.dev/guide/html_templates#data-binding

https://lwc.dev/guide/reference#javascript-decorators

salesforce/lwc#1338

angular cl / ng cli

https://angularjs2.xgqfrms.xyz/

angular/angular-cli#18667

Redux & Object.assign({}, state, {role: 'root'});

Redux & React

let state = {
    name: 'xgqfrms',
    age: 23,
    role: 'admin'
};


// old way to change state

state.role = 'root';

return state;

// new way to change state

return state = {
    name: 'xgqfrms',
    age: 23,
    role: 'root'
};



// no need full hand copy, ES6 Object.assign()



Object.assign(target, ...sources);


Object.assign({}, state, {role: 'root'});

https://app.pluralsight.com/player?course=react-redux-react-router-es6&author=cory-house&name=react-redux-react-router-es6-m6&clip=3&mode=live

gulp error

open: { browser: 'Google Chrome'}

avevlad/gulp-connect#209

avevlad/gulp-connect#202

   gulp.task('connect',function(){
        connect.server({
            root: [outputDir],
            port: 8000,
            livereload: true,
            // open: { browser: 'Google Chrome'}
       });
    });

I just confused this ,and can not understand why !

I following the below video tutorial , but some errors occured!
(May be it out of date?)

Get started with gulp Part 6: LiveReload and web server

youtube video

I'm looking forward to hearing from your reply as soon as possible!

holy shit!!

you show me the error code!

It should be like this!

gulp.task('connect',function(){???});

gulp.task('connect',function(){
  connect.server({
  root: [outputDir],
  //port: 8080,
     livereload: true
  //open: { browser: 'Google Chrome'}
  //error ?
  });
 });

VS Code

`H:\Microsoft VS Code\bin`

code

shell

#!/usr/bin/env bash
#
# Copyright (c) Microsoft Corporation. All rights reserved.
# Licensed under the MIT License. See License.txt in the project root for license information.

NAME="Code"
VSCODE_PATH="$(dirname "$(dirname "$(realpath "$0")")")"
ELECTRON="$VSCODE_PATH/$NAME.exe"
if grep -q Microsoft /proc/version; then
	# If running under WSL don't pass cli.js to Electron as environment vars
	# cannot be transferred from WSL to Windows
	# See: https://github.com/Microsoft/BashOnWindows/issues/1363
	#      https://github.com/Microsoft/BashOnWindows/issues/1494
	"$ELECTRON" "$@"
	exit $?
fi
if [ "$(expr substr $(uname -s) 1 9)" == "CYGWIN_NT" ]; then
	CLI=$(cygpath -m "$VSCODE_PATH/resources/app/out/cli.js")
else
	CLI="$VSCODE_PATH/resources/app/out/cli.js"
fi
ELECTRON_RUN_AS_NODE=1 "$ELECTRON" "$CLI" "$@"
exit $?

code.cmd

@echo off
setlocal
set VSCODE_DEV=
set ELECTRON_RUN_AS_NODE=1
call "%~dp0..\Code.exe" "%~dp0..\resources\app\out\cli.js" %*
endlocal

electron & angular

https://github.com/techiediaries/electron-angular-demo