_ouo_-CSDN博客

原创 JS如何用Math.random()来生成指定范围内（如：1-100）的随机数？

个人博客链接：http://kingsman96.top/home 欢迎来访！！！！一、包括下线数字（lower）不包括上限数字（upper）/** * 产生随机整数，包含下限值，但不包括上限值 * @param {Number} lower 下限 * @param {Number} upper 上限 * @return {Number} 返回在下限到上限之间的一个随机整数 ...

2018-01-19 13:11:09 78066

原创 react前端面试题整合

一、基础知识什么是 React?React 是一个开源前端 JavaScript 库，用于构建用户界面，尤其是单页应用程序。它用于处理网页和移动应用程序的视图层。React 是由 Facebook 的软件工程师 Jordan Walke 创建的。在 2011 年 React 应用首次被部署到 Facebook 的信息流中，之后于 2012 年被应用到 Instagram 上。React 的主...

2020-04-16 12:17:30 447

原创 git前端面试题整合

1.fetch和merge和pull的区别pull相当于git fetch 和 git merge，即更新远程仓库的代码到本地仓库，然后将内容合并到当前分支。git fetch：相当于是从远程获取最新版本到本地，不会自动merge ；git merge : 将内容合并到当前分支；git pull：相当于是从远程获取最新版本并merge到本地。2.tagtag指向一次comm...

2020-04-15 22:22:53 1002

原创 vue前端面试题整合

一、基础必备Vue等单页应用的优缺点优点：Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件，核心是响应式系统。缺点：不支持低版本浏览器，最低仅支持ie9；不利于SEO的优化，首页加载耗时相对偏长一些。vue.js的两个核心是什么？数据驱动组件系统vue的优点是什么？低耦合：视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定...

2020-04-15 22:09:02 2145 1

原创 CSS前端面试题整合

CSS3新特性支持rgba和透明度支持媒体查询支持自定义字体对长的不可分割单词换行word-wrap：break-word;文字阴影text-shadow: 5px 5px 5px #ff0000;盒阴影box-shadow: 10px 10px 5px #888888支持圆角border-radius: 50%;边框图片border-image: url(border.png...

2020-04-15 19:01:39 223

原创 HTML前端面试题整理’

对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，提高网站易用性。列举浏览器对象模型BOM里常用的至少4个对象，并列举window对象的常用方法至少5个1）对象：...

2020-04-15 18:44:03 309

原创七方法实现数组去重

1、双循环去重function unique(arr) { if (!Array.isArray(arr)) { console.log('type error!') return } let res = [arr[0]] for (let i = 1; i < arr.length; i++) { let f...

2020-04-15 18:22:37 145

原创 JavaScript前端面试题整合

注：如有错误请谅解，望其提出改正JavaScript的数据类型都有什么？基本数据类型：String,boolean,Number,Undefined, Null引用数据类型：Object, Array, Functioneval是做什么的？它的功能是把对应的字符串解析成JS代码并运行；应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。由JSON字符串转换...

2020-04-15 18:13:48 323

原创基于vue实现的预览图片的组件

因为项目中需要能预览一系列图像，element-ui里面图像预览组件已不能满足自身需求，所以就自己仿照其封装了插件已满足需求，其中也用到了swiper:npm install vue-awesome-swiper --save在main.js中引用(注：也可在组件中引用）importVueAwesomeSwiper from'vue-awesome-swiper'Vue....

2020-01-09 14:13:48 1097 1

原创 vue2.0和3.0适应大屏方法总结

项目有适应大屏显示的需求，查了很多资料，最终选择通过px2rem插件配合flexible.js来解决，下面分别是在vue-cli2.0和vue-cli3.0中的配置：一、准备flexible 1.使用flexible插件安装lib-flexible：npm install --save lib-flexible在项目入口文件main.js中引入lib-flexible：...

2019-12-31 17:04:18 1484 2

原创 iview开发中遇到的问题总结

1.打包后无法显示图标最终通过修改webpack配置文件修复，修改如下：找到 build 目录下 webpack.prod.conf.js 文件，rules: utils.styleLoaders({sourceMap: config.build.productionSourceMap,extract: ture,usePostCSS: true})修改extract值为fa...

2019-12-31 10:00:37 183

原创 vue中如何实现点击除了自己元素及其内部元素之外都将自身元素隐藏的功能

1.目标元素布局<template> <div id="emoji"> <span class="emoji-icon"></span> <img class="emoji-icon" @click.stop="handleShowEmoji" src="../../static//...

2019-12-12 15:18:50 1297

原创 vue-cli创建2.0/3.0项目

一、准备,全局安装npm,已安装则跳过此步骤在node.js官网下载:https://nodejs.org/en/download/，安装；在终端查看是否安装成功：npm -v 安装淘宝镜像cnpm：npm i -g cnpm--registry=https://registry.npm.taobao.org二、创建vue3.0项目安装脚手架vue-cli3.0: cnpm...

2019-12-09 10:21:52 571

转载常用的正则表达式集合

1.特殊需求表达式1. Email地址：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$2. 域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?3. InternetURL：[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\...

2019-12-03 16:19:06 231

原创 linux下安装git，并克隆远程仓库到本地运行

1.下载2.安装# Ubuntu 安装 Git：apt-get install git 　　# CentOS 安装 Git：yum install git3.使用# 查看 Git 版本信息git version# 配置 Git 用户信息：git config --global user.name "miao"git config --global ...

2019-11-29 13:41:19 952

原创腾讯云服务安装nginx

1.安装依赖，如果已经安装了依赖，则跳过yum -y install gcc gcc-c++ wget net-tools pcre-devel zlib-devel openssl-devel2.下载并解压安装包#进入常用文件夹cd /usr/local/src/#下载源码wget http://nginx.org/download/nginx-1.7.12.tar...

2019-11-26 10:00:31 862 4

原创 vue3.0根据环境分配请求地址

1.在package.json添加测试打包环境："test":"vue-cli-servicebuild--modetest"2.在根目录新建.env.test 文件，在文件里面添加：NODE_ENV = 'test'3.在你的工具文件夹新建文件，名字根据自身项目（我的是base.js）,在文件添加一下内容let baseURL = ""; switch (pro...

2019-11-11 11:49:35 664

原创如果IE浏览器是IE11以下版本跳转到升级页面

js判断IE浏览器版本，如果版本过低则直接跳转到升级页面<script> /*@cc_on var temp = window.navigator.userAgent.toUpperCase(); var charHead = temp.indexOf('MSIE'); var charLast = temp.indexOf("...

2019-11-07 09:59:16 2680

原创 Git的常用操作

一、以SSH方式全局配置密钥1、如果存在id_rsa.pub 或 id_dsa.pub 文件，跳过此步。$ cd ~/.ssh # 查看用户根目录下.ssh文件夹$ ls2、创建SSH Key创建ssh key时会提示自定名称和push时的密码（不是git登录密码），一般推荐略过，直接三个回车，如果创建成功会出来一个有图案的小框框。$ ssh-keygen -t rsa ...

2019-11-07 09:35:23 74

转载当浏览器是ie11以前版本的，跳转到ie升级页

国产浏览器大多是双内核，甚至是三内核。一个Chromium内核，也就是Chrome使用的内核，切换到这个内核的模式一般叫极速模式；一个IE内核，称之为IE模式；有的甚至还有一个修改过的IE内核，称之为兼容模式。这些浏览器这样做的原因是国内还有大量为IE浏览器量身定做的网站，为了兼容这些网站，不默认启用极速模式，而是根据代码判断选择IE模式或者兼容模式或者极速模式。问题在于，浏览...

2019-11-05 16:34:06 1169

原创 ie下通过ActiveX获取本地文件夹及文件信息

项目里面有上传文件夹的功能，谷歌解决了，使用的是input的webkie属性，网上有很多封装好的插件随便拿来用，高高兴兴搬砖去。但是要兼容IE !!!上网搜了狠多资料，换着法的换插件，就是不ok,又继续查资料，对之介绍的少之又少，很对都是直接放弃ie的，但是项目对应的用户不想放弃，那只能苦逼的继续了。在ie下可以直接通过ActiveX来直接访问和操作本地文件，但这个方法有很多局限性，只...

2019-11-04 11:12:10 1501 6

原创分片上传文件夹或者文件

1、在WebUploader的官网去下载文件包，因为项目基于jquery所以也要下载jquery文件，然后在放在public下新建的webUpload文件夹下。2、在index.html的body后面引入jquer和插件js3、vue3.0 在vue中进行封装<template> <div class="upload"></div></...

2019-10-28 17:35:59 337

原创 html+css开发中的小技巧总结

1、CSS控制文字，超出部分显示省略号2、单行：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行： display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; 2、背景...

2019-10-28 17:14:46 123

原创基于vue的时间选择插件

个人博客：http://kingsman96.top 欢迎来访！！！一、效果展示二、代码片段1、子组件代码<template> <div id = "myDate" > <el-select v-model="yearsModel" @change="dateChange(1)" placeholder="请选择" > ...

2019-10-28 16:56:50 2495

转载微信飞机大战代码

html代码<!DOCTYPE><html><head> <title>微信经典飞机大战 </title> <meta http-equiv="content" content="text/html" charset="utf-8"/> <l

2018-02-09 15:47:21 3451 2

原创 js格式化时间，函数封装

个人博客链接：http://kingsman96.top/home 欢迎来访！！！！/*** 格式化日期时间 * @param datetime 日期时间对象 * @return 返回格式化后的字符串：yyyy-MM-dd HH:mm:ss */function formateDate(datetime) { // 获取年月日时分秒值 var year = datetime...

2018-01-19 12:41:03 1116

原创原生JavaScript解决document.getElementsByClassName兼容问题

/** * 解决 getElementsByClassName() 兼容问题 * @param className 待查找的类名 * @param context 查找上下文DOM对象，可选，默认使用 document * @return 返回查找到的满足条件的DOM元素集合 */function getElementsByClassName(className, context) {

2018-01-19 12:36:34 844

原创 css写出三角形

一、html代码示例： <style type="text/css"> *{margin: 0;padding: 0;} div{ border-top:5px solid #CCCCCC; border-bottom:5px solid transparent; border-left:5px solid transparent; ...

2018-01-18 15:35:31 178

原创如何用css写正方体或者长方体

个人博客链接：http://kingsman96.top/home 欢迎来访！！！！企业开发常用立方体条件：1.先把参照物转为3d。transform-style: preserve-3d;2.给参照物相对定位，给子元素绝对定位。3.旋转平移条件：第一个面给transform: rotateX(90deg) translateZ(100px)（元素总宽是200px）; 第二...

2018-01-18 15:31:29 2594

原创随机生成验证码

html5代码如下，根据个人爱好自行设置；Document*{margin: 0;padding: 0;}.box{width: 50%;height: 50%;border: 1px solid;margin: 40px auto;text-align: center;padding-top: 30px;}#code{width: 200px;height: 50px

2018-01-17 12:43:12 222

原创 css实现旋转相册

个人博客链接：http://kingsman96.top/home 欢迎来访！！！！1、html代码<ul> <li><img src="images/m1.jpg"/></li> <li><img src="images/m2.jpg"/></li> <li><img ...

2018-01-15 10:42:16 3435 1

ouo