前端
文章平均质量分 83
Deng冬
这个作者很懒,什么都没留下…
展开
-
简单来一场js 面向对象编程的谈话—— js 继承方式
前言 在面向对象的思考方式的课程中,有提到,“万物皆是对象”⾯向对象是⼀种思考⽅式,是对现实世界的⼀种解释,就像⼒学三⼤定律。函数式编程也是⼀种思考⽅式,就像计算机的逻辑基础与或⾮,没有任何⽅式可以完全描述整个世界,没有万能理论。⾯向对象三⼤特性:封装:封装属性和⾏为、降低耦合、隐藏内部细节继承:利⽤不同层级的抽象概念,复⽤同类的属性和⾏为多态:同类⾏为的不同表现,⾏为⼀致,内部实现不⼀致 对于面向对象编程(OOP),其实它就是用抽象方式创建的基于现实世界模型的一种编程模式。在今天,由原创 2020-08-09 11:06:05 · 250 阅读 · 1 评论 -
pc网页端调起客户端应用的那些事--electron
Date: 2020.04.11前言 在当下大前端的趋势之下,我还是跟随大流跳入了electron 开发的坑。不过这个也让我不再局限于网页业务的开发,并对大前端所代表的的内容有了新的认识。如果是在去年听到大前端这个词,我也只是只知其名不懂其义。 为了开发客户端的新业务,这三个月我接触了很多新知识,从基本的业务开发,electron 的构建配置和打包,针对 mac 应用的签名,公证和盖章,...原创 2020-05-03 18:34:39 · 9343 阅读 · 19 评论 -
前端构建踩坑 --- babel-loader 对已编译的脚本进行再编译从而导致文件执行出错
前言本人博客原地址:前端构建踩坑 — babel-loader 对已编译的脚本进行再编译从而导致文件执行出错问题描述: babel-loader 对已编译的脚本进行再编译从而导致文件执行出错。 因为打算开发一个小组件库,但是要对已经编译完成的组件库的脚本进行一遍完整的测试。所以,本人就很自然的启动一个项目,引入已经编译好的组件库脚本,想着大展伸手,结果。。。 遇到了一大堆脑瓜子疼...原创 2019-11-07 09:36:14 · 1833 阅读 · 0 评论 -
关于跨域与 csrf 的那些事
前言 在这段时间,部门前辈分享了不少干货。我学到了不少内容,并对其进行简单整理,以便更好地转化为自己的知识。知识探讨部分关于跨域产生协议,域名,端口三者其中存在不同都会形成跨域;故,当协议,端口,域名三者均相同时,浏览器就会认为是同源,允许加载该资源,否则为不同源。跨域存在原因:浏览器的同源限制策略请求:客户端(www.a.com) -》 服务端(www.baidu.com)...原创 2019-09-03 23:40:27 · 1949 阅读 · 2 评论 -
vue-router踩坑之NavigationDuplicated error --- 20190821
前言 因业务需求重新开发了一个项目,但是在使用vue-router,偶然发现vue-router会报下面这个错误。后来网上查询,给出了很多解决方案,很多都说直接删除node_modules,重新安装依赖就好。同时也有很多网友说这个方案无效。其实会出现这种错误的情况,是因为[Bug Report] 升级vue-router至3.1以后版本,导航组件重复点击报错 NavigationDupl...原创 2019-08-22 00:07:21 · 1007 阅读 · 5 评论 -
vue-cli 3学习之vue-cli-service插件开发(注册自定义命令)
前言提到 vue-cli,官方文档对其的介绍如下:A simple CLI for scaffolding Vue.js projects. 一个简单的Vue.js工程命令行脚手架工具。说白了,vue-cli 其实就是一个基于webpack构建,可以让用户快速初始化一个项目的工具。基本原理: vue-cli并非从无到有地凭空生成一个项目,而是通过下载/拉取(通过download-git...原创 2019-02-25 19:55:05 · 16725 阅读 · 0 评论 -
vue-cli 3 知识点整理
关于指南笔记简单整理如下:一、介绍二、安装1、前提:(1)node 版本要求:8.9或更高版本(2)如若已安装旧版本vue-cli ,则将其卸载,重新安装@vue-cli2、安装命令:// 局部安装npm i @vue/cli 或 yarn add @vue/cli//全局安装npm i -g @vue/cli 或 yarn add -g @vue/cli3、...原创 2019-02-15 20:04:30 · 1404 阅读 · 0 评论 -
前端知识点,面试必备
前端专业技能储备一个合格的前端开发需要那些知识储备?JavaScript 相关 原型链与作用域闭包模块化(amd/cmd/umd/ES6 module)跨域多种方式,如 jsonpJavaScript 中的 this 指向问题CORSAJAX 的几种状态,ajax与fetch,hijaxiframe 与 onload 阻塞主页面前端安全与 CSRF,XSS,SQL注入,DDOS转载 2017-11-07 22:19:38 · 654 阅读 · 0 评论 -
js 事件流和事件处理程序(DOM 标准事件模型)
一、基本概念1. 事件:文档或浏览器窗口中发生特定交互瞬间2. 事件流:描述从浏览器中接收事件的顺序IE的事件流:事件冒泡流 Netscape Communicator的事件流:事件捕获流3. 事件冒泡:从触发事件的最具体元素开始,逐级向上传播到document对象注:不是所有事件都支持冒泡事件;比如:鼠标事件(mouserleave, mouseenter等),焦点事件(bl...原创 2018-08-30 14:59:44 · 672 阅读 · 0 评论 -
css实现垂直居中的几种方式(布局常用)
前提:html模板:<div class="parent"><div class="content">内容垂直居中</div></div>声明:以下示例,主要实现垂直居中的样式代码为加粗的部分一、对单行元素进行垂直居中时1、可设置该行内元素的父元素的height与line-heigth的值相等,让行内元素垂直居中2、针...原创 2018-05-21 21:40:19 · 12393 阅读 · 0 评论 -
左右布局,左边定宽且右边自适应(项目中常用到)
前提:html结构如下:<div class="parent"><div class="left">我是左边</div><div class="right">我是右边</div></div>方法一:使用float配合overflow:hidden原创 2018-05-13 15:26:06 · 1344 阅读 · 0 评论 -
css实现水平居中的几种方式
本人博文原地址:css实现水平居中的几种方式一、对于行内元素:text-align:center;二、对于确定宽度的块级元素:(1)margin和width实现水平居中常用(前提:已设置width值):margin-left:auto; margin-right:auto;(2)绝对定位和margin-left: -(宽度值/2)实现水平居中固定宽度块级元...原创 2018-05-13 10:05:22 · 59291 阅读 · 2 评论 -
webpack使用教程
一、webpack的概念webpack是一个前端工具,可以让各个模块进行加载、预处理,再进行打包,它有gulp和grunt的大部分基本功能,它的最大区别就是提供了模块化解决方案,可以把各种资源作为模块来使用和处理。二、安装与相关配置(包括打包文件)注:以下命令在安装node.js后,在其命令行工具中输入命令步骤如下:1、在要用的webpack的文件夹下初始化npm命令:npm init命令执行完后...原创 2018-03-11 22:38:16 · 1270 阅读 · 0 评论 -
客户端数据存储cookie、localStoeage、sessionStorage(小记)
一、数据存储分为客户端存储和服务端存储1、而对于客户端存储,在html5以前只能通过cookie来实现;html 5以后增加了web存储(实际保存本地)的功能,(1)对于web存储有两个标准:a、File API 标准: 支持该标准的浏览器能够计算机硬盘的其他文件中读取数据b、IndexDB 标准: 支持该标准的浏览器内含有一个完整的,微型的数据库引擎(2)分类:a、本地存储(localStora...原创 2018-03-07 20:03:58 · 972 阅读 · 0 评论