weixin_42619706的博客

原创 从前端到数据分析怎样才算重新开始？

时隔大约2年，我又重新回来啦！哈哈！之前的博客还在记录着前端的相关知识，从现在开始要记记数据分析啦！这篇开始也给我的转行之路写个开始。19年本科毕业，大学算不上好也算不上不好，大学期间写过算法，学过前端，以至于我从未想过除了前端我还会做别的。19年开始了我的第一份工作，这段时间也了解了和接触一些数据分析相关的工作内容，可以上手但其实对工作性质还没有概念。自己还在B站上各种收藏各种学习教程，实际并没有看多少，效果不大。就这样碌碌无为的过了半年。20年初，疫情爆发了，这应该是我的转折点，2月份父母不

原创 sql练习

select e.*, d.dname, m.ename, s.gradefrom emp e,dept d, emp m,salgrade swhere e.sal > (select avg(sal) from emp)and e.deptno =d.deptnoand e.mgr = m.mgrand e.sal between s.losal and s.hisa...

原创 position属性

1 绝对 absolute相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。2 相对 relative相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。3 固定 fixed相对于浏览器窗口进行定位。元素的位置通过 "left",...

原创 display属性

1 block总是以一个块的形式表现出来，占领一整行。若干同级块元素会从上之下依次排列（使用float属性除外）。 可以设置高度、宽度、各个方向外边距（margin）以及各个方向的内边距（padding）。 当宽度（width）缺省时，它的宽度时其容器的100%，除非我们给它设定了固定的宽度。 块级元素中可以容纳其他块级元素或行内元素。 常见的块级元素由<p><d...

转载 http状态码

200　　请求已成功，请求所希望的响应头或数据体将随此响应返回302（临时移动）　　请求的资源现在临时从不同的 URI 响应请求304（未修改）　　如果客户端发送了一个带条件的 GET 请求且该请求已被允许，而文档的内容（自上次访问以来或者根据请求的条件）并没有改变，则服务器应当返回这个状态码401　　当前请求需要用户验证。403（禁止）　　服务器已经理解请求，但...

转载 es6去重

1.遍历数组法它是最简单的数组去重方法（indexOf方法）实现思路：新建一个数组，遍历去要重的数组，当值不在新数组的时候（indexOf为-1）就加入该新数组中；var arr=[2,8,5,0,5,2,6,7,2];function unique1(arr){ var hash=[]; for (var i = 0; i < arr.length; i++) ...

转载 前端性能优化

针对网络层，优化原则为： 1、减少重定向和坏连接 2、精简⻚页⾯面静态资源的数量和域名数量 3、使⽤用缓存 4、谨慎使⽤用Cookie和Https（cookis会带很多数据到服务器端，增大流量；https需要多进行SSL的请求处理）针对服务器层，优化原则为： 1、尽早返回首字节内容 2、异步加载页面底部的html内容...

转载 从发送一个url地址到返回页面,中间发生了什么?

从发送一个url地址到返回页面,一般会经历以下几个过程：1、首先，在浏览器地址栏中输入url2、浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有，会直接在屏幕中显示页面内容。若没有，则跳到第三步操作。3、在发送http请求前，需要域名解析(DNS解析)，解析获取相应的IP地址。4、浏览器向服务器发起tcp连接，与浏览器建立tcp三次握手。5、握手成功后，浏览器向服务器...

转载 代码实现对象深拷贝

数组的深拷贝条条大道通罗马，实现数组的深拷贝，是有好几种方法的。举例如下：for 循环实现数组的深拷贝for循环是非常好用的。如果不知道高级方法，通过for循环能够完成我们大多数的需求。var arr = [1,2,3,4,5]var arr2 = copyArr(arr)function copyArr(arr) { let res = [] for (le...

转载 原型链

原型是一个可以被复制（或者叫克隆）的一个类，通过复制原型可以创建一个一模一样的新对象原型链记录了原型对象创建的整个过程，因此，我给原型链添加一个概念：原型链是原型对象创建过程的历史记录。...

转载 谈谈iframe的优缺点

iframe是一种框架，也是一种很常见的网页嵌入方式iframe的优点：1.iframe能够原封不动的把嵌入的网页展现出来。2.如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。4.如果遇到加载缓慢的第...

转载 闭包优缺点

优点：1.保护函数内的变量安全,加强了封装性2.在内存中维持一个变量(用的太多就变成了缺点，占内存)

转载 CSS实现宽度自适应100%，宽高16:9的比例的矩形

.scale { width: 100%; padding-bottom: 56.25%; height: 0; position: relative;}.item { width: 100%; height: 100%; background-color: aquamarine; position: absolute;}现在我们来讲讲做自适应16:9...

转载 css3 Animate/transition/translate 区别？

1、css3中没有animate，只有animation（动画属性）。使用方法：用@keyframes定义自定义动画，用animation引用该动画。最简单的写法： 1 animation：name（自定义动画名称）duration（持续时间）; 例： 1 animation：scroll2s; 意思是在2...

转载 css实现水平居中的几种方式

一、对于行内元素：text-align:center;二、对于确定宽度的块级元素：（1）margin和width实现水平居中常用(前提：已设置width值)：margin-left:auto; margin-right:auto;（2）绝对定位和margin-left: -(宽度值/2)实现水平居中固定宽度块级元素水平居中，通过使用绝对定位，以及设置元素margi...

转载 css写三角形

.xx{ width:0; height:0; border-right:50px solid transparent; border-left:50px solid transparent; border-bottom:50px solid red;}

转载 IE与其他浏览器的区别

一、常规API获取HTML元素IE：支持el.name 、el.getAttribute(name)FF、Chrome:基本属性支持el.name其余属性仅支持el.getAttribute(name)自定义属性问题IE下，可以使用获取常规属性的方法来获取自定义属性，也可以使用 getAttribute() 获取自定义属性；Firefox下，只能使用 getAttribute()...

转载 jQuery获取的dom对象和原生的dom对象有何区别？

js原生获取的dom是一个对象，jQuery对象就是一个数组对象，其实就是选择出来的元素的数组集合，所以说他们两者是不同的对象类型不等价。原生DOM对象转jQuery对象：var box = document.getElementById('box');var $box = $(box);jQuery对象转原生DOM对象：var $box = $('#box');var ...

转载 弹性盒子

转载 前端常见的性能优化手段

1..把style样式表置于顶部head中2.减少DOM元素数量3.减少DOM访问4.异步请求 Callback5.避免使用 eval、 Function、with6.尽量减少HTTP请求次数

转载 jquery中bind与on的区别

bind方法与on方法都是事件绑定，但是两者却又有着一个大区别：事件委托on方法多了一个selector方法，也就是子类选择器事件委托就是子类的事情委托给父类的去做，而这就让我们想起了冒泡事件，是的，这的确是委托事件的原型，而我们的selector，则是判断是不是那个子元素触发的事件，如果不是，自然就忽略掉了这是个最简单的委托事件，按钮将事件委托给了父亲节点---div，所以点击btn...

转载 async await

async function 声明将定义一个返回 AsyncFunction 对象的异步函数。当调用一个 async 函数时，会返回一个 Promise 对象。当这个 async 函数返回一个值时，Promise 的 resolve 方法会负责传递这个值；当 async 函数抛出异常时，Promise 的 reject 方法也会传递这个异常值。语法：[return_value] = awa...

转载 了解Object.defineProperty如何实现数据劫持

了解Object.defineProperty如何实现数据劫持大致原理是这样的：定义一个监听函数，对对象的每一个属性进行监听 通过Object.defineProperty对监听的每一个属性设置get 和 set 方法。 对对象实行监听 对对象内嵌对象进行处理 对数组对象进行处理...

转载 vue

vue第一次页面加载会触发哪几个钩子函数？beforeCreate、created、beforeMount、mountedDOM 渲染在哪个周期中就已经完成？mounted

原创 vue生命周期

vue的生命周期也就是从开始创建，初始化数据，编译模板，挂载DOM，渲染，更新，渲染，卸载等一系列过程分为8个阶段1）beforecreate ： 实力创建前，可以加loading事件，data，computed，watch，methods上的数据和方法无法访问2）created ： 实例已创建data，computed，watch，methods上的数据和方法可访问，结束lo...

转载 vue-cli如何使用json数据模拟

简单的把题目翻译过来 意思就是如何解决数据问题？方法一： 使用express搭建静态服务mock数据写在json文件中，proxyTable 里将接口代理到具体mock数据json文件上。...

原创 清除浮动

1. 产生原因：子盒子浮动导致父盒子内高度为0，父级盒子不能被撑开，发生高度塌陷2.负作用背景不能显示边框不能撑开margin padding不能定义3. 解决1） 给父盒子高度2）父盒子加样式 overflow：auto/hidden 或 display:table3）结尾处加空div .xx{clear:both}4) 父级定义伪类 ...

转载 json 和 jsonp

1.JSONP和JSON的区别：JSON是一种传输格式，而JSONP呢是一种数据的获取方式。2. JSON优点？1）、基于纯文本，跨平台传递极其简单；2）、Javascript 原生支持，后台语言几乎全部支持；3）、轻量级数据格式，占用字符数量极少，特别适合互联网传递；4）、可读性较强，虽然比不上 XML 那么一目了然，但在合理的依次缩进之后还是很容...

转载 vue实现双向绑定的原理

vue的双向绑定是由数据劫持结合发布者－订阅者模式实现的，就是通过Object.defineProperty()来劫持对象属性的setter和getter操作，在数据变动时做你想要做的事情...

转载 vue-router 路由监听 重定向 路由懒加载 模式

ajax：axios：fetch：

转载 vue-router 响应路由参数的变化

例如从/XX/aa导航到/XX/bb，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。注意是：（1）从同一个组件跳转到同一个组件。（2）生命周期钩子created和mounted都不会调用。方法一：// 监听,当路由发生变化的时候执行watch:{$route(to,...

转载 Vue 组件 data为什么是函数

当我们使用组件的时候，虽然data是在构造器的原型链上被创建的，但是实例化的函数对象确是共享同样的data对象,当你修改一个属性的时候，data也会发生改变当我们的data是一个函数的时候，每一个实例的data属性都是独立的，不会相互影响了这都是因为js本身的特性带来的，跟vue本身设计无关...

转载 vue.js的两个核心是什么

数据驱动、组件系统数据驱动：ViewModel，保证数据和视图的一致性。组件系统：应用类UI可以看作全部是由组件树构成的。

转载 vue-cli 工程常用的 npm 命令有哪些？

1. npm install：下载 node_modules 资源包的命令2. npm run dev：启动 vue-cli 开发环境的 npm命令3.npm run build：vue-cli 生成 生产环境部署资源 的 npm命令4.npm run build--report：用于查看 vue-cli 生产环境部署资源文件大小的 npm命令...

转载 用于构建vue的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？

1、vue.js：vue-cli工程的核心，主要特点是双向数据绑定和组件系统。2、vue-router：vue官方推荐使用的路由框架。3、vuex：专为 Vue.js 应用项目开发的状态管理器，主要用于维护vue组件间共用的一些 变量 和 方法。4、axios（ 或者 fetch 、ajax ）：用于发起 GET 、或 POST 等 http请求，基于 Promise 设计。...

转载 vue生命周

转载 cookie localstorage sessionstorage

原创 微信小程序 如何引入外部字体库iconfont的图标

微信小程序 如何引入外部字体库iconfont的图标首先去https://www.iconfont.cn/选取图标加入购物车，并生成将此段代码放入app.wxss中，然后将包下载到目录下，之后再组件中引入<icon class="iconfont icon-xiangshui"></icon>就ok了！！！！！！！...

原创 伪造数据

https://easy-mock.com

原创 解决mysql不能传数组问题

项目需要向mysql数据库中传递一个一维数组，但是！！！mysql不能存放数组，寻找万能的百度老姐就可以解决了，哈哈哈，说正题，数组转化成字符串b=a.jion(",");b为字符串，a为数组，字符串转化成数组a = b.split(","),a为数组，b为字符串好了，开心的转化...