小牛小牛积极自由 - 个人主页动态 - 牛客网

发布(13) 刷题

小牛小牛积极自由

2021-04-13 22:23

前端工程师

js对url编码和解码的方式

1.escape 和 unescape原理：对除ASCII字母、数字、标点符号 @ * _ + - . / 以外的其他字符进行编码。 编码：escape('http://www.baidu.com?name=zhang@xiao@jie&order=1')    结果："http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1"    escape('张')    结果："%u5F20" 解码：unescape("http%3A//www.baidu.com...

0 点赞评论收藏

转发

小牛小牛积极自由

2021-04-13 21:25

前端工程师

JS实现页面跳转的方法

1.使用window.location.href //跳转到index.html <script language="javascript" type="text/javascript"> window.location.href="index.html"; </script>2.使用window.history.go //返回上一界面 <script language="javascript"> window.history.go(-1); </script>3.使...

0 点赞评论收藏

转发

小牛小牛积极自由

2021-04-11 15:35

前端工程师

npm简单指令

1.npm init 初始化项目生成package.json，其是用来存放项目的信息和配置等信息的文件在进行项目传递的时候不需要将项目依赖包一起发送给对方，对方在接受到你的项目之后再执行npm install就可以将项目依赖全部下载到项目里。 package name: 你的项目名 version: 版本号 description: 对项目的描述 dependencies/devdependencies: 运行/开发环境依赖包列表，会被安装在node_module目录下 main: 项目的入口文件 require('moduleName')会加载文件，默认是...

0 点赞评论收藏

转发

小牛小牛积极自由

2021-04-11 13:07

前端工程师

单页面应用SPA的原理以及使用

使用SPA的原因是为了减少服务器压力，当我们切换页面时，会向服务器发送一个请求，请求返回一个html文件。如果使用SPA则每次更改url时，不需要再向服务器请求，只要通过本地的js来切换就可以了。并且服务器也不需要配置路由，前端来实现路由配置。使用SPA可以增强用户体验，使用SPA时，更改url，直接刷新页面，js运行速度很快，用户体验很好。SPA路由实现1.使用Hashwindow.location.hash可读可写。读取时，可以用来判断网页状态是否改变；写入时，则会在不重载网页的前提下，创造一条访问历史记录实例如下： var path = "index"; window...

0 点赞评论收藏

转发

小牛小牛积极自由

2021-04-05 19:33

已编辑

前端工程师

vue中的组件相关知识

1.全局组件 Vue.component('cpn', cpnC)//全局组件, 意味着可以在多个Vue的实例下面使用2.局部组件 const app = new Vue({ el: '#app', components: { cpn: cpnC // cpn 使用组件时的标签名,cpnC是构造器 } })3.为什么组件data必须是函数组件不能访问vue实例的数据，Vue组件有自己存数据的地方组件对象有一个data属性，data属性必须是函数原因是每一个vue实例使用data中的属性时，如果data是对象，那么所有vue实例调用data都将指向同一个对...

0 点赞评论收藏

转发

小牛小牛积极自由

2021-04-05 10:07

前端工程师

js如何判断NaN的

window上的全局方法isNaN()大家会认为这是判断一个值是等于NaN，其实不是这样： isNaN(123) //false isNaN('123') //false isNaN('123抵达的') //true isNaN(NaN) //true来看例子2和3，我们可以发现isNaN()方法的原理当我们向isNaN传递一个参数，原理是通过Number()方法尝试转换参数的类型为Number，如果转换成功返回false，否则返回true它只是判断这个参数能否转成数字而已，并不是判断是否严格等于NaN。所以当你要判断某个值是否严格等于NaN时，无法使用isNaN()方法，因为传递任意无法转换...

0 点赞评论收藏

转发

小牛小牛积极自由

2021-04-04 22:36

已编辑

前端工程师

数组去重的方法以及优化和兼容

1.使用两层循环（一般不推荐，过于麻烦） 2.使用数组的includes属性，判断是否存在该数值 function uniq(arr) { var myArr = []; for(var i=0;i<arr.length;i++) { if(!myArr.includes(arr[i])) myArr.push(arr[i]); } return myArr; }不兼容IE 3.使用数组的index...

0 点赞评论收藏

转发

小牛小牛积极自由

2021-04-05 10:09

已编辑

前端工程师

apply()和call()

apply()和call()都是Function原型方法，他们可以把特定函数当做一个方法绑定到指定对象上并进行调用。 用法如下： function.call(thisobj,args...)//接收多个参数列表 function.apply(thisobj,args)//接收一个数组或者伪类数组其中this.obj表示指定的对象，参数args表示要传递给被调用函数的参数 实例如下： function o(a,b){ //定义函数结构伪对象 return a*b } function f(a,b){ //定义简单函数 return a+b } alert(f.call(o,3,4)) //返...

0 点赞评论收藏

转发

小牛小牛积极自由

2021-04-04 16:48

前端工程师

setTimeout和setInterval的执行会延时吗

setInterval的回调函数不是定时执行我们都知道js是单线程机制，异步也是伪异步所谓异步调用的原理其实是将代码插入到代码执行队列中实现（代码的延迟执行）代码插入点前的代码执行时间超过了传入setTimeout或setInterval的设定时间会怎样呢？这样肯定会导致第一次的setTimeout或setInterval不能按时执行而下一次触发时间则是在setInterval回调函数执行完毕之后假设setInterval内的计算十分耗时，将会导致计数更加不准 如何解决定时器不准确可以通过计算时差来解决这个问题 var startTime = new Date().getTime();//获取...

0 点赞评论收藏

转发

小牛小牛积极自由

2021-04-04 15:06

前端工程师

querySelector为什么不能获取伪元素

首先我们需要了解什么是伪元素常见的伪元素有::after和::brfore，他们用于在CSS渲染中向元素的头或者尾插入内容，其不影响文档本身，只会影响最终的样式。也即是说，这些伪元素不会出现在DOM中，仅仅在CSS渲染层中。我们使用Window..querySelector(“:before”)其实操作的是DOM元素，因为伪元素不存在DOM中，所以无法操作伪元素。伪元素的写法：在CSS3中，建议伪元素使用两个冒号(::)语法，目的是为了区分伪类和伪元素。大多数浏览器都支持这两种表示语法。只有 ::selection 永远只能以两个冒号开头(::)。因为IE8只支持单冒号的语法，所以，如果你想兼...

0 点赞评论收藏

转发

小牛小牛积极自由

2021-04-02 22:23

前端工程师

计算属性computed与watch以及methods的区别

methods首先我们先聊最常见的methods众所周知他是vue中的方法里面的函数的特性是随时调用随时执行，简称随叫随到。你叫我三次，我就答应三声 computed再说说第二熟悉的computed使用场景：当一个属性受多个属性影响的时候，需要使用computed用法如下：<h2>{{fullName}}</h2> data: { firstName: 'Lebron', lastName: 'James' }, // computed: 计算属性() computed: { fullName: function () { ...

0 点赞评论收藏

转发

小牛小牛积极自由

2021-04-02 21:27

前端工程师

v-model与单选框和多选框结合

v-model与单选框的碰撞想使用v-model来获取用户所选内容，要如何实现呢？这时我们应该想到单选框的原理：name属性，也就是将2个单选框的name设置成相同的<input type="radio" id="male" value="男" name="sex">男 <input type="radio" id="female" value="女" name="sex">女显示效果如下： v-mo...

0 点赞评论收藏

转发

小牛小牛积极自由

2021-03-12 20:00

前端工程师

面试官，你想要哪种三角形？

介绍三种不需要引用图片和符号构造三角形的方法 使用一个div标签来实现（原理是视觉上隐藏其他三个三角形） div{ width: 0; height: 0; border-top: 50px solid red; border-left: 50px solid white; border-bottom: 50px solid white; border-right: 50px solid white; }2.使用canvas标签来实现绘制三角形 <canvas id=&qu...

0 点赞评论收藏

转发

工具箱

TA的圈子

TA的笔记

牛客网
牛客企业服务