ouo

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

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

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

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...

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

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...

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

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

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

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

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

一、准备,全局安装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...

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-]+\.)+[\...

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 ...

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...

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

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

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

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

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

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

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、背景...

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

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

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

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

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

一、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; ...

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