- 博客(38)
- 收藏
- 关注
原创 Vuejs(2.0)
一、使用 Vue 脚手架1.1 初始化脚手架1.1.1 说明1.Vue脚手架是 Vue 官方提供的标准化开发工具(开发平台)。2.最新版本是 4.x3.文档 Vue CLI1.1.2 具体步骤1.全局安装: 全局安装 @vue/cli 命令: npm install -g @vue/cli2.切换到创建的项目的目录,然后使用命令创建项目: vue create xxx3.启动项目 npm run ser...
2022-04-11 22:58:44
361
原创 Vuejs(基础)
vue是什么? 一套用于构建用户界面的渐进式JavaScript框架。渐进式:Vue可以自底向上逐层的应用。简单应用:只需一个轻量小巧的核心库。 复杂应用:可以引入各式各样的Vue插件。Vue的特点采用组件化模式,提高代码复用率、且让代码更好维护。 声明式编程,让编程人员无需操作DOM,提高开发效率。 使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。地址Vue官网地址:Vue.js Githup地址:https://github.com...
2022-04-11 21:28:51
821
原创 拷贝的方式
一、深拷贝拷贝不仅将原对象的各个属性逐个复制出去,而且将原对象各个属性所包含的对象也依次采用深拷贝的方法递归复制到新对象上。1.1 JSON.Parse(JSON.stringify)1.1.1 弊端 如果 obj 的属性有时间对象,则 JSON.stringify 后再 JSON.parse 的结果,时间将转为字符串的形式,而不是对象的形式 如果 obj 的属性有 RegExp (正则表达式的缩写)、Error 对象,则序列化的结果将只得到空对象; ...
2022-03-29 19:46:08
1254
原创 src与href的区别
srcsrc是source的简写,表示的是引入文件,所在位置将被替换为其指向的文件内容,页面遇到此类元素会暂停渲染直到src内容加载并执行编译完成,再加载后续资源。hrefhref是Hypertext Reference的简写,表示的是超文本引用,用于建立与外部资源的链接,与文档渲染同时进行,不影响页面加载...
2022-03-24 10:24:58
180
原创 Vue 原理整理
1. 组件化基础=>(MVVM模型)传统组件,知识静态渲染,更新依赖于操作DOM。Vue的核心理念是数据驱动的理念,所谓的数据驱动的理念:当数据发生变化的时候,用户界面也会发生相应的变化,开发者并不需要手动的去修改dom。优点:不需要在代码中去频繁的操作dom了,这样提高了开发的效率,同时也避免了在操作Dom的时候出现的错误。Vue.js的数据驱动是通过MVVM这种框架来实现的,MVVM 框架主要包含三部分:Model, View, ViewMode数据驱动视图...
2022-03-22 21:32:15
19505
原创 XSS 和 CSRF 攻击
一、XSS1.1 XSS概念XSS(Cross Site Scripting):跨域脚本攻击。1.2 XSS攻击原理XSS攻击的核心原理是:不需要你做任何的登录认证,它会通过合法的操作(比如在url中输入、在评论框中输入),向你的页面注入脚本(可能是js、hmtl代码块等)。最后导致的结果可能是:盗用Cookie破坏页面的正常结构,插入广告等恶意内容D-doss攻击1.3 XSS攻击方式1.3.1 反射型发出请求时,XSS代码出现在u...
2022-03-21 12:10:28
198
原创 Vue 面试
目录1、Vue2.0 生命周期有哪些?2、谈谈对 keep-alive 的了解3、v-if 和 v-show 区别4、v-if 和 v-for 的优先级5、ref 是什么?6、nextTick是什么?7、scoped 原理 【如果想让css在当前页面生效】8、样式穿透 【深度选择器】9、组件之间的传值10、computed、methods、watch 有什么区别?11、props 和 data 优先级谁高?12、Vuex13.vue设...
2022-03-21 11:41:28
221
原创 JavaScript — DOM
一、Web APIs 简介1.1 Web APIs 和 JS基础关联性1.1.1 JS组成1.1.2 JS基础阶段以及 Web APIs阶段JS基础阶段学习的是ECMAScript 标准规定的基本语法 掌握js基本语法 只学习语法,做不了常用的网页交互效果 目的是为了JS后面的课程打基础、做铺垫Web APIs 阶段Web APIs 是 w3c 组织的标准 Web APIs 主要学习 DOM 和 BOM Web APIs 是 JS 所独有的部分 主要学习页面的交互功
2022-03-19 13:22:37
380
原创 数组的方法
一、数组去重的方式1.1 双层 for 循环的方式1.2 for循环 和 indexOf 方法function unique(arr) { var newArr = []; for (var i = 0; i < arr.length; i++) { if (newArr.indexOf(arr[i]) === -1) { newArr.push(arr[i]) } } return newArr;
2022-03-18 21:19:55
226
原创 HTML5
目录一、语义化标签二、增强型表单2.1 html5 添加了一些新的input输入特性,改善更好的输入控制和验证。2.2html5新增了五个表单元素2.3html5新增表单属性三、视频和音频3.1 音频3.2 视频四、Canvas 绘图五、SVG 绘图5.1 什么是SVG?5.2SVG的优势5.3 SVG与Canvas区别六、地理定位七、拖放API八、WebWorker九、WebStorage9.1 sessionSto...
2022-03-18 15:18:21
4189
原创 前端面试大汇总
一、js闭包1.1 闭包是什么?方法里面返回一个方法。function fn(){ let a1 = 1; return function(){ return a1; }}1.2 闭包存在的意义?1.2.1 延长变量的生命周期1.2.2 创建私有环境// 作用域链 找不到一层一层网上找var name = "111";function fn1(){ var name = "222"; functio...
2022-03-17 19:44:27
169
原创 js判断对象上是否含有某个属性
一、对象.hasOwnProperty('属性')let obj = { name: 'll', age: 189 };console.log(obj.hasOwnProperty('age')); // trueconsole.log(obj.hasOwnProperty('name')); // trueconsole.log(obj.hasOwnProperty('sex')); // false注意:和原型没关系二、...
2022-03-17 16:57:13
47980
原创 JavaScript 多浏览器兼容问题及解决方案
1. document.formName.item("itemName") 问题问题说明:IE下,可以使用 document.formName.item("itemName") 或者 document.formName.elements["elementName"];Firefox下, 只能使用 document.formName.elements["elementName"];解决办法:统一使用 document.formName.ele...
2022-03-10 14:08:42
1711
原创 http状态码
HTTP协议 (六) 状态码详解 - 小坦克 - 博客园一、什么是状态码?二、状态码分类三、常见的错误码四、1XX消息五、2XX 成功六、3XX重定向七、4XX客户端错误八、5XX服务端错误
2022-03-10 13:42:00
145
原创 前端面试题
一、HTML、CSS、浏览器 相关1.1 网路中使用最多的图片格式有哪些? JPEG 、GIF、PNG、SVG等。最流行的是 jpeg格式,可以把文件压缩到最小,在 ps 以 jpeg 格式存储时,提供11级压缩级别。1.2...
2022-03-07 12:58:17
2562
原创 JavaScript — 基础语法
目录计算机基础一、初识 JavaScript1.1 初识 JavaScript1.1.1 JavaScript历史1.1.2 JavaScript 是什么?1.1.3 JavaScript 的作用1.1.4 HTML/CSS/JS 的关系1.1.5 浏览器执行js简介1.1.6 JS的组成1.1.7 JS初体验1.2 JavaScript 注释1.3 JavaScript输入输出语句二、变量2.1 变量的概述2.1.2 什么是变量2.1.2 .
2022-03-06 13:27:02
641
原创 Promise
学习中.....练习代码地址:GitHub - climber-lx/x-Promise一、Promise 的理解和使用1.1 Promise 是什么?1.1.1 理解1.抽象表达1.Promise 是一门新的技术(ES6规范)。2.Promise 是 JS 中进行异步编程的新解决方案 备注:旧方案是单纯使用回调函数2.集体表达1.从语法上来说:Promise 是一个构造函数2.从功能是哪个来说:promise 对象用来封装一个异步操作并可以...
2022-03-04 01:15:10
397
原创 ES6 ~ ES11整理
持续学习中。。。。。ES 全称 EcmaScript,是脚本语言的规范,而平时经常编写的 JavaScript,是EcmaScript的一种实现,所以 ES 新特性其实指的就是 JavaScript 的新特性。一、ESMAScript相关介绍1.1 什么是ECMAECMA(European Computer Manufacture Associate)中文名称为欧洲计算机制造协会,这个组织的目标是评估、开发和认可电信和计算机标准。1994年后该组织改名为 Ec...
2022-02-28 22:50:59
866
原创 js面试题总结1
持续更新中。。。。1. 延迟加载JS有哪些方式?方式有很多,如:动态创建script标签的方式,或者定时器的方式。这里需要的回答的是 async 和 defer 的区别。async和defer的原理:async vs defer attributes - Growing with the Web正常情况下执行代码 是从上往下依次执行,但是如果在head引入js文件处理body中dom元素,就会报错,所以一般情况下把引入外部的放在代码后面引入;async...
2022-02-27 22:38:33
284
原创 Webpack
webpack学习中。。。。。。一、Webpack简介1.1 Webpack是什么?Webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)。在Webpack看来,前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)。1.2 Webpack 五个核心概念1.2.1 Entry...
2022-02-26 00:46:24
302
原创 下载文件的方法
前提补充:要想html文件在本地服务中打开1.下载安装全局的 http-server 包npm install http-server -g然后再当前文件下运行 http-server即可在本地起一个本地服务来运行文件: 127.0.0.12.可以在vscode中 点击右键 选择 Open with Live Server 打开文件也是在本地服务中打开文件。一、blob对象实现文件下载了解更多blob的内容:Blob - Web API 接口参...
2022-02-21 22:31:32
801
原创 Ajax
一、原生AJAX1.1 AJAX 简介Ajax 全称为 Asynchronous JavaScript And XML, 就是异步的 js 和 XML。通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。AJAX 不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。1.2 XML简介XML 可扩展标记语言。XML 被设计用来传输和存储数据。XML和HTML类似,不同的是HTML中都是预定义标签,而XML中没有预...
2022-02-18 00:29:42
316
原创 前端开发准备事项
在初次投入一个项目开发时,需要准备一些开发事项,来方便快速投入项目。个人见解。1.下载安装node2.配置镜像3.安装git4.安装开发工具 如:vscode5.安装框架的脚手架如:angular cli ,vue cli6....
2022-01-28 23:57:33
3098
原创 angular国际化配置(i18n)
国际化:1.npm安装 ngx-translate 模块2.模块配置angular6.x--国际化(i18n) - 简书
2022-01-28 23:51:41
970
原创 练习(niukewang)
1.下列window方法中,可以显示对话框的一项是(C)A:confirm()B:alert()C:prompt()d:open()解析:confirm()是弹出判断对话框;alert()是弹窗;prompt()显示对话框;open()是打开新的页面;2.执行以下程序,下列说法中,正确的是(A)var arr = new Array(3); ...①arr[0] = 1;arr.b = ...
2022-01-22 13:36:03
2321
原创 console 对象
1.console.log()2.console.error('error')3.console.warn('warn')4.console.clear()5.console.time() 与console.timeEnd()6.console.table()7.console.count()8.console.group() 与console.groupEnd()9.为日志添加样式
2021-09-08 23:57:35
364
原创 公共方法整理-js
1.词条中变量替换值在字符串中可能存在变量,需要替换值,可以使用这种办法。在国际化中因为需求需要把一句拆开来展示,这时中英文显示顺序不一致,可以使用这种办法。/** * @param textTemplate 词条模板 * @param replaceObject 需要被替换成的真是数据 */const i18nReplace = (textTemplate:string, replaceObject:object) => { const subRegRex = /\{\
2021-09-08 22:28:06
156
原创 angular如何创建一个module文件
1.创建module文件命令 ng generate module 文件名2.修改创建的module文件import { NgModule } from '@angular/core';import { CommonModule } from '@angular/common';import { FormsModule } from '@angular/forms';import { FormCheckComponent } from './form-check.compo...
2021-09-08 21:39:33
2475
原创 如何在angular中导入json文件
方法1使用 import 在任何 TypeScript 模块里导入本地的JSON文件1. 创建 JSON 文件在需要的位置创建 JSON 文件 如:app.json2. 修改 tsconfig.json 文件在tsconfig.json文件中的 compilerOptions 选项下设置如下代码:{...,"compilerOptions": {...,...
2021-09-08 20:39:55
520
原创 常用的第三方插件
1. sql-formatter 格式化sql语句安装:npm install --save sql-formatter导入和使用:1.import * as sqlFormatter from "sql-formatter"; // 导入所有的对象使用:sqlFormatter.format('获取的数据') ; // 格式化获取的sql语句2. import { format } from ...
2021-09-07 22:05:47
286
原创 深度选择器
深度选择器,可以用来修改引入的第三方件的样式对于 less 或者sass等预编译,>>> 是无效的1. /deep/<style scoped> /deep/ .el-checkbox { display: block; font-size: 26px; .el-checkbox_label { font-size: 16px; } }</style&.
2021-09-07 21:58:22
346
原创 angualr开发中错误汇总
1. No directive found with exportAs 'NgForm'.原因:找不到带有 exportAs 'NgForm' 的指令找不到可以使用 NgForm 指令的模块解决:在模块文件中引入对应的 FormsModuleimport { FormsModule } form '@angular/forms';imports: [...
2021-09-07 21:52:35
584
原创 Angular 自定义模板驱动表单验证指令
1.创建一个自定义指令执行命令: ng g directive validator/check directive 指令 validator/check 文件目录2.修改创建的自定义指令文件// 创建的校验规则判断指令文件import { Directive, Input } from "@angular/core"; // Input 父向子传值import { Validator, ...
2021-09-07 21:46:53
394
原创 标识符、关键字、保留字 - js
1.标识符标识(zhi)符:指开发人员为变量、属性、函数取的名字。 例如: var num = 1; 这个num就是标识符标识符不能是关键字或保留字。2.关键字关键字:是指JS本身已经使用了的字,不能再用它们充当变量名、方法名。break case catch continue default delete do else finally for function if in i...
2021-09-05 15:20:20
269
原创 less入门
1.初见less1.1 什么是less less是一个css预编译器,意思指的是它可以扩展css语言,添加功能如允许变量(variables),混合(mixins),函数(functions)和许多其他技术,让css更具维护性,主题性,扩展性。1.2 less官方网站 中文:http://lesscss.cn/ 英文:https://lesscss.org/1.3 与less的第一次碰面 传统写法.conten ul{ l...
2021-09-02 23:50:11
182
原创 01-邂逅Vuejs
1.认识VuejsVue(读音 /vju:/, 类似于 view)。 Vue是一个渐进式的框架,什么是渐进式的呢?渐进式意味着可以将Vue作为应用的一部分嵌入其中,带来更丰富的交互体验。 希望将更多的业务逻辑使用Vue实现,Vue的核心库以及其生态系统。 比如 vuejs Core + Vue-router +Vuex,可以满足各种各样的需求。Vue有很多特点和Web开发中常见的高级功能解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM2.Vuejs安装方式...
2021-08-29 00:43:15
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人