1 清虚桂意

尚未进行身份认证

暂无相关简介

等级
TA的排名 20w+

阿里矢量图标库的使用方法

阿里矢量图标库的使用方法官网1、注册2、寻找图标,添加至购物车,注意尽量选取同一套图标库的图标。3、打开购物车将图标添加至项目(或者点击右边+号,新建项目)。4、找到我的项目,使用下载至本地或者使用线上链接代码使用线上图标1、在base.css文件写入字体图标代码@font-face { font-family: 'iconfont'; /* project id 15...

2020-02-08 15:29:38

前端pc端、手机端适配问题

前端pc端、手机端适配问题一个项目如何做到手机、电脑共用的方式1、第一种方式:响应式布局(栅格布局),即通过媒体查询控制css样式,从而实现一套代码手机、电脑共享。一般而言,手机、电脑共享样式,其布局样式必须单调简单,因此一般是企业宣传网站使用。微软官网就是典型的响应式网站。2、第二种方式:实际上是手机端、电脑端是分开的两套代码,只是通过获取设备信息运行相应的代码。如京东商城这样的功能强大的...

2020-02-07 22:33:21

vue项目移动端、pc端适配方案

vue项目移动端、pc端适配方案vue项目移动端、pc端适配方案lib-flexible 根据屏幕宽度,自动设置html的font-sizepx2rem-loader 自动将px单位转换成rem一、第一步先安装 flexible和 px2rem-loader(命令行安装)npm i lib-flexible -Snpm i px2rem-loader -D简要介绍这两个包...

2020-02-06 13:18:30

HTML 本地存储(localStorage 以及 sessionStorage )

HTML 本地存储:优于 cookies通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储。在 HTML5 之前,应用程序数据只能存储在 cookie 中,包括每个服务器请求。本地存储则更安全,并且可在不影响网站性能的前提下将大量数据存储于本地。重点 与 cookie 不同,存储限制要大得多(至少5MB),并且信息不会被传输到服务器。HTML...

2020-01-08 16:44:14

js 日期学习

创建 Date 对象Date 对象由新的 Date() 构造函数创建。有 4 种方法创建新的日期对象:new Date()new Date(year, month, day, hours, minutes, seconds, milliseconds)new Date(milliseconds)new Date(date string)1、new Date() 用当前日期和时间创建...

2020-01-08 16:28:18

js项目经验一

项目技巧1、JS—手机号脱敏(中间四位数字变成*)let number = $("#my-phone").text();let phonenumber = number.replace(number.substring(3,7), '****');$("#my-phone").text(phonenumber);number是原本的手机号例如:12345678901phonenumb...

2019-11-26 20:24:17

Js 数字以及方法(重点基础知识)

JavaScript 数值始终是 64 位的浮点数与许多其他编程语言不同,JavaScript 不会定义不同类型的数,比如整数、短的、长的、浮点的等等。JavaScript 数值始终以双精度浮点数来存储,此格式用 64 位存储数值,其中 0 到 51 存储数字(片段),52 到 62 存储指数,63 位存储符号。科学计数法超大或超小的数可通过科学计数法来写:var x = 123e5; ...

2020-01-08 15:09:42

Visual Code常用插件大全

Auto Close Tag自动添加HTML / XML关闭标签**(必备)**Auto Rename Tag自动重命名配对的HTML / XML标签**(必备)**AutoFileName当你需要 require 本地文件时,这个插件将为你提供基于你输入的文件路径的自动补全的选项。(必备)Axios Snippets超好用的 axios 代码补全片段,支持在.vue.js.html...

2019-12-06 18:20:05

css项目经验二

更改input里placeholder的字的颜色input::-webkit-input-placeholder{ color:#bfbfbf;}input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#bfbfbf;}input:-moz-placeholder{ /* Mozilla Firefox 4 t...

2019-12-04 15:35:01

js中 String 方法

一、查找字符串中的字符串indexOf() 方法返回字符串中指定文本首次出现的索引(位置)lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引0 是字符串中的第一个位置,1 是第二个,2 是第三个 …如果未找到文本, indexOf() 和 lastIndexOf() 均返回 -1。重点:两种方法都接受作为检索起始位置的第二个参数,这意味着:假如第二个参数是 50,则...

2020-01-08 14:14:13

数组、对象、字符串遍历方式

一、传统for循环(适用数组、字符串)1、数组 let myArr = ["yao", "feng", "zhang", "meng", "jiao"]; for (let i = 0; i < myArr.length; i++) { console.log(i, myArr[i]) } // 0 "yao" // 1 "feng" // 2 "zhan...

2020-01-08 10:31:35

html项目经验

表单验证(1)好处:减轻服务器的压力;保证数据的可行性和安全性。(2)placeholder:为文本框提示用户输入<input type="text" name="name" placeholder="请输入你的姓名"/>(3)required:规定文本框不能为空<input type="email" name="email" required/>(4)pa...

2019-12-09 22:31:32

css项目经验一

css知识复习一一、margin-top的小bug当父元素嵌套子元素垂直排排列时,他们的margin-top就会取其中一个margin-top的最大值,导致父元素的整体下移。解决方案:父元素或者子元素 添加 float浮动属性,一般给子元素添加浮动给父元素添加属性 overflow-hidden 属性,使之变为bfc给父元素添加 border用父元素的padding-top代替子...

2019-12-04 11:58:18

vscode使用ESlint的方法

vscode使用ESlint的方法

2019-12-30 10:49:36

sass安装与使用

sass安装与使用安装Rubygem源检查sass安装命令行编译前后端不分离,我常用安装Rubysass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。如下图:安装完成后需测试安装有没有成功,运...

2019-12-08 22:25:21

开发环境搭建 之 node以及git安装详情

一、node.js安装下载连接安装步骤1、下载完成后,双击安装包,开始安装,一直点next即可,安装路径默认在C:\Program Files下,也可以自定义修改Node.js runtime 表示运行环境npm package manager表示npm包管理器online documentation shortcuts 在线文档快捷方式Add to PATH添加到环境变量不用选...

2019-12-16 14:34:27

google浏览器测试时清理缓存、强制不用缓存刷新快捷键(常用、效率)

谷歌浏览器测试的时候,可能修改了css样式但是界面并没有变化或者js修改了,但方法不能实现。这可能就是谷歌自带缓存问题,并没有重新请求新的css或者js文件,而是引用旧的缓存文件,这时候就需要清除缓存了。Ctrl+Shift+Del 重新加载所有网页而不使用缓存内容Ctrl+Shift+R 重新加载当前网页而不使用缓存内容Ctrl+F5 重新加载当前网页而不使用缓存内容F5 刷新当...

2019-12-08 23:17:09

nuxt学习01构建项目

构建项目为了快速入门,Nuxt.js团队创建了脚手架工具 create-nuxt-app。确保安装了npx(npx在NPM版本5.2.0默认安装了):npx create-nuxt-app <项目名>npx create-nuxt-app <项目名>或者用yarn :yarn create nuxt-app <项目名>Project na...

2019-11-22 18:34:49

git diff命令详解

git diff命令详解git diff命令详解1、查看尚未暂存的文件更新了哪些部分,不加参数直接输入2、查看已经暂存起来的文件(staged)和上次提交时的快照之间(HEAD)的差异3、显示工作版本(Working tree)和HEAD的差别4、直接将两个分支上最新的提交做diff5、查看当前目录和另外一个分支的差别6、比较上次提交commit和上上次提交7、比较两个历史版本之间的差异git ...

2019-11-21 21:55:59

Git冲突

Git冲突冲突一:git pull 冲突冲突一:git pull 冲突error: Your local changes to the following files would be overwritten by merge: assets/sass/common.scssPlease commit your changes or stash them before you...

2019-11-21 21:37:47

查看更多

勋章 我的勋章
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。