- 博客(24)
- 收藏
- 关注
RSS订阅
原创 angular中使用ngx-translate国际化配置
一、ngx-translate认识ngx-translate：The internationalization (i18n) library for Angular.二、安装npm install @ngx-translate/core --savenpm install @ngx-translate/http-loader --save三、项目中配置使用ngx-translate...
2020-02-21 16:58:39
1109
原创 一文搞定javascript中正则表达式
1.1 模糊匹配模糊匹配，分为两个方向上的匹配： 横向匹配和纵向匹配1.1.1 横向正则匹配横向正则匹配，指的是字符串长度不是固定的，可以是多种情况。比如正则/ab{2,5}c/: 表示匹配字符串，第一个字符为"a"， 接下来2-5字符为"b"，最后字符为"c"。var regex = /ab{2,5}c/; //注意：{2,5}直接不能用空格{2， 5}会报错var string...
2020-05-16 11:31:08
247
转载 web安全学习路线
------------------------------------------------------------------------------------------------------------------------------前段时间找到并且现在正在学习的Web安全学习路线，想学Web安全的朋友们一起加油吧！！！--------------------------...
2020-03-31 09:27:51
1249
1
原创 浅谈angular依赖注入
一、什么是依赖注入？首先，用最通俗的语言来说，某公司财务类要给员工发放工资，它需要人事类提供一个薪资标准，财务类想要完成工资发放，就必须实例化人事类，，也就是说财务类依赖于人事类；官方回答： 依赖注入 Dependency Injection（简称DI）是用来创建对象及其依赖的其它对象的一种方式。 当依赖注入系统创建某个对象实例时，会负责提供该对象所依赖的对象（称为该对象的依赖）。以下面分页...
2020-02-20 16:21:25
1070
原创 javascript运行机制—消息队列，同步异步，微任务和宏任务
https://www.jianshu.com/p/b1c537a709ce前言js是单线程，异步、非阻塞、解释型脚本语言；这边先提三个疑问，带着问题学习。为啥js要设计成单线程，多线程和多进程效率不是更高吗？既然js是单线程，怎么处理同步任务和异步任务？异步又是怎么实现非阻塞的呢？？2. js为啥是单线程？在这之前，先来看下线程和进程的概念：2.1 进程和线程进程...
2019-12-02 08:51:31
529
原创 guid栅格响应式布局
在css3<div class="container"> <div class="item-1">1</div> <div class="item-2">2</div> <div>3</div> <div>4</div> <div>5&l...
2019-11-27 10:19:31
1135
原创 js文件读写与下载
<input class="'#uploadTxt'" type="file" label="导入文件" onchange="onFileSelect($event)"/><button pxButton type="button" class="ui-button-info" name="buttonExport" [label]="导出文件" (click)="export...
2019-11-26 15:07:19
177
转载 Dockerfile文件详解
什么是Dockerfile？Dockerfile 用于自动化构建一个docker镜像。是一个包含用于组合映像的命令的文本文档。Docker通过读取Dockerfile中的指令自动生成映像；例如： docker build命令用于从Dockerfile构建映像docker build -t library/uniportal . Dockerfile的基本结构Dockerfil...
2019-10-11 16:53:58
267
原创 angular和js中分別实现checkbox复选框的全选，反选及个别选择
1. js中实现方法：<form> <label class="title"> <input type="checkbox" value="" name="tab" /><strong><span>全选</span></strong> </label> &...
2019-10-10 11:08:44
515
原创 web缓存200和304区别
web缓存前端缓存主要分为HTTP缓存和浏览器缓存。HTTP缓存是在HTTP请求传输时用到的缓存，主要是在服务器代码上设置，浏览器缓存是在前端js上设置；HTTP缓存整体流程：HTTP缓存都是从第二次请求开始的。第一次请求资源时，服务器返回资源，并在respone header头中回传资源的缓存参数；第二次请求时，浏览器判断这些请求参数，击中强缓存就直接200，否则就把请求参...
2019-10-08 09:13:09
622
原创 json学习笔记
1. JSON简介JSON是一种存储和交换数据的语法；JSON 是通过Javascript对象标记法书写的文本；1.1 交换数据在浏览器和服务器之间进行数据交换时，只能采用文本的形式，而不能采用对象；JSON属于文本，能够把任何JavaScript 对象转换为JSON，然后将其发送给服务器；从服务器接收到的数据文本也可以通过JSON的方式转换为对象；发送数据数据如果是存储...
2019-08-15 08:38:20
139
原创 JS DOM（文档对象模型）
文章目录1 什么是HTML DOM1 什么是HTML DOMHTML DOM是HTML的标准对象模型和编程接口。换言之，HTML DOM 是关于如何获取、更改、添加或删除HTML元素的标准；DOM编程界面是每个对象的属性和方法。属性是您能够获取或设置的值（就比如改变HTML元素的内容）方法是您能够完成的动作（比如添加或者删除HTML元素）。查找HTML元素方法：...
2019-08-12 20:27:23
263
原创 js中Uncaught TypeError: Cannot set property 'innerHTML' of null问题解决方法：
html文件如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="test.js"><...
2019-08-12 09:18:20
9920
2
原创 Javascrip三：面向对象设计
文章目录1 对象定义对象属性1 对象定义对象就是包含变量的变量;var person = { firstName: "Bill", lastName: "Gates", age: 86, eyeColor: "blue"}var x = person; //此处的x并非person的副本，person和x是一个对象； x.age = 10;conso...
2019-08-08 16:01:30
94
原创 javascript二：基本概念以及作用域
文章目录1. 基本概念1.1 变量1.2 数据类型四种输出方式：window.alert() : 写入警告框document.write() ：写入HTML输出，会删除已有的HTML语句innerHTML : 写入HTML元素console.log() : 写入浏览器控制台1. 基本概念1.1 变量变量申明：var num1 = 2;变量算术运算var ...
2019-08-07 09:55:03
141
原创 Less学习笔记
简介LESS包含了一套自定义的语法及一个解析器，用户可以通过解析器，编译生成对应的css文件，它完全兼容css语法，再其基础上加入了程序化语言的特性。比如引入变量，Mixin(混入)；降低了css的维护的成本。LESS语言特性导入myfile.less.myfile{ color： color: #5882fA;}myfile2.less@import "myfile.less"...
2019-08-01 16:35:46
160
原创 html5新特性
新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线储存的更好的支持新的特殊内容元素，比如article、footer、header、nav、section新的表单控件，比如calender、date、time、email、url、searchvideo元素属性值描述srcURL允许多个source元素，链接不同URL, ...
2019-07-31 09:25:09
92
转载 css四：常用css样式属性大全（转）
一 CSS文字属性：color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*/font-variant:small-caps; /*小字体*/letter-spacing : 1pt; /*字间距离*/line-he...
2019-07-29 16:24:47
148
原创 css三：框模型以及样式
背景属性描述参数示例background-color背景色①rgb(255,0,255)②#00ff00③yellowbody {background-color: yellow}background-image图像放入背景①url(‘URL’)②inherit:父元素继承a.radio {background-image: url(/i/eg_bg_0...
2019-07-29 09:46:54
123
原创 HTML基础知识入门
HTML基础基础知识什么是HTML?元素嵌套元素元素分类空元素属性常见属性含义布尔属性HTML基本结构特殊字符head元素元元素:元素合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章U...
2019-07-25 09:33:44
340
原创 javaScript一：入门了解
JavaScript简介JS是一门完备的动态编程语言。应用于HTML时，可为网站提供动态交互特性。可应用与幻灯片、照片库、浮动布局和响应按钮点击以及游戏、2D、3D、大型数据库驱动程序等。...
2019-07-22 17:28:09
103
原创 css一：入门了解
css由来？css不是真正的编译语言，甚至不是标记语言，是一门样式语言。“css规则集”详解整个结构称之为规则集，注意一下语法：每个规则集除了选择器之外都应该包含在成对的大括号中；、 属性和属性值之间要用：分割； 每个声明要用（;）分割；选择器分类选择器名称 选择的内容 示例 元素选择器 所有指定类型的HTML元素 p ID选...
2019-07-20 14:17:57
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人