随笔分类 -  【010】前端开发

1 2 3 4 下一页
DOM操作方法、属性
摘要：话不多说直接上demo: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <div class="contain 阅读全文
posted @ 2020-07-31 19:06 给时光以生命 阅读(431) 评论(0) 推荐(0)
CSS样式手册
摘要：字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-heigh 阅读全文
posted @ 2020-07-31 19:06 给时光以生命 阅读(485) 评论(0) 推荐(0)
XSS跨站脚本攻击
摘要：跨站脚本可以称为XSS，是攻击者向目标Web站点注入HTML标签或者脚本。所以在开发过程中javaScript程序员必须意识到这点。 跨站脚本攻击（Cross-Site Scrpting）简称为XSS，指的是向其他域中的页面的DOM注入一段脚本，该域对其他用户可见。恶意用户可能会试图利用这一弱点记录 阅读全文
posted @ 2020-06-18 01:55 给时光以生命 阅读(402) 评论(0) 推荐(0)
数组和对象的使用方法
摘要：数组和对象应用 》let arr1=[5,4,3,2]; //定义数组 arr1[2] 》let arr2=[0,1,[2,3],4]; //二级数组，嵌套数组 arr2[2][1] 》let arr3=[4,3,{"name":"lucas"},1] //数组对象 arr3[2].name 》le 阅读全文
posted @ 2020-06-18 01:54 给时光以生命 阅读(535) 评论(0) 推荐(0)
Chrome浏览器（一）：前置知识
摘要：一、CPU、进程、线程之间的关系 CPU： 计算机的核心是CPU，它承担了系统的所有的计算任务。 进程： 是cpu资源分配的最小单位（是能拥有系统分配独立内存资源和独立运行的最小单位） 线程： 是cpu调度的最小单位（线程是建立在进程的基础上的一次程序运行单位，一个进程中可以有多个线程） 比方说操作 阅读全文
posted @ 2020-05-31 15:49 给时光以生命 阅读(699) 评论(0) 推荐(0)
vue-cli 3.0 项目对.vue文件格式化失效问题
摘要：产生问题 VSCode中格式化vue文件时，js代码中会被自动添加上分号 你可能会疑惑，明明已经在vscode编辑器安装了 插件并且在 进行配置（去除语句分号和单引号、默认缩进4空格），但是在脚手架生成的vue项目中 文件依旧不生效，怎么办？ 解决方法有2个： 解决方法1 根目录 文件 你可能在vu 阅读全文
posted @ 2020-05-11 20:21 给时光以生命 阅读(1928) 评论(0) 推荐(0)
XSS 攻击实战
摘要：什么是XSS？ 为了与层叠样式表css区分，将跨站脚本简写为XSS。 XSS攻击原理 XSS（Cross Site Scripting）攻击全称跨站脚本攻击，是为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆，故将跨站脚本攻击缩写为XSS，XSS是一种经常出现在w 阅读全文
posted @ 2020-04-30 22:22 给时光以生命 阅读(4124) 评论(1) 推荐(0)
前端错误监控
摘要：最近一直在做前端js错误监控的工作，在不断的打磨和完善中，发现里面还是知识点不少，现在就前端js错误监控做一些笔记和总结 为什么要做前端错误监控? 1. 为了保证产品的质量 2. 有些问题只存在于线上特定的环境 3. 后端错误有监控,前端错误没有监控 下面会讲： 前端错误的分类 错误的捕获方式 上报 阅读全文
posted @ 2020-02-29 20:56 给时光以生命 阅读(690) 评论(0) 推荐(0)
prototype原型链详解
摘要：原型链 创建 (声明) 对象有几种方法 原型、构造函数、实例、原型链 的原理 new 运算符 一. 创建对象有几种方法 1.字面量 2.构造函数new new的作用: 1.创了一个新对象; 2.this指向构造函数; 3.构造函数有返回,会替换new出来的对象,如果没有就是new出来的对象 3.内置 阅读全文
posted @ 2020-01-30 23:34 给时光以生命 阅读(1132) 评论(0) 推荐(0)
页面布局之三栏布局的5种方案
摘要：题目： 假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px，中间自适应的设置方案有几种？ 这里考察的是你对CSS的理解 首先初始化样式 HTML编写 由于三栏布局HTML代码几乎差不多，下面就不过多重复编写了。 注： 浮动解决方案需要将 的类标签与 类互换即可。 下面我们将通过修改 样式 阅读全文
posted @ 2020-01-11 20:17 给时光以生命 阅读(839) 评论(0) 推荐(1)
2020年必学的9个强大的JavaScript技巧
摘要：我喜欢优化！ 但是，如果站点无法在用户的 浏览器中运行，他们不会在乎我的优化代码。 我使用 "Endtest" 来创建自动测试，并在跨浏览器的云上执行它们。 "Netflix" 使用相同的工具来测试他们的 。 你应该查看 "文档" 下面是9个极其强大的 技巧。 1.全部替换 我们知道 函数只能替换第 阅读全文
posted @ 2019-12-31 23:04 给时光以生命 阅读(377) 评论(0) 推荐(0)
js数组与字符串类型相同方法的比较
摘要：数组和字符串有很多相似的对方，比如数组和字符串都有以下方法： 1. concat 2. indexOf 3. lastIndexOf 4. slice 5. includes 鉴于toString及valueOf方法基本类型都有,这里就不做过多介绍了 1、数组中indexOf和较数组中include 阅读全文
posted @ 2019-12-19 14:33 给时光以生命 阅读(2149) 评论(0) 推荐(0)
vue的v-bind详解
摘要：前言 v bind 主要用于属性绑定，比方你的class属性，style属性，value属性，href属性等等，只要是属性，就可以用v bind指令进行绑定.这篇文章主要介绍了VueJs中的V bind指令,需要的朋友可以参考下 v bind 主要用于属性绑定，Vue官方提供了一个简写方式 :bin 阅读全文
posted @ 2019-12-15 16:25 给时光以生命 阅读(3891) 评论(0) 推荐(0)
全面了解Cookie
摘要：一、Cookie的出现 浏览器和服务器之间的通信少不了HTTP协议，但是因为HTTP协议是无状态的，所以服务器并不知道上一次浏览器做了什么样的操作，这样严重阻碍了交互式Web应用程序的实现。 针对上述的问题，网景公司的程序员创造了Cookie。 二、Cookie的传输 服务器端在实现Cookie标准 阅读全文
posted @ 2019-11-27 16:17 给时光以生命 阅读(509) 评论(0) 推荐(0)
HTML5实现无刷新修改URL
摘要：前言 今天在做一个vue的搜索功能，需要从搜索结果页面跳转到细节页面，然后点击返回还能返回到刚刚的结果页面，如果只用window.history.go( 1)当然会重新刷新搜索页面，当然是不行的。 我尝试了俩种方式来修改url: 1. window.location.href,拼接一个搜索的key值 阅读全文
posted @ 2019-11-14 00:40 给时光以生命 阅读(3780) 评论(1) 推荐(0)
闭包的理解
摘要：闭包是Javascript语言特有的"链式作用域"结构（chain scope）变量的作用域有三种：全局作用域和局部作用域以及块作用域(ES6)。，子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。 闭包：JavaScript高级程序设计里写闭包是 阅读全文
posted @ 2019-11-10 11:08 给时光以生命 阅读(905) 评论(0) 推荐(0)
JS中的prototype、__proto__与constructor
摘要：1.前言 作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相信很多初学者对这些属性存在许多困惑，容易把它们混淆，本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点，__proto__属性的两边是各由两个下划线构成（这里为了方便大家看 阅读全文
posted @ 2019-10-31 23:44 给时光以生命 阅读(559) 评论(0) 推荐(0)
深入理解 Array.prototype.map()
摘要：概述： map()方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组，它不会改变原来的数组。 语法： let newArr = oldArr.map(callback[, thisArg]) 参数： callback 原数组中的元素调用该方法后返回一个新数组。它接收三个参数，分别 阅读全文
posted @ 2019-10-30 19:53 给时光以生命 阅读(2716) 评论(0) 推荐(0)
网页布局——Flex弹性框布局
摘要：布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 需要安卓4.4及以上版本可以使用display:-webkit-flex;，安卓4.4以下使用display:-webkit-box 阅读全文
posted @ 2019-10-30 19:12 给时光以生命 阅读(580) 评论(0) 推荐(0)
vue项目的各个文件作用
摘要：vue项目的各个文件作用： build:放置的是webpack配置文件，一般不动,修改了必须重启服务器才能生效 config:放置针对开发环境和线上环境的配置文件，一般不动 修改后需重启 node_modules：项目的依赖 src:所有的源代码 static:静态资源 //只有这个目录可以被外部访 阅读全文
posted @ 2019-10-28 00:02 给时光以生命 阅读(2346) 评论(0) 推荐(0)

1 2 3 4 下一页