- 博客(31)
- 收藏
- 关注
RSS订阅原创 element-ui的基本使用（一）
本章讲的是element-ui在vue中的用法开发准备废话不多说直接上教程在使用element-ui之前我们需要有自己的开发环境，也就是自己的电脑里安装了最新的稳定版的node.js这个就不多说了，安装之后直接点下一步就行了，其次还要使用vue脚手架，搭建webpack开发环境。element-ui开发操作我们首先需要打开官网，看着官方文档，有了文档的参考，我们下次在去用的时候就很方便...
2019-09-27 13:17:46
2185
原创 拿到一个vue+webpack项目，该如何去看
这也是我目前自己这么理解的，可能每个人看代码的过程也不一样，我这里也是拿到一个项目之后不知道如何开始，所以自己在慢慢摸索，然后记录下来，希望自己能不断超越自己。这里我不能把公司项目亮出来，所以。。。只能记个大概1.先看配置文件package.json，里面定义了这个项目所需要的各个模块，以及项目的配置信息。scripts指定了运行脚本命令的npm命令行缩写，比如dev指定了运行...
2019-09-27 12:00:00
768
原创 关于dependencies和devDependencies的区别？
在我们使用npm下载各种三方库的时候，都会在package.json中生成devDependencies或者dependencies，那么对于这二者，到底有什么区别呢？先上一张图区别对于我们依赖的这些插件库，有的是我们开发所使用的，有的则是项目所依赖的。对于这个分界线，我们诞生了dependencies和devDependencies，具体却别如下：devDepende...
2019-09-27 12:00:00
519
原创 关于dependencies和devDependencies的区别？
在我们使用npm下载各种三方库的时候，都会在package.json中生成devDependencies或者dependencies，那么对于这二者，到底有什么区别呢？先上一张图区别 对于我们依赖的这些插件库，有的是我们开发所使用的，有的则是项目所依赖的。对于这个分界线，我们诞生了dependencies和devDependencies，具体却别如下： devDepe...
2019-09-27 11:22:05
137
原创 常见的三个 JS 面试题
本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反，在讨论 JavaScript 时，面试中通常会提到三件事。我自己也被问到这些问题，我的朋友们告诉我他们也被问到这些问题。然，这些并不是你在面试之前应该学习的唯一三件事 – 你可以通过多种方式更好地为即将到来的面试做准备 – 但面试官可能会问到下面是三个问题，来判断你对 JavaScr...
2019-09-26 12:00:00
56
原创 js数组中的方法 some, every, filter, find,map, reduce讲解及使用场景
前言之前对数组的循环来说，我拿到代码就使用forEach循环，主要原因是我对数组的其他方法不是很了解，以及觉得forEach已经可以做到想要的效果，没必要在去使用其他方法，这都是对使用场景不了解导致的，为了让自己的代码不再是千篇一律的forEach。特地总结一下这几个方法。函数1：some函数形式：arr.some((value, index, arr) => {})...
2019-09-26 12:00:00
1060
原创 聊一聊几种常用web图片格式：gif、jpg、png、webp
前言在大多数的web页面中，图片占到了页面大小的60%-70%。因此在web开发中，不同的场景使用合适的图片格式对web页面的性能和体验是很重要的。图片格式种类非常多，本文仅针对几种web应用中常用的图片格式：gif、png、jpg、webp进行一个基本的总结。图片格式分类无压缩。无压缩的图片格式不对图片数据进行压缩处理，能准确地呈现原图片。BMP格式就是其中之一。无...
2019-09-26 12:00:00
1560
原创 数组遍历的几种方法及用法
js提供了多种遍历数组的方法，具体使用场景略有区别，在此简单介绍一下。一、forEach方法forEach是最简单、最常用的数组遍历方法，它提供一个回调函数，可用于处理数组的每一个元素，默认没有返回值。以上是个简单的例子，计算出数组中大于等于3的元素的个数。回调函数的参数，第一个是处于当前循环的元素，第二个是该元素下标，第三个是数组本身。三个参数均可选。二、map方法...
2019-09-26 12:00:00
1062
1
原创 一道非常简单的算法题，求两个数之和，并返回下标；
题目的大意是这样的；给定一个整数数组 nums和一个目标值 target，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返...
2019-09-25 12:00:00
335
转载 ES6语法中的const命令简介
在js中声明一个变量一般是用var ，这种语法是ES5中的语法；在ES6中 新增了2个声明变量的语法就是let 和const基本用法const 声明一个只读的常量，一旦声明，常量的值就不能改变。// 声明并打印const a = true;console.log(a)// 改变a的值a = falseconsole.log(a)//Uncaught TypeEr...
2019-09-25 12:00:00
161
原创 WebSocket是什么 关于WebSocket 教程
WebSocket是一种网络通信协议，很多高级功能都需要它。本文介绍 WebSocket 协议的使用方法。一、为什么需要 WebSocket？初次接触 WebSocket 的人，都会问同样的问题：我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？答案很简单，因为 HTTP 协议有一个缺陷：通信只能由客户端发起。举例来说，我们想了解今天的天气，只...
2019-09-24 12:00:00
62
原创 HTTP状态码总结介绍
当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码：200 – 请求成功301 – 资源（网页等）被永久转移到其它URL404 – 请求的资...
2019-09-24 12:00:00
46
原创 解决transform中z-index在safari浏览器中不生效的原因
最近在做项目的时候,做到最后碰到了一个问题,就是我设置的z-index在ios页面中不起效.起先觉得是我css代码中设置的样式跟js追加的transform样式可能哪边有重合,查了一通才发现是safari浏览器根本不支持添加transform的z-index.解决方案如下,一:Safari 3D变换会忽略z-index的层级在Safari浏览器下，此Safari浏览器...
2019-09-20 12:00:00
1436
原创 如何网页中改变鼠标的形状
在浏览个人博客的时候，我们有时候看到很多的网页鼠标的小手会发生自定义的图标，这是怎么做到的呢。其实要实现这个很简单。我们只需要给全局加上这样一句代码就行了。<style>*{cursor:url(‘../1.ico’)}</style>“../1.ico”为你要的图标路径。但是加了之后好像没反应，我看了别人的博客，md.有坑。正确的加法应该是...
2019-09-20 12:00:00
1078
原创 不只是面试，用js实现千分位分割符？
如何实现千分位分隔符，使用js. 一句话搞定 ：(123456789).toLocaleString('en-US');//"123,456,789"
2019-09-19 12:00:00
58
原创 CSS 常用技巧（60个）送给有猿人
概述相信大家在写css属性的时候，会遇到一些问题，比如说：垂直对齐，垂直居中，背景渐变动画，表格宽度自适应，模糊文本，样式重置，清除浮动，通用媒体查询，自定义选择文本，强制出现滚动条，固定头部和页脚，自己在网上看到的一篇关于css的文章，感觉这里边一些常用的css代码片段对大家很有帮助，所以我就把这篇文章分享给大家，希望大家能够喜欢。css技巧css代码片段1、垂...
2019-09-19 12:00:00
379
原创 一行代码解决视频全屏背景，宽度和高度不够的问题？
我们在做全屏视频的时候有时候宽度和高度不够，会导致出现留白。此时我们可以给video加上一行css样式视频全屏 ：CSS代码 ： object-fit: cover;没错就是它，加上就可以让视频在框里全屏了哈哈。...
2019-09-18 12:00:00
1478
原创 如何使用vue脚手架搭建一个vue项目？
在使用vue做项目的首要步骤，就是怎么使用webpack搭建项目。对于很多前端开发者而言，webpack繁琐的配置步骤，很难适合每一位开发者。因此，vue官方就出了一款 vue-cli脚手架，只需一条命令就可以快速搭建一个vue 项目。搭建步骤 :1、 全局安装脚手架工具：npmi-gvue-cli2 、安装后，通过命令vue–version来查看版本号...
2019-09-16 12:00:00
339
原创 如何去掉bootstrap按钮点击后的蓝框？
在所需的类上面加outline:none 这个css样式；如果不想要所有的效果 ：.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:none;}...
2019-09-16 12:00:00
1079
2
原创 VScode插件和配置同步–适用于vue
这个是干什么的？这个主要是做vue项目配置的vscode插件，方便我们格式化代码配置过程如下 ：1在vscode中搜索插件：SettingsSync插件2在vscode中打开配置命令窗口可以按：F1键、Ctrl+shift+p3在配置命令窗口中输入：sync选择sync:下载设置...
2019-09-16 12:00:00
227
原创 Vue的两种编译模式
Vue中提供了两种编译模式：1完整版：运行时+编译器1.1在页面中直接通过script标签引入的vue.js文件就是完整版的既可以使用render函数，也可以使用template模板2只包含运行时版本2.1我们自己手动通过webpack配置的打包环境中，通过import...
2019-09-16 12:00:00
2054
原创 如何写出一个惊艳面试官的深拷贝?
导读最近经常看到很多JavaScript手写代码的文章总结，里面提供了很多JavaScript Api的手写实现。里面的题目实现大多类似，而且说实话很多代码在我看来是非常简陋的，如果我作为面试官，看到这样的代码，在我心里是不会合格的，本篇文章我拿最简单的深拷贝来讲一讲。看本文之前先问自己三个问题：你真的理解什么是深拷贝吗？在面试官眼里，什么样的深拷贝才算合格？什么...
2019-09-12 12:00:00
102
原创 收下这波 JS 技巧，从此少加班
各种业务开发都离不开对数据的处理，然而遇到的很多数据都是不好处理的。这个时候就需要寻求搜索引擎的帮助。这种方法效率是非常低下的，而且根据作者的个性不能保证其对自己的口味。因此这篇文字包含了一份 JS 常用业务函数手册，例如时间格式的处理、用的是哪个手机浏览器，手机号、邮箱的验证，以此来提高你的开发效率作者：MrXu_链接：https://juejin.im/post/5d76...
2019-09-11 12:00:00
44
原创 HTML5新增的语义化标签（常用）及解释
HTML5中新的语义元素许多现有网站都包含以下HTML代码： <div id=”nav”>, <div class=”header”>, 或者 <div id=”footer”>, 来指明导航链接, 头部, 以及尾部.HTML5 提供了新的语义元素来明确一个Web页面的不同部分:<header><nav>&...
2019-09-09 12:00:00
2030
原创 网站的怎么判断一个页面的数据是否加载完？
我们在打开一个网页的时候有的时候，会看到网站出现不完整的数据，这样的体验是很不好的。为此我们可以在网站数据加载完再展示页面。// 判断数据是否加载wandocument.onreadystatechange = loadingChange;//当页面加载状态改变的时候执行这个方法.function loadingChange(){if(document.read...
2019-09-05 12:00:00
792
原创 关于wordpress导航菜单的调用
一直想做一个wordpress模板，因为这是我自己开发设计的。奈何对于wordpress语法不是很熟练，于是查阅了很多的资料，包括wordpress大学。同时看了官方的文档，我结合自己的思考与实践，终于搞出来了。写这篇博客聊以记录。首先，我们在function.php文件夹中注册我们的菜单/*register_nav_menu( $location, $descri...
2019-09-05 12:00:00
1832
原创 jq怎么判断鼠标是上滚还是下滚？
$(document).on(“mousewheel DOMMouseScroll”, function (e) { var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie ...
2019-09-04 12:00:00
316
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人