- 博客(38)
- 收藏
- 关注
RSS订阅原创 centerOS安装nginx
安装Nginx将nginx-1.16.1.tar.gz资源上传至服务器/usr/loca目录下解压nginx资源，执行命令sudo tar -zxvf nginx-1.16.1.tar.gz进入nginx目录cd nginx-1.16.1/配置sudo ./configure --prefix=/usr/local/nginx编译sudo make install检测是否按转成功cd /usr/local/nginx/sbin/sudo ./nginx -
2020-07-22 19:03:16
359
原创 在vue中引用iconfont中的图标完整教程（两种方式）：直接引用和在data中存放（Font class方式）
打开iconfont官网https://www.iconfont.cn/，搜索图标，例如这里搜索csdn图标： （有问题请添加QQ2435065796，共同交流） 选择你喜欢的图标，添加入库： 点击购物车，添加至项目 可以选择已存在的项目，或者新建项目 选择Font class格式下载至本地 下载完成后解压，只保留图片中的5个文件，其余的删除 将这5个文件复制到vue项目中的assets目录下，比如我的路径是assets/styles/iconfont 在main.js中全局引入i...
2020-07-06 11:01:43
2386
原创 vue h5页面长按保存为图片
npm install html2canvas -d<template> <div class="index"> <div id="captureId" class="capture" v-show="firstFlag"> <ul> <li>itemi</li>...
2019-10-29 17:12:42
2131
原创 解决IE下input事件初始化自动执行的问题
jQuery的on("input")事件在IE下刷新页面时会自动执行，解决办法是在外层加一个focus事件<html><head></head><body> <input id="test" /></body><script> $(document).ready(function...
2019-08-28 11:25:31
983
原创 vue-cli3配置axios代理跨域（二）——配置步骤
关于代理跨域的原理，请查看：https://blog.csdn.net/qq_36485978/article/details/100016790一、安装vuevue-cli3安装插件用add命令。 vue add axios安装完之后会在src目录下自动生成一个plugins文件夹，在main.js中会自动引入axios，所以不需要再添加什么了。二、配置代理跨域...
2019-08-22 16:28:16
2944
1
原创 vue-cli3配置axios代理跨域（一）——代理跨域的原理
如果你知道代理跨域的原理，可以直接查看配置方法：https://blog.csdn.net/qq_36485978/article/details/100017849要了解跨域的解决办法，首先要了解什么情况下就是跨域：违反同源策略的都是跨域。同源策略：协议，域名和端口都相同。分类 举例 协议不同 http://localhost:8080和ftp://localhost...
2019-08-22 16:11:26
1252
1
原创 Vue入门课程和学习网站推荐
Vue.js网站：https://cn.vuejs.org/ 官方文档，附带对Vue.js有良好支持的开发工具HBuilder X的介绍。 菜鸟教程Vue.js教程：https://www.runoob.com/vue2/vue-tutorial.html 如果你觉得看官方文档比较吃力，请来这里????，最基础的知识介绍，从搭建环境安装Vue.js开始，让你可以快速了解Vue.js，动手写出...
2019-08-15 10:30:27
1846
原创 前端基础入门课程推荐
前端基础学习网站https://www.runoob.com/ 菜鸟教程，你所想学的在这里都能查到。前端基础、移动端、后端、服务器、开发工具、版本管理器、主流浏览器介绍、UI框架、JavaScript框架等等。建议学习者在学习以下四门课程时可以随时结合菜鸟教程查看，这样能理解透彻、快速掌握基础知识。 HTML+CSShttps://www.imooc.com/learn/9 个...
2019-08-15 09:34:34
661
原创 浏览器调试工具如何查看placeholder值
1.谷歌浏览器设置如下：打开开发者工具，点击右上角三个“.”，进入Settings；2.找到Preferences——Elements,勾选Show user agent shadow DOM3.然后在元素的Styles就能看到placeholder的颜色了...
2019-07-31 11:20:25
3075
4
原创 IE10+设置placeholder的颜色等样式的正确写法
:-ms-input-placeholder后面跟input元素的类名class<input class="m-input" placeholder="请输入验证码" />:-ms-input-placeholder.m-input { color: #ccc; /*还可以设置font-size等属性*/}...
2019-07-31 11:05:22
1144
原创 模仿CSDN网站——Element-UI安装
Element-UI官网地址：https://element.eleme.cn/#/zh-CN一、安装在项目根目录下运行 npm i element-ui -S二、完整引入在main.js中写入以下内容：import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme...
2019-07-10 17:17:49
349
原创 模仿CSDN网站——环境搭建
一、git clone代码在码云上创建开源项目CSDN2，点击“克隆/下载”，选择HTTPS方式，赋值链接，然后在本地git clone代码。二、安装vue-cli选中CSDN2项目文件夹，右键Git Bash here，执行以下操作：# 安装 vue-cli$ npm install --global vue-cli# 回到上一层$ cd ..# 创建一个基于 we...
2019-07-10 16:02:54
1280
原创 textarea中输入的文本如何带格式保存
重点是给外层加<pre>标签，就可以保存空格和换行<body> <div> <!-- 原文本 --> <textarea id="testText"> 1)sdfasfd 2)sadfadfa 3)sdfawer </textarea> <bu...
2019-07-09 09:27:16
6277
原创 margin和padding值为百分数%时的规则
可以对元素的margin设置百分数，百分数是相对于父元素的width计算，不管是margin-top/margin-bottom还是margin-left/margin-right。（padding同理）如果没有为元素声明width，在这种情况下，元素框的总宽度包括外边距取决于父元素的width，这样可能得到“流式”页面，即元素的外边距会扩大或缩小以适应父元素的实际大小。如果对这个文档设置样式...
2019-03-14 18:32:49
485
原创 外部引入CSS时的link和@import的区别
页面中使用CSS的方式主要有3种行内添加定义style属性值 页面头部内嵌调用 外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式XML/HTML代码 <link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" /..
2019-03-14 18:22:09
238
原创 Navigator 对象
Navigator 对象包含有关浏览器的信息，是BOM对象。一、Navigator 对象属性属性 说明 appCodeName 返回浏览器的代码名 appName 返回浏览器的名称 appVersion 返回浏览器的平台和版本信息 cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值 platform 返回运行...
2019-03-14 18:04:48
466
原创 CSS中可以和不可以继承的属性
一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin 、margin-top、...
2019-03-14 17:36:46
142
原创 CSS Sprites
1.简介CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中， 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。2.优点（1）CSS Sprites能很好地减少网页的h...
2019-03-14 17:29:43
304
原创 主流浏览器内核及其私有属性CSS前缀
内核 浏览器 私有属性CSS前缀 mozilla Firefox,flock等 -moz webkit safari,chrome等 -webkit opera opera浏览器 -o Trident IE浏览器 -ms 以上只针对css前缀...
2019-03-14 16:40:02
906
原创 CSS画三角形
具体代码可以参加我的GitHub：https://github.com/liyating8023/usualLog.git这里解剖一下画三角形的思路，分为直角三角形和向内三角形两种。一、直角三角形比如想画左上三角形，看图可以有两种实现方法：绿色下面和蓝色右边的两种。绿色下面的实现方法：不要border-right，就是切掉纵轴的右边；然后不要border-top，即切掉横轴的上面，...
2019-03-14 15:08:18
205
原创 拼多多2019春招前端开发笔试题
数据可视化框架：echarts，highchart，d3 数组属性：length；数组方法：sort()，concat()，reverse() git命令：push，pull，merge css组合选择器的考查：兄弟选择器 css属性继承：为了方便辨识，与字体相关的样式通常可以继承，与尺寸相关的样式通常不能继承。可继承的样式有font-size,font-family,color;不可继承...
2019-03-11 11:24:55
642
原创 浏览器端存储技术的区别
一、概念介绍：1、Cookiecookie是什么：cookie是指存储在用户本地终端上的数据，同时它是与具体的web页面或者站点相关的。cookie数据会自动在web浏览器和web服务器之间传输，也就是说HTTP请求发送时，会把保存在该请求域名下的所有cookie值发送给web服务器，因此服务器端脚本是可以读、写存储在客户端的cookie的操作。cookie的有效期：cookie默认情...
2019-03-08 12:50:52
239
原创 CSS伪类与伪元素的区别
概念：伪类和伪元素都是用来添加一些选择器的特殊效果。区别：1.伪类包含两种：状态伪类和结构性伪类。（1）状态伪类是基于元素当前状态进行选择的。在与用户的交互过程中元素的状态是动态变化的，因此该元素会根据其状态呈现不同的样式。当元素处于某状态时会呈现改样式，而进入另一状态后，该样式也会失去。常见的状态伪类主要包括：:link 应用于未被访问过的链接；:hover 应用于鼠标...
2019-03-08 11:47:39
144
原创 用两种方法实现选项卡切换：纯CSS和jQuery
第一种用纯CSS实现：要点: 选项卡内容用块元素div，外层套父元素tabContent，父元素的高度和每一个子元素的高度均相同，同时父元素添加css样式overflow:hidden，目的是让多余的子元素隐藏，由选项卡的a标签的href属性对应的id来寻找元素使其显示<!DOCTYPE html><html> <head> <meta ...
2019-02-28 15:30:45
718
原创 JavaScript中Undefined 和Null的区别
Undefined 不是 Null（1）undefined——表示变量声明过但并未赋过值。它是所有未赋值变量默认值，例如：var a; // a 自动被赋值为 undefined（2）null——表示一个变量将来可能指向一个对象。一般用于主动释放指向对象的引用，例如：var emps = ['ss','nn'];emps = null; // 释放指向数...
2019-02-15 11:07:06
260
原创 CSS3中的box-sizing属性设置框大小
CSS3 box-sizing 属性可以设置 width 和 height 属性中包含了 padding(内边距) 和 border(边框)。不使用 CSS3 box-sizing 属性默认情况下，元素的宽度与高度计算方式如下：width(宽) + padding(内边距) + border(边框) = 元素实际宽度height(高) + padding(内边距) + border...
2019-02-15 09:56:56
2609
原创 用 justify-content 属性设置子元素两端对齐
外层元素的 justify-content 属性设置为space-between即可实现子元素两端对齐<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style>
2019-02-14 17:35:07
7527
原创 CSS水平和垂直居中问题：用display:flex解决
使用弹性盒子，居中变的很简单，只需要设置 margin: auto; 可以使得弹性子元素在两上轴方向上完全居中:<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style&am
2019-02-14 17:25:25
1236
原创 vue项目中路径的重定向和别名
vue项目的默认加载路径是localhost:8080/，如果要改为localhost:8080/index怎么办呢？可以用路径的重定向来实现：在src/router/index.js文件中在 path:"/" 后添加 redirect:"/index" 来重定向：export default new Router({ routes: [ { path: '/',...
2019-02-13 14:26:56
809
原创 vue项目中npm安装sass,less,stylus
用vue-cli脚手架搭建出来的，默认是用标准css的。如果你想用sass,less,stylus就需要自己手动安装一下了。进入项目文件夹，然后安装（这里以stylus为例）stylus和stylus-loader，安装后面需要加上--save-dev，这样才会被添加到packjson文件中。npm install stylus stylus-loader --save-dev安装成...
2019-02-13 14:15:55
320
原创 vue中 {{}}，v-text 和 v-html的区别
<div id="app"> <p>{{message}}</p> <!-- 输出：<span>通过双括号绑定</span> --> <p v-html="html"></p> <!-- 输出：html标签在渲染的时候被解析
2019-02-13 14:07:20
1380
原创 Vue中scoped穿透 修改子组件样式
scoped看起来很好用，当时在Vue项目中，当我们引入第三方组件库时(如使用vue-awesome-swiper实现移动端轮播)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过特殊的方式穿透scopedstylus的样式穿透 使用 >>> 外层 >>> 第三方组件 { 样式 } ...
2019-02-13 11:25:34
376
原创 vue路径中去除#
vue使用vue-router时，路径中会有#的字段，是应为打包完成之后，项目为单页面项目，所有的url都指向单个页面，#号之后的路径是指该页面的锚定位置，所以router中的路径是无法加载的。若想去除#，就需要使用router的history模式import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)...
2019-02-13 11:23:59
673
1
原创 在vue中引用iconfont中的图标完整教程（两种方式）：直接引用和在data中存放(Unicode格式)
打开iconfont官网https://www.iconfont.cn/，搜索图标，例如这里搜索csdn图标： （有问题请添加QQ2435065796，共同交流） 选择你喜欢的图标，添加入库： 点击购物车，添加至项目 可以选择已存在的项目，或者新建项目 选择Unicode格式下载至本地 下载完成后解压，只保留图片中的5个文件，其余的删除 将这5个文件复制到vue项目中的asset...
2019-02-13 11:07:13
4499
6
原创 vue中在data中引入图片的路径方法
错误的引入方式：export default { data () { return{ imgUrl_homePage:'@/assets/img/homePage_active.png' } }}因为webpack是按字符号打包的，正确的引入方式：import在外部引入import img_url from '@/assets/img/homePage_activ...
2019-02-12 17:20:17
5520
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人