- 博客(45)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Failed to connect to raw.github.com port 443: Connection refused解决方法
在安装zsh时sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"报443：curl: (7) Failed to connect to raw.github.com port 443: Connection refused解决：重新安装配置文件
2020-05-26 23:30:14
938
原创 【小细节】给文字占位符设置颜色
未设置之前，文字和原型不一样原型是白色的！！！ <!-- 搜索框 --> <div class="search"> <input class="input" type="text" placeholder="搜索联系人..." /> </div>.search { background: #fff;}.search .input {
2020-05-24 01:22:43
876
原创 【笔记整理】vue中常见的高频面试题
1.谈一下你对MVVM原理的理解传统的 MVC 指的是,用户操作会请求服务端路由，路由会调用对应的控制器来处理,控制器会获取数据。将结果返回给前端,页面重新渲染MVVM :传统的前端会将数据手动渲染到页面上, MVVM 模式不需要用户收到操作 dom 元素,将数据绑定到 viewModel 层上，会自动将数据渲染到页面中，视图变化会通知viewModel层 更新数据。ViewModel 就是我们 MVVM 模式中的桥梁.2.请说一下响应式数据的原理？理解:1.核心点: Object.define
2020-05-23 11:31:08
333
原创 【奔跑吧！少年】浏览器的渲染原理
浏览器工作大流程从上面这个图中，我们可以看到那么几个事：1）浏览器会解析三个东西：一个是 HTML/SVG/XHTML，事实上，Webkit 有三个 C++ 的类对应这三类文档。解析这三种文件会产生一个 DOM Tree。CSS，解析 CSS 会产生 CSS 规则树。Javascript，脚本，主要是通过 DOM API 和 CSSOM API 来操作 DOM Tree 和 CSS Rule Tree.2）解析完成后，浏览器引擎会通过 DOM Tree 和 CSS Rule Tree 来构造
2020-05-23 00:42:25
272
原创 【奔涌吧！后浪】要不要看看P1-P7层级要求的前端技能？
实习生/见习生（实习）主要职责1、页面及需求练习2、基本技能学习专业能力了解HTML技术，能运用一些HTML标签了解CSS，能运用一些CSS属性了解一门脚本语言会使用PS，会使用DW等文本编辑工具初级培训/初级前端开发工程师（P1）主要职责1、页面及需求练习2、基本技能学习专业能力了解HTML技术，能运用一些HTML标签，了解HTML各个版本的特性，有一定的基础理论知识。有一定的CSS基础理论知识，能运用CSS属性进行网页布局和视觉实现。了解脚本语言基本语法，能自己手写简单的
2020-05-23 00:22:55
958
原创 vue使用lib-flexible和postcss-px2rem-exclude完美解决移动端适配的问题（思路）
前言rem配合vw之类的？这就触碰到我的知识盲区了于是我就去论坛发帖了有一个回答让我耳目一新。于是我就百度这两个：lib-flexiblepostcss-px2rem-exclude结果还真有很多相关的推文vue项目中使用lib-flexible解决移动端适配的问题vue移动端适配插件lib-flexible淘宝弹性布局方案lib-flexible实践lib-flexible适配大屏方案（附移动端适配）...
2020-05-22 17:57:28
754
原创 【小练习】flex属性
效果图如下：源码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>.sky{ d
2020-05-21 01:47:49
142
原创 【小练习】使用swiper插件弄轮播图
官网：https://www.swiper.com.cn/download/index.html#file11.在终端进行安装，输入以下命令行npm install swiper vue-awesome-swiper --save2.在main.js引入import VueAwesomeSwiper from 'vue-awesome-swiper'Vue.use(VueAwesomeSwiper /* { default options with global component } */)
2020-05-20 22:12:34
261
5
原创 你了解jsonp原理吗？jsonp支持post吗
我记得面试的时候，面试官问我：jsonp的原理是什么？支持get或者post请求吗？这个场景十分尴尬，因为我确实没有去了解过。。。文章部分内容来源于:《深入浅出JSONP–解决ajax跨域问题》前期储备知识：同源策略，它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当一个浏览器的两个tab页中分别打开来 百度和谷歌的页面当一个百度浏览器执行一个脚本的时候会检查这个脚本是属于哪个页面的，即检查是否同源，.
2020-05-20 11:09:06
407
原创 【建议珍藏】校招社招面试指导笔记
就我个人而言，由于四月初来到广州之后开始投递简历还蛮顺利的，收到了第一家面试的offer，没有多对比几家就去了对于加班情况，团队氛围这些都不是很了解，是十分不好的事情。这阵子，我用了几天的时间从投递到面试，面了几家公司，不断对比和筛选一共面了五家，有三家通过了。其中有一家福利待遇好，有一家有较多的技术大佬可以指导。在纠结很久之后，综合考虑了很久，我选择了后者！！！短短几天时间面了四五家公司我个人的话喜欢看一些视频或者积累一些笔记，以下是我看过黑马程序员指导面试的一个视频笔记略有一点点改动，
2020-05-20 10:17:31
1432
原创 【css小动画】5月20日也是普通的一天，可以动手尝试小动画
效果图：注：在html上引入你需要展示的图片html代码如下： <ul> <li><img src="myself.jpg"></li> <li><img src="cooler.jpg"></li> <li><img src="yoghurt.jpg"></li> <li><img src="blue_color.jpg">
2020-05-19 23:05:25
204
3
原创 【近期面经】几天时间面了五家公司，通过了三家
最近面试了几家公司第一份实习 从4月初到五月初，将近一个月的时间各种原因，所以找第二份上周开始筹划的，上周周三面了一家，在珠江新城那边笔试完之后，就两个面试官来面试我了由于是大公司的缘故，所以考算法？算法我倒是没有怎么复习啧啧所以可能手写一些算法对于我来说，十分难受，结果可想而知，GG。周五面了两家，都通过了，有一家福利还不错，考虑去。主要的福利待遇是月薪****，中午包吃，下午五点下班，不用加班，三个月后转正，由于是物流相关的公司，所以需求不太多，可能相对不会那么辛苦。我本来有考虑，后来
2020-05-19 19:15:50
1735
8
原创 从输入URL到页面展示的详细过程（简单整理）
参考链接https://blog.csdn.net/wlk2064819994/article/details/79756669
2020-05-19 11:32:25
292
原创 面试题：[1,2,3].map(parseInt)结果是什么
引入有这样一道前端面试题：['1','2','3'].map(parseInt)结果是什么？我们先说一下结果：[1, NaN, NaN]前言我们先看一下mapmap() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。注意： map() 不会对空数组进行检测。注意： map() 不会改变原始数组。const arr=[1,2,3]const result = arr.map(function(ite
2020-05-19 11:14:03
1621
翻译 【翻译】概述ES6的350个要点
我的《深度学习ES6》系列由24篇文章组成，涵盖了ES6中大多数语法更改和功能。本文旨在总结所有这些内容，为您提供大多数ES6的实用见解，以便您快速入门。我还链接了《深度学习》中ES6中的文章，以便您可以轻松地深入研究您感兴趣的任何主题。我听说你喜欢要点，所以写了一篇文章，其中包含数百个这些坏男孩。首先，这是一个包含所有主题的目录。很明显，它有要点。请注意，如果您想让这些概念渗透到您的大脑中，那么您将有更多的时间来学习该主题，方法是进行深入的系列讨论，然后自己实验ES6代码。开演时间到了！目录介绍
2020-05-18 00:25:35
185
原创 【采坑记】window系统搭建egg环境
自从我电脑系统重装之后，我发现我好像会遇到各种问题？！早上看着egg的官方文档，想搭建一下egg环境结果一直报错？？？各种报错？？？反正我是按照官网来的于是我就去找技术博客各种尝试原文链接：原文链接：可是好像还是不行？？于是我就去问了一些大佬其中有个大佬说，按照这个步骤应该没错，但是我电脑是window系统的于是我的心态就有了一点微妙的变化…大佬继续说：算了，我懵逼了哈哈还有一个人建议我升级node版本但是我发现我不能升级，因为我是window系统：大win
2020-05-17 17:46:19
531
原创 【CSS小动画】会跳动的小心心
效果图如下：完整的源码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2020-05-16 21:42:56
595
6
原创 【优化用户体验】点确定的时候弹出确认框再去调用执行删除方法
remove (row) { this.$Modal.confirm({ title: '删除', content: '<p>你确定要删除吗</p>', onOk: () => { this.$Message.info('确认删除') // 拿到id ，调用后台删除接口 deleteErpExpressType(row).then((res) => ..
2020-05-14 00:55:27
457
原创 【个人理解】简单理解前后端分离，微服务，分布式开发
前后端分离就是分开开发前端和后台不在同一个应用中.而是两个不同的项目每个项目都有不同的域名和端口号,如果前端需要数据，就去访问后台得项目接口获取数据就比如说，数据库和后台是分开的，数据库和后台不在同一个项目，后台需要数据就去连接数据库获取一个app项目可以有多个后台，多个前端也可以一个前端，多个后台其实这个类似于微服务了就是分布式开发我目前接触的项目仅仅是单体架构单体架构是一个app只有一个项目，前端后台都在同一个项目...
2020-05-14 00:48:56
1665
原创 【JS笔记】学JS前，你一定要了解的JS
JavaScript简介Netscape 发明了 JavaScriptJavaScript由Netscape 在1995年发明。早期的主要目的是处理一些用户的输入验证操作。而在JavaScript语言出现之前客户端的页面时需要提交到服务器端，由服务器去检测的。在刚刚普及的电话线调制解调器时代，对用户是一种考验，著名的Netscape Navigator（早期浏览器） 通过引入JavaScript来解决该问题。随着互联网的流行，网页已经不断变得更大和复杂，如果用户想要注册表单，需要直接将表单提交到服务器
2020-05-13 11:51:59
320
4
原创 反向代理，解决跨域问题
跨越代理把localhost:8080/api 代理 到下面那个网站如果不代理, 浏览器就会报跨域, 不让你访问那个接口以/api开头的接口, 重写成空字符
2020-05-13 11:11:38
254
原创 后台增删改查思路
思路：1.新增a.点击添加按钮,触发点击弹出添加界面b.输入要添加的数据，c.点击保存，或者确定按钮d。确定按钮触发事件发送axios.post请求后台，带上你那些输入的数据e.后台返回结果，做判断处理是否成功，然后提示用户2.删除点击删除按钮，触发事件拿到要删除数据的id，发送axios请求，带上id后台返回结果，做判断处理是否成功，然后提示用户3.修改点就修改按钮，或者编辑按钮拿到要修改的数据的id，发送请求后台查询出该数据，（这里是查询功能也是第条的查询，只是查询一条数据的，
2020-05-13 09:58:55
1593
原创 【 Vue-cli3】搭建前端 Vue 开发环境
要求如下：https://mp.weixin.qq.com/s/AGwmoc8TxOAyVdKsC6uXqQ接下来我会按照要求去完成Part.A 搭建 Vue 项目一、安装node1、下载地址为：https://nodejs.org/en/2、检查是否安装成功，打开终端输入以下命令，如果输出版本号，说明我们安装node环境成功node --version二、安装npm1、安装node后，由于node集成了npm会默认安装npm。打开终端输入以下命令查看npm安装的版本号npm -v
2020-05-12 22:04:40
270
原创 【CSS笔记】层叠样式表 CSS
一、 CSS1.引题：网站中的所有页面的标题都是黑色老板需要将页面中的所有的标题改为红色2.定义：Cascade Style Sheet 层叠样式表3.优势：使得页面的结构和表现分离二、CSS引入方式1.行内样式：<h2 style="color:#0F0">Hello World</h2>2.内部样式：<style type="text/css"> h2{ color:#F00; }</sty
2020-05-11 19:51:24
175
原创 【CSS笔记】css的定位
css的定位相对定位： 相对定位是相对于元素原本的位置进行移动的。使用方式：position:relative;绝对定位： 绝对定位是相对于整个页面而言。position:absolute; top:200px;left:380px;固定定位：固定定位: 固定定位是相对于整个浏览器而已的。position:fixed; top:380px;left:1000px;<div class="one"> one</div> <div cla
2020-05-11 09:35:00
185
1
原创 【DOM详细笔记】用不一样的视角了解文档对象模型
文档对象模型（Document Object Model，简称DOM）正如W3C所定义的，DOM是独立于平台和语言的接口，该接口为程序和脚本提供了对文档的内容、 结构和样式的动态获取和更新的功能。DOM事件两种绑定方式(DOM0)1.obj.onclick = fn;(DOM2)2. ie:obj.attachEvent(事件名称，事件函数);没有捕获(非标准的ie...
2020-05-04 21:37:24
357
原创 【BOM笔记】浏览器对象模型
BOMECMAScript 是 JavaScript 的核心，但如果要在 Web 中使用 JavaScript，那么 BOM（浏览器对象模型）则无疑才是真正的核心。BOM 提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。多年来，缺少事实上的规范导致 BOM 有很多问题，因为浏览器提供商会按照各自的想法随意去扩展它。W3C 为了把浏览器中JavaScript 最基本的部分标准化，...
2020-05-04 18:14:47
293
原创 【JS笔记】函数的参数
定义一个用来求两个数和的函数可以在函数的()中来指定一个或多个形参（形式参数）多个形参之间使用,隔开，声明形参就相当于在函数内部声明了对应的变量但是并不赋值function sum(a,b){ console.log("a = "+a); console.log("b = "+b); console.log(a+b);}在调用函数时，可以在()中指定实参（实际参数）实参将会赋...
2020-05-04 17:45:56
230
原创 3道题测试你是否理解执行上下文（附答案）
/* 测试题1: */ function a() {} var a; console.log(typeof a) // function /* 测试题2: */ if (!(b in window)) { var b = 1; } console.log(b) // undefined /* 测试题3: */...
2020-05-04 17:19:51
378
原创 【JS笔记】数组的方法
concat()可以连接两个或多个数组，并将新的数组返回该方法不会对原数组产生影响var arr = ["草莓","西瓜","苹果"];var arr2 = ["烤鸭","炸鸡","汉堡"];var arr3 = ["柠檬汁","优乐美","珍珠奶茶"];var result = arr.concat(arr2,arr3,"hls","cola"); console.log('...
2020-05-04 17:11:40
219
转载 【JS笔记】函数的方法
源码如下：function fun(a,b) { console.log("a = "+a);//2 console.log("b = "+b);//3 console.log(this);//object}var obj = { name: "obj", sayName:function(){ console.log(this.name); }};//fun.call(...
2020-05-04 17:02:00
194
原创 【Webpack笔记】Webpack的配置文件：webpack.config.js
Webpack的配置文件：webpack.config.js作用: 指示 webpack 干哪些活（当你运行 webpack 指令时，会加载里面的配置）所有构建工具都是基于nodejs平台运行的~模块化默认采用commonjs。resolve用来拼接绝对路径的方法const { resolve } = require('path');module.exports = { // ...
2020-05-03 17:39:13
221
原创 几道题回顾一下JS高级
1. 如何证明js执行是单线程的?setTimeout()的回调函数是在主线程执行的定时器回调函数只有在运行栈中的代码全部执行完后才有可能执行2. 为什么js要用单线程模式, 而不用多线程模式?JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题3. 代...
2020-05-03 17:20:22
170
原创 面试官：说说Vue组件间通信方式有哪些
记得面试的时候，被问到这个，当时只是简单粗暴的回答了现在趁着假期，整理一下和这个知识点有关的笔记1) 通信种类父组件向子组件通信子组件向父组件通信隔代组件间通信兄弟组件间通信2) 实现通信方式propsvue自定义事件消息订阅与发布vuexslot3) 方式1: props通过一般属性实现父向子通信通过函数属性实现子向父通信缺点: 隔代组件和兄弟组件间通信...
2020-05-03 00:01:32
553
原创 【备考秋招】JS基础总结深入、函数高级、对象高级、线程机制与事件机制详细笔记（附思维导图）
01 基础总结深入数据类型的分类和判断基本(值)类型Number ----- 任意数值 -------- typeofString ----- 任意字符串 ------ typeofBoolean ---- true/false ----- typeofundefined — undefined ----- typeof/===null -------- null -------...
2020-05-02 23:11:08
546
原创 【JS笔记】JS高级_单词
anonymous [ə’nɒnɪməs]adj. 匿名的watch [wɒtʃ]vt. 监视, 观察call [kɔːl]vi. 调用stack [stæk]n. 栈breakpoint ['brek,pɔɪnt]n. 断点pause [pɔːz]vi. 暂停scope [skəʊp]n. 作用域, 范围global ['gləʊb(ə)l]adj. 全局的, 全...
2020-05-02 22:51:33
310
原创 2023年的一份前端学习路线(仅供参考)
1.前端核心基础【 js基础 Day1】js的介绍及基本语法变量,运算符【 js基础 Day2】js的流程控制:分支语句,循环.顺序结构【 js基础 Day3】关键字的使用，数组（重点）和函数（重点）【 js基础 Day4】面向过程，面向对象，自定义对象，内置对象 【 js基础 Day5】函数(重点)，作用域，预解析，arguments，对象【 js基础 Day6】内置对象和基本包...
2020-05-02 16:27:47
4520
8
一个月学会JavaScript.pdf
2020-04-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人