- 博客(32)
- 收藏
- 关注
RSS订阅原创 2021-09-12，面试题整理
H5的新属性拖拽释放（drag and drop）api语义化更好的标签（header，nav，footer，aside，article，section）音频（audio），视频（video）画布（canvas）地理（Geolocation）Localstorage，本地离线储存，长期储存数据，关闭浏览器后数据不丢失，sessionstorage，将数据保存在session对象中，在浏览器关闭后自动删除表单控件，calendar，date，time，email，url，search新的技术
2021-09-12 12:55:29
178
原创 xlsx，前端导出Excel文件
这里讲的是直接根据页面table导出Excel安装：$ npm install xlsx由于项目用的Angular+Ant design框架，以下展示为angular的部分写法代码：关联：https://www.npmjs.com/package/xlsxhttps://sheetjs.com/https://github.com/SheetJS/sheetjs...
2020-10-30 15:37:24
197
原创 前端面试题归档
页面导入样式时，使用link和@import有什么区别link是XHTML标签，除了加载CSS外，还能用于定义RSS,定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS;link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本(IE5及以下)的浏览器不支持。：link支持使用Javascript控制DOM去改变样式；而@import不支持。
2020-09-03 17:07:43
171
原创 TypeScript的简单总结
1，类型注解；String，Number，Boolean等声明每一个变量的类型注解，应用起来更加规范；2，接口，提供一个数据自定义的接口，如：export class Person { id: number; name: string; }let person: Person3，类，TypeScript支持JavaScript的新特性，比如支持基于类的面向对象编程。e...
2019-10-28 17:33:57
157
原创 前端获取后端的数组对象处理（去重，排序，转为树状结构）
后端接口数据处理，对于数组对象下面为后端转过来的一个扁平数据var data = [ { id: '1', staffName: '陈三三', trueProRank: { id: "11", description: "交警", codeIndex: 11, category: "警务人员", categoryIndex: 1 }...
2019-07-26 01:53:55
1791
原创 JS正则表达式整理
JS正则表达式整理金额校验类function chearNum(s) { //金额 只允许正数 //var exp = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/; //金额 允许正（+）负数 //var exp = /(^([+...
2019-06-20 16:46:22
143
原创 只保留小数点后两位（原生）
在完善项目过程中，有时候输入的数字只需保留后两位小数，如金额等，代码如下：HTML：<div> <h3>只保留小数点后两位</h3> <input type="text" onkeyup="chearNum(this)"></div>js：<script> function chearNum...
2019-06-11 10:24:09
1113
原创 git的常用操作指令
git的常用操作指令$ git init命令实现操作备注git init在现有目录中初始化仓库git add对指定文件的跟踪后面接你想跟踪的文件git commit提交更新git clone克隆现有的仓库后面接你的git库地址git status检查当前文件状态git diff检查具体修改了什么地方git dif...
2019-06-06 14:41:08
186
原创 angular的路由配置
1，引入路由import { RouterModule, Routes } from '@angular/router';2，路由路径1，每个 Route 都会把一个 URL 的 path 映射到一个组件。 注意，path 不能以斜杠（/）开头。 路由器会为解析和构建最终的 URL，这样当你在应用的多个视图之间导航时，可以任意使用相对路径和绝对路径。 { path: 'crisis-ce...
2019-05-24 11:47:32
712
原创 angular以及Ant Design of Angular的各项配置
1，创建项目ng new projectproject是你的项目名称2，启动项目ng serve --open需在你新建的项目下启动
2019-05-06 11:13:29
1847
原创 JS的面向对象编程的（闭包，作用域，原型链，封装，继承，多态)
闭包的概念闭包就是能够读取其他函数内部变量的函数。1，变量的作用域无非就是两种：全局变量和局部变量。2，如何从外部读取局部变量？ function f1(){ n=999; function f2(){ alert(n); // 999 } }在上面的代码中，函数f2就被包括在函数f1内部，这时f1内部的所有局部变量，对f2都是可见的。但是反...
2019-04-17 01:40:23
951
原创 什么是Webpack，为什要使用WebPack
1、什么是WebpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。2、为什要使用WebPack今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区...
2019-04-15 15:40:46
165
原创 vue的双向数据绑定
原理：VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。它接收三个参数，要操作的对象，要定义或修改的对象属性名，属性描述符。重点就是最后的属性描述符。属性描述符是一个对象，主要有两种形式：数据描述符和存取描述符。这两种对象只能选择一种使用，不能混合两种描述符的属性同时使用。上面说...
2019-04-15 03:09:53
191
原创 什么是mvc 什么是 mvvm
MVC：（Model-View-Controller的缩写）对项目的整体把控,M代表的是数据库中的数据（Model）,V代表的是前端的视图层（View），C用于处理M和V之间进行交互的业务逻辑(Controller，业务逻辑需要程序员自己控制，自己编写)MVVM:（Model-View-ViewModel的缩写）主要用于一些前端的框架,对MVC三层架构中的视图层再次进行层次划分，M是当前一个...
2019-04-15 01:08:50
233
原创 ES6定义那些新属性
ES6新特性（常用的）1.类（class）ES6 引入了class（类），让JavaScript的面向对象编程变得更加简单和易于理解。2.模块化(Module)ES5不支持原生的模块化，在ES6中模块作为重要的组成部分被添加进来。模块的功能主要由 export 和 import 组成。每一个模块都有自己单独的作用域，模块之间的相互调用关系是通过 export 来规定模块对外暴露的接口，通过...
2019-04-12 01:20:32
537
原创 JavaScript处理异步的几种方法
一、回调函数（callback）假定有两个函数f1和f2，后者等待前者的执行结果。f1();f2();如果f1是一个很耗时的任务，可以考虑改写f1，把f2写成f1的回调函数。function f1(callback){ setTimeout(function () { // f1的任务代码 callback(); }, 1000);}// 执行f1(f2)...
2019-04-12 00:32:00
252
原创 前端中的set， map
SetES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。const arr = [1, 2, 3, 4, 5, 5, 4, 3, 2, 1];const set = new Set();arr.forEach(item => set.add(item));console.log(...
2019-04-12 00:00:24
1158
原创 页面性能优化办法有哪些？（前端）
页面性能优化办法有哪些？一、资源压缩与合并如何进行html压缩：1，使用在线网站进行压缩(开发过程中一般不用)2，nodejs 提供了html-minifier工具3，后端模板引擎渲染压缩如何进行css压缩：1，使用在线网站进行压缩(开发过程中一般不用)2，使用html-minifier工具3，使用clean-css对css压缩如何进行js的压缩和混乱1，使用在线网站进行压缩...
2019-04-11 23:34:45
500
原创 react路由安装
路由安装npm install react-router --save 安装路由npm install react-router-dom --save 安装路由dom
2019-04-11 23:13:55
1657
转载 变量的结构赋值
一，数组的解构赋值ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，被称为结构(destructuring),以前，为变量赋值只能直接赋值;let a =1;let b =2;let c=3;在ES6中可以写成:let [a,b,c] = [1,2,3];可以从数组中提取值，按照对应位置,对变量赋值，本质上这是属于"模式匹配"的写法：只要等号两边的模式相同，左边的变量会就被赋...
2019-04-09 12:43:58
455
原创 ajax转为同步
Ajax请求默认的都是异步的如果想同步 async设置为false就可以（默认是true）var html = $.ajax({url: “some.php”,async: false}).responseText;或者在全局设置Ajax属性$.ajaxSetup({async: false});再用post，get就是同步的了...
2019-04-08 10:26:44
389
原创 vue（二）vuex
在 Vue.js 的项目中，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。一、安装并引入 Vuex首先使用 npm 安装 Vuexcnpm install vuex -S然后在 main.js 中引入import Vue from ‘vue’import App from ‘./App’import Vuex ...
2019-03-21 23:20:16
94
原创 vue（一）跨组件传参
Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。一、父组件向子组件传递数据在 Vue 中，可以使用...
2019-03-17 23:56:38
3458
原创 面向对象编程有哪些优势
面向对象语言可以归类为1，基于对象的程序设计语言；2，面向对象的程序设计语言。面向对象编程具有以下优点：1，易维护采用面向对象思想设计的结构，可读性高，由于继承的存在，即使改变需求，那么维护也只是在局部模块，所以维护起来是非常方便和较低成本的。2，易扩展通过继承，我们可以大幅减少多余的代码，并扩展现有代码的用途；我们可以在标准的模块上（这里所谓的”标准”指程序员之间彼此达成的协议）...
2019-03-05 11:08:40
8283
原创 获取当前时间/日期（年月日，以及当前时间）
var now = new Date();var time = now.getFullYear() + “-” +((now.getMonth()+1)<10?“0”:"")+(now.getMonth()+1)+"-"+(now.getDate()<10?“0”:"")+now.getDate();（XXXX-XX-XX）var mydate = new Date();myd...
2019-02-19 13:05:56
2679
转载 实时监听input事件
RunJS 实时监测input中值的变化 $(function(){$(’#username’).bind(‘input propertychange’, function() {KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲result').html...
2019-02-17 09:44:14
532
原创 服务器常见报错返回
服务器常用的状态码及其对应的含义如下：200：服务器响应正常。304：该资源在上次请求之后没有任何修改（这通常用于浏览器的缓存机制，使用GET请求时尤其需要注意）。400：无法找到请求的资源。401：访问资源的权限不够。403：没有权限访问资源。404：需要访问的资源不存在。405：需要访问的资源被禁止。407：访问的资源需要代理身份验证。414：请求的URL太长。500：服务...
2019-01-02 10:00:20
1519
转载 服务器常见报错的情况
当我们从客户端向服务器发送请求时服务器向我们返回状态码状态码就是告诉我们服务器响应的状态通过它，我们就可以知道当前请求是成功了还是出现了什么问题状态码是由3位数字和原因短语组成的（比如最常见的：200 OK）其中第一位数字表示响应类别，响应类别从1到5分为五种add：其实我查阅资料发现还有一个6打头的一个 600 Unparseable Response Headers表示服务器没有...
2019-01-02 09:58:42
2117
原创 mysql题库
一、选择题1、查找表结构用以下哪一项( )A．FIND B．SELETE C．ALTER D．DESC答案：B2、在视图上不能完成的操作是( ) A．查询 B．在视图上定义新的视图 C．更新视 图 D．在视图上定义新的表答案：B3、用于将事务处理写到数据库的命令是( ) A．insert B．rollback C．commitD．savepoint答案：C4、查找条件为：姓名不是...
2018-12-27 21:30:35
5389
原创 jQuery题库
一．选择题下面哪种不是jquery的选择器?( ) C。A、基本选择器 B、层次选择器C、css选择器 D、表单选择器当DOM加载完成后要执行的函数，下面哪个是正确的?( ) CA、jQuery(expression, [context]) B、jQue...
2018-12-27 21:12:35
11142
1
原创 jquery DOM 创建、插入、删除 、复制、替换、包裹
1.创建元素节点：$("")2.创建文本节点，与创建元素节点类似，可以直接把文本内容一并描述$(“我是文本节点”)3.创建属性节点：与创建元素节点同样的方式$(“我是文本节点”)$(“动态创建DIV元素节点”) //一句话创建元素、文本、属性节点jquery较简洁，而如果用javascript，则代码比较多复制代码jquery: var $body = (′body′);...
2018-12-15 13:37:31
345
原创 js怎样添加、移除、移动、复制、创建和查找节点
（1）创建新节点var para=document.createElement(“p”); //创建新的 元素var node=document.createTextNode(“这是新段落。”); //创建了一个文本节点para.appendChild(node); //向 元素追加这个文本节点var element=document.getElementById(“div1”);//...
2018-11-26 11:38:36
203
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人