自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 css样式

纯英文换行的css,利用CSS实现纯英文数字自动换行.text{ word-wrap:break-word; word-break:break-all;}

2021-09-18 13:54:42 82

转载 Vue 自定义指令合集

Vue 自定义指令合集元素点击范围扩展指令 v-expandClick文本内容复制指令 v-copy元素全屏指令 v-screenfull文字超出省略指令 v-ellipsis回到顶部指令 v-backtop空状态指令 v-empty徽标指令 v-badge拖拽指令 v-drag响应缩放指令 v-resize字符串整形指令 v-format如何使用这些指令?在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。你可以

2021-07-08 16:41:40 183

转载 CSS 经典布局

CSS 经典布局一、空间居中布局空间居中布局指的是,不管容器的大小,项目总是占据中心点。.container { display: grid; place-items: center;} 上面代码需要写在容器上,指定为 Grid 布局。核心代码是place-items属性那一行,它是一个简写形式。place-items: <align-items> <justify-items>;align-items属性控制垂直位置,justify-ite

2021-05-31 15:00:33 267

原创 vue 跳转到页面指定标签 scrollIntoView 锚点滚动

scrollIntoView 锚点滚动<div> <div id="anchor"></div> <div @click="goToAnchor"></div></div><script> export default{ methods:{ goToAnchor(){ setTimeout(()=>{ document.querySelector("#anchor").scrol

2021-04-28 10:20:11 636 1

原创 触底加载

触底加载// 执行触底加载data(){ return{ fnThrottle: true, }},mounted() { this.onBotton();},onBotton() { let _this = this; window.onscroll = function() { //变量scrollTop是滚动条滚动时,距离顶部的距离 var scrollTop = document.documentElement.scrollTop || document.body.

2021-04-28 10:02:15 102

转载 JS 语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性

JS 语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性ES6(2015)1. 类(class)class Man { constructor(name) { this.name = '小豪'; } console() { console.log(this.name); }}const man = new Man('小豪');man.console(); // 小豪2. 模块化(ES Module)// 模块 A 导出一个方法export const

2021-04-19 18:09:20 210

原创 自用前端UI框架

VUEPC端element-ui 饿了么团队开发vuetify移动端vant 有赞前端团队cube-ui 滴滴团队开发uni-appuni-app 是一个使用 Vue.js 开发所有前端应用的框架一套代码,多端发布(移动端、iOS、Android及各家的小程序)注* 多端发布会有一些兼容问题,偶尔会很坑,不熟悉各家小程序有时候不知道bug在哪里plus对应APIuniapp的插件市场配套uniapp的UI框架 uviewECharts 可视化图表库一个基于 JavaScr

2021-04-15 14:45:44 188

原创 vue基础

vuevue的基本使用<head> <meta charset="UTF-8"> <meta content="yes" name="apple-mobile-web-app-capable"> <!-- 移动端禁止用户缩放页面 --> <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum

2021-04-15 13:36:56 252

原创 uniapp遇到的问题

uniapp遇到的问题scroll-view横向滚动<template> <scroll-view scroll-x="true" class="scrollX"></scroll-view></template><style scoped> .scrollX{ width: 100%; overflow: hidden; /* 必须要添加才能生效 */ white-space: n

2021-01-13 17:14:12 2573

转载 一个完整的 JS 身份证校验代码

一个完整的 JS 身份证校验代码/** * 校验身份证号合法性 */function checkIdNumberValid(tex){ var tip = '输入的身份证号有误,请检查后重新输入!'; var num = tex.value; num = num.toUpperCase(); var len, re; len = num.length; if(len == 0) return true; //身份证号码为15位或者18位,1

2020-06-21 17:27:18 357

原创 js,发布于几秒,几天,几周,几月,几年前

直接上代码: // 将获取到的时间戳做判断 if (Math.floor(this.comTime / 3600 / 24 / 30 / 12)) { // console.log(`${Math.floor(this.comTime / 3600 / 24 / 30 / 12)}年前`); // 如果满足这个条件,将计算后的时间拼接,赋...

2019-12-10 18:54:54 122

原创 css写内凹圆形

在某移动端看到了个布局,一个轮播图被一个内凹圆形盖住,想了半天内凹圆的样式,大概如下图实现方法:html部分:<body> <div class="radius"></div></body>css部分:<style> * { margin: 0; ...

2019-12-09 21:05:04 1272 1

原创 npm和yarn的常用命令

2019-12-07 20:02:18 137

原创 git命令

git clone直接拉取远程仓库地址的代码到本地git clone <远程仓库地址>(https ssh)git add提交代码到暂存区里git add .git status查看当前项目的文件状态git statusgit commit提交代码到本地记录git commit -m 'xxxx这次改动过的信息提示'提交完成后,如果没有出现error 或者是fa...

2019-12-07 19:43:12 138

原创 vue封装axios和网络请求

封装axios创建request文件夹,在文件夹下创建request.js文件request.js: // 引入axios import axios from 'axios' // 引入qs import qs from 'qs' // 调用create方法创建实例 const instance = axios.create({ timeout: 5000 }) //...

2019-12-07 19:17:12 141

原创 移动端CSS初始化样式

@charset "utf-8";/* 清零 */*:focus{outline: none;}html{ /*禁用iPhone中Safari的字号自动调整*/ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-scrolling : tou...

2019-12-07 14:45:12 414

原创 vue脚手架安装和webpack安装

安装node.js官网:http://nodejs.cn/.从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。安装完成之后,打开命令行工具,输入 node -v,如果出现相应的版本号,则说明安装成功。查看全局包位置:npm root -g查看包的依赖关系 :npm view npm dependencies查看npm基本配置命令:npm config...

2019-12-07 10:01:47 639

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除