前端
关注
分享
扫一扫
「已注销」
Talk is cheap, show me the code.
展开
-
jQuery：选择器和事件.md
1背景写油猴脚本时，不会jquery十分痛苦，暂且入一下jQuery的门，了解一下jQuery的基本语法、选择器和元素事件。jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $(selector).action()美元符号定义了 jQuery选择符（selector）“查询"和"查找” HTML 元素jQuery 的 action() 执行对元素的...原创 2019-12-30 08:25:35 · 319 阅读 · 0 评论 -
typescript_nodejs：commonjs和ES Module规范对比和导入导出代码实践.md
由于优快云经常大姨妈，公司的网络也垃圾的一批，甚至GitHub的访问速度反而比优快云更快；同时维护GitHub和优快云很费劲。有始有终，在此和优快云告别，有兴趣的可以follow我https://github.com/jeasonchan，后会有期！Go big and go home！荆轲刺秦王。...原创 2019-12-24 22:52:03 · 1202 阅读 · 0 评论 -
typescript正确导入express及模块导入方法
1 背景刚接触express时，看网上的教程，几乎清一色的使用：var app=require("express");app.get(......)**SHIT！！！！！简直人云亦云，毫无灵魂！！！！**和其他模块的导入放在一起，简直先来看看我认为的最正确，最typescript的使用方式：import { Express, Application } from "express";...原创 2019-12-16 21:39:16 · 2369 阅读 · 1 评论 -
typescript：命名空间及空间的跨文件导入导出
namespace_exercise.tsimport { MyNameSpace_2 } from "./namespace_exercise_2";//没用export 修饰的类、变量、函数等，导入命名空间后，也无法使用这些变量//用了export 修饰的，只要导入了命名空间，//就可以通过 namespace.var_name 的方式访问空间内的namespace MyName...原创 2019-12-16 20:07:56 · 4985 阅读 · 0 评论 -
typescript：鸭子类型、属性静态访问、属性动态访问、
//class 类class MyClass { //属性 [index: string]: any; //构造函数 //和java一样，默认自带无参数的构造函数 constructor() { } //一些方法}var myClass_1: MyClass = new MyClass();myClass_1.keys = "...原创 2019-12-07 14:58:33 · 1634 阅读 · 0 评论 -
typescript：interface接口，函数型接口、对象型接口、数组形式和域操作符访问对象属性
//接口//对象（类）型的接口interface Person { firstName: string; secondName: string; repeat: (input: string) => void;//声明方法的输入和返回值}//var jeason: Person = {};//如果不使用断言，类型检查时会报，jeason没有实现Perso...原创 2019-12-06 16:22:32 · 1802 阅读 · 0 评论 -
typescript 数组部分代码实践：every()、map()、foreach()
//创建数组var array01: number[] = [1, 2, 3, 4, 5];var array02: Array<any> = [1, 2, 2, 3, "string"];var array03: Array<number> = new Array(1, 2, 3, 4);//感觉元组就是一种r特殊的数组var variable: [stri...原创 2019-12-04 23:58:09 · 1655 阅读 · 0 评论 -
angular：[ngclass]、[ngstyle]用法以及和class、[class]、style、[style]对比
1背景看前人写的代码，有一段这样设置class的模板（html）代码：[ngStyle]=“setStyles()”，其中setStyle()函数的返回值是：{ "box-shadow": "10px 10px 5px gainsboro"}其实，也可以这样写：<div [ngStyle]="{'box-shadow':isChoosen?'green':'white'}"&g...原创 2019-12-04 10:18:07 · 1646 阅读 · 0 评论 -
angular：子组件和父组件 值的传递
1 父组件向子组件传递值父组件：father.template.html<h1>父组件</h1><cmt-child [data]='data'></cmt-child>father.component.tsimport { Component, OnInit } from '@angular/core';@Component({...原创 2019-12-03 22:46:23 · 404 阅读 · 0 评论 -
typescript 函数
//typescript的函数定义和java十分类似，有点不同的地方在于：//1、可以定义匿名函数//2、可以以变量名的方式传递函数的引用地址//3、直接使用lambda表达式定义匿名函数//4、可能还有其他不同点，待发掘//最正常的方式定义函数function myfuntion(): void { console.log("最正统的函数定义方式");}myfunti...原创 2019-12-01 22:04:39 · 308 阅读 · 1 评论 -
typescript条件语句和枚举（类）
//if else 结构和java cpp大同小异，跳过//switch() case constant-expression//expression 是一个常量表达式，必须是一个整型或枚举类型enum ColorEnum { Blue = "blue", Red = "red", Yellow = "yellow"}console.log(ColorEnu...原创 2019-11-29 15:27:58 · 253 阅读 · 0 评论 -
typescript 操作符：位运算、typeof等
//位运算，typeof 运算法let byte = 5 << 1;console.log(`byte value is ${byte} and type is ${typeof byte}`);//和java、cpp中的一样，右边自增操作，是直接取原始值；//取值的语句执行完之后，值才会发生变化let number2: number = 1;console.log("n...原创 2019-11-29 15:04:14 · 1228 阅读 · 0 评论 -
typescript 中的断言/转型
文章目录1 什么是ts的断言2 为什么要进行断言？1 什么是ts的断言类型断言（Type Assertion）可以手动指定一个值的类型，有点类似于java中的转型，都是一种临时性的类型声明，并不会对原本的引用的类型发生更改。语法如下：var a: any = "123";console.log((<string>a).length)console.log((a as str...原创 2019-11-28 18:59:29 · 1089 阅读 · 0 评论 -
typescript：d.ts文件作用、ts和js风格的外部模块导入、运行ts工程
文章目录1背景2 从零开始示范读取本地excel文件1背景想给妹子写一个导入的导入excel中的内容并自动填充到网页中的脚本，脚本通过油猴实现的运行，所以，第一步就是在现在本地实现excel内容的解析。因此，在本地运行时使用nodejs作为运行环境，由于和js或者ts相关的学习过程只有简单的angular经历，纯nodejs后台、本地项目没有经验，特来记录一下自己的学习过程，以及强烈谴责复制粘...原创 2019-11-24 00:36:03 · 4098 阅读 · 1 评论 -
前端/angualr html中style和class的区别以及常用的元素属性
举个例子：test.html<html>......<link rel="stylesheet" type="text/css" href="style.css" />......<div id="div1" style="border-top: red 1px solid;"><div id="div2" class="divClass"&...原创 2019-10-26 17:00:06 · 4461 阅读 · 0 评论 -
angular @viewchild/childen访问DOM、组件和指令
文章目录1 背景2 基本用法3 使用场景1 背景使用公司前端组件库时，用到了@viewchild，一脸懵逼，场景就是通过模板引用变量获取了对应的模板实例及其对应的ts实例。经过学习，发现，@ViewChild和@ViewChildren是Angular提供给我们的装饰器，用于从模板视图中获取匹配的元素。获取模板元素的操作是在在父组件钩子方法ngAfterViewInit调用之前进行的。2 基...原创 2019-10-24 23:33:20 · 312 阅读 · 0 评论 -
angular 模板引用变量 #变量名
文章目录1背景2模板内直接使用模板引用变量2指令、组件等1背景学习使用angular material时，看到了将一个模板（也就是html）中定义的变量赋值给了属性，实现了点击按钮触发mat-menu菜单。<button class="mat-button" [matMenuTriggerFor]="menuButtons">菜单</button><mat-m...原创 2019-10-21 00:05:15 · 3582 阅读 · 0 评论 -
angualr：属性绑定[]、事件绑定()、插值{}
文章目录1 背景2方括号[]3圆括号()4花括号{{}}1 背景刚开始学习angular时，方括号和圆括号一脸懵逼，写了一篇https://blog.youkuaiyun.com/jeason_chan_zju/article/details/100089216，现在使用了一段时间后，对一些概念有了更好的理解方式。对angular中的方括号、圆括号、花括再次进行总结。2方括号[]angular完全重写...原创 2019-10-20 22:33:40 · 644 阅读 · 0 评论 -
angualr material 真正入门实践：实践Menu（非复制粘贴）
文章目录1安装material2代码实践先吐槽一下，有些沙雕，上来介绍安装angualr material，也不让我们加版本号……目前material最新版是8.x版本，如果angualr cli安装的不是8.x版本，会不兼容……所以，angular cli和material大版本一定要匹配！1安装material路径切换到项目根目录ng --version 确认自己的angualr c...原创 2019-10-17 00:15:32 · 683 阅读 · 0 评论 -
angualr 使用http模块发送网络请求和跨域访问
文章目录1https://www.cnblogs.com/Ivan-JIANG/archive/2018/04/26/8950204.htmlhttps://www.jianshu.com/p/ebdbcb1f683e1原创 2019-10-14 14:45:57 · 296 阅读 · 0 评论 -
javascript输出
文章目录js输出代码实践及注释js输出js没有专门的输出打印函数，但是可以通过不同的方式来输出数据：使用window.alert()弹出警告框使用document.write()讲内容写到html文档中使用innerHTML写入到HTML元素使用console.log()写入到浏览器的控制台代码实践及注释<!DOCTYPE html><html>&...原创 2019-08-02 23:08:15 · 108 阅读 · 0 评论 -
javascript语法
文章目录1 脚本运行方式1 脚本运行方式最基本的方法就是通过浏览器的加载html,然后通过浏览器运行其中的js脚本，比如：(......)<script>//js<\script>(......)或者(......)<script src="./jsFile.js"><\script>(......)第二种方法，更像一个脚...原创 2019-08-05 23:20:25 · 165 阅读 · 1 评论 -
ES5中js“面向对象”及定义类
文章目录1 js的“面向对象”2 创建类的几种方法2.1 生成实例对象的原始模式1 js的“面向对象”JavaScript是一种基于对象（object-based），一切皆为对象，一切数字、数组什么的都是Number、String等什么的实例。但是，它并不是一种面向对象（OPP）的语言，因为它的语法中没有class（类）（**注意！ES6中已经新增class关键字！**参考https://...原创 2019-08-07 15:29:17 · 416 阅读 · 0 评论 -
ES5 js中的new操作符
js中的任何function都可以new，看上去每个方法都像java或者c++中的构造函数。不过，java和c++对构造函数进行new操作得到的是，和构造函数同名的类的实例（但是，构造函数并显式的返回值和void。）那么js的中对任意一个function进行new操作是做的什么事情？var Func=function(){};var func=new Func ();//对这一步进行步骤分析...原创 2019-08-07 16:14:29 · 503 阅读 · 0 评论 -
npm使用介绍：-g --save -dev cnpm
1 什么是npm要介绍npm还要先从node.js介绍起，node.js说白了就是“优化过的v8引擎+一堆常用的js脚本”，v8本来是内嵌在浏览器中解释执行js的引擎，但是，后来有人将其移植出来病经过优化，更加适合脱离浏览器去解释并执行js脚本文件，为了方便使用，再加上一些必要的js脚本，并经过封装，最终得到nodejs，使js脚本文件脱离浏览器运行给予了js很多种玩法，因此，跟Python一样...原创 2019-08-16 00:24:37 · 865 阅读 · 0 评论 -
ES5 node环境下调用别的js文件中的函数
文章目录1 代码实践2 感悟1.03 拓展（边定义边导出）4 感悟2.01 代码实践仅讨论在脱离html，纯js环境中调用别的js文件中的函数。前提：index.js为执行入口，multi_export.js中导出了多个函数供外部使用，single_export.js导出了一个函数供使用。三个js文件的源码如下：multi_export.jsfunction printDate(){ ...原创 2019-08-16 10:50:00 · 906 阅读 · 0 评论 -
js函数
1 教程代码//第一种函数定义方法，函数名即为调用时的名字function myFunction() { // alert(Date()); //这是页面才有的函数 console.log(Date());}myFunction();//第二种函数定义方法，通过变量名字链接到一个匿名函数，再通过“变量名”进行函数调用//有一种c++的感觉，函数名本质上只是函数入口...原创 2019-08-12 23:35:47 · 107 阅读 · 0 评论 -
angular 安装及初始化
文章目录1 安装2 初始化/新建项目1 安装前提是已经安装了nodejs和npm然后无其他要求。为什么要安装nodejs和npm?理由如下：angular本身时利用js或者ts实现框架，想在本地运行需要js的解释器，nodojs即为脱离了浏览器的js解释器angular本质上就是js的第三方包，因此，还是可以 通过npm进行安装、管理的angular本身就是前后端分离的实现，node...原创 2019-08-23 00:07:28 · 648 阅读 · 0 评论 -
angular属性绑定和原生html属性赋值
文章目录1 angualr中属性绑定2 html属性赋值3 异同1 angualr中属性绑定根据数据绑定的方向和绑定方式共有四种：使用html的原生绑定方式<div title="titleNameForDiv"> <!-- 不用中括号对 --> 鼠标放到我这里查看本div的title</div>原生方式，只支持绑定固定值，因此，就算t...原创 2019-08-27 15:44:24 · 2599 阅读 · 0 评论 -
angular：Can't bind to 'ngModel' since it isn't a known property
文章目录1 背景2 相应知识总结1 背景对input采用ngModule双向数据绑定时，浏览器控制台爆出标题的错误，去appMdoule.ts查看，发现已经"import { NgModule } from ‘@angular/core’;"，但是仍然报错，很是费劲，毕竟自己使用的就是：<label>数字1</label><input type="number"...原创 2019-08-27 23:20:48 · 294 阅读 · 0 评论 -
前端：基础、Angular、node.js的后端
文章目录AngularnpmAngularnpmNPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用...原创 2019-06-19 22:00:12 · 814 阅读 · 2 评论