- 博客(17)
- 收藏
- 关注
RSS订阅原创 css样式
纯英文换行的css,利用CSS实现纯英文数字自动换行.text{ word-wrap:break-word; word-break:break-all;}
2021-09-18 13:54:42
84
转载 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
268
原创 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
638
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
189
原创 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
2575
转载 一个完整的 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
123
原创 css写内凹圆形
在某移动端看到了个布局,一个轮播图被一个内凹圆形盖住,想了半天内凹圆的样式,大概如下图实现方法:html部分:<body> <div class="radius"></div></body>css部分:<style> * { margin: 0; ...
2019-12-09 21:05:04
1272
1
原创 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
139
原创 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
142
原创 移动端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关注的人