- 博客(72)
- 收藏
- 关注
RSS订阅原创 vue2 + swiper
npm install swiper@5.4.5// main.jsimport VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/css/swiper.css'Vue.use(VueAwesomeSwiper)// test.vue<template> <swiper ref="mySwiper" :options="swiperOptions"> <swiper-slide v-for=
2022-03-18 10:15:40
403
原创 iview Menu组件刷新active样式不刷新
this.$nextTick(() => { this.$refs.menu.updateOpened() this.$refs.menu.updateActiveName() })
2021-09-03 16:01:47
369
原创 less 自定义函数
vue-cli3以上配置module.exports = {css: { loaderOptions: { less: { javascriptEnabled: true } } } }vue-cli3以下版本// module.rules{ test: /\.less/, exclude: /node_modules/, use: ['style-loader', 'css-loader', { loader:
2021-08-25 16:09:38
4954
原创 创建一个vue2+vue.cli4+vueRouter+elementUi+vuex项目
1.创建项目vue create demo_master2.安装sassnpm install -D sass-loader@10.2.0 sass// sass-loader安装最新版本运行时会报错，10.2.0是目前可正常运行最高版本// <style lang="scss"></style> 不能写 lang=sass 会报错// npm view sass-loader versions 查看sass-loader历史版本// npm view xxx ver
2021-07-07 23:07:57
179
原创 vue create 项目 报错 command failed: yarn
C:\Users\admin.vuerc 文件 修改packageManager的值 为 npm应该是以前设置成yarn，但是刚才把c盘npm相关文件夹都删掉了 ，导致找不到yarn了
2021-07-07 11:48:23
1695
原创 css 文字渐变
background-image:-webkit-linear-gradient( #F28E26, #FD644F);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
2021-04-22 10:08:08
108
原创 获取ip地址
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>alert(returnCitySN.cip); //获取ip地址
2021-04-07 16:43:03
122
原创 CSS3 [attribute*=value] 选择器
设置 class 属性值包含 “test” 的所有 div 元素的背景色：div[class*="test"]{ background: #FFCC00}
2021-02-24 16:36:24
154
原创 css设置伪元素层级在父元素下方
实现效果父元素加transform-style: preserve-3d;伪元素加transform: translateZ(-10px);.goods-item{ width: 162rpx; height: 212rpx; border-radius: 32rpx; background: #FFFFFF; border: 4rpx solid #E7CB97; position: relative; transform-st
2021-02-22 09:58:02
1917
1
原创 scroll-view横向滚动
scroll-view需要设置cssscroll-view{ white-space: nowrap;}子元素需要设置行内元素view{ display: inline-block;}
2020-11-03 17:02:08
1125
1
原创 input 只能输入数字和小数点
<input onkeyup="value=value.replace(/[^\d.]/g,'')" />or<input oninput="value=value.replace(/[^\d.]/g,'')" />
2020-08-04 10:32:51
206
原创 获取路径参数
function getQueryVariable(variable){ var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == var
2020-07-16 14:51:28
268
原创 js 数组排序
1.方法一按年龄从大到小排序 sortArray(array){ for(let i = 1; i < array.length; i++){ let Y = array[i - 1]; // 前一个元素 as Y元素 if(array[i].age > Y.age){ //如果当前元素大于Y元素 let temp = Y; // array[i - 1] = array[i]; // 两元素调换位置
2020-07-16 13:44:27
144
原创 nvm 安装 nodejs 报错 Could not retrieve https://nodejs.org/dist/latest/SHASUMS256.txt.
1.打开 nvm安装目录/settings.text文件2.添加两行node_mirror:npm.taobao.org/mirrors/node/npm_mirror:npm.taobao.org/mirrors/npm/3.然后继续安装nvm 安装指定版本nodejs命令nvm install xx.xx.xxeg: nvm install 6.16.0
2020-07-14 18:18:06
19884
6
原创 防抖和节流
/** * 节流 第一次立即执行，然后隔wait毫秒后可再次执行callback * @param {Object} callback * @param {Object} wait * shanyouzimu */ throttle(callback, wait){ let timer = 0; return () => { let now = new Date().getTime(); if (now - timer > wait) { // 对比时间
2020-07-02 17:28:05
2259
原创 关于页面初始化
1.document 和 window1.document.ready表示文档结构加载完成；2.window.onload表示页面全部加载完成(包括图片等文件)；2.等待页面加载完成的几种方法// 1. 是第二种的简写$(function(){})// 2.$(document).ready(function(){})// 3.$(window).load(function(){})// 4.window.onload = function(){}// 5.<body o
2020-05-16 10:38:22
705
原创 js调用顺序
脚本调用策略小结：如果脚本无需等待页面解析，且无依赖独立运行，那么应使用 async。如果脚本无需等待页面解析，且依赖于其它脚本，调用这些脚本时应使用 defer，将关联的脚本按所需顺序置于 HTML 中。<script async src="js/vendor/jquery.js"></script><script async src="js/script...
2020-04-21 22:37:04
221
原创 box-shadow 阴影
上阴影box-shadow: 0rpx 0rpx 20rpx 0rpx #84CF96; // 1.第三个值，控制扩散面积，值越大，面积越大，颜色越淡；// 2.第二个值，以阴影左上角为原点，值为阴影在该坐标轴上的-y轴位置（eg：20px 相当于 relative定位 top:-20px）；// 3.第一个值，以阴影左上角为原点，值为阴影在该坐标轴上的x轴位置 (eg: 20px 相当...
2020-04-17 13:50:20
245
原创 canvas 画正圆
宽高要在canvas标签上通过width 和height属性定义，通过style定义就会出椭圆<canvas ref='countDown' width="134" height='134'></canvas>
2020-04-06 15:59:36
161
原创 react 父子组件生命周期执行顺序
Parent constructorParent componentWillMountParent renderChild constructorChild componentWillMountChild renderChild componentDidMountParent componentDidMount
2020-03-24 15:05:18
963
原创 react 列表滚动到底部自动加载更多
constructor(props) { super(props); this.myRef = React.createRef(); } <ul ref={this.myRef} onScroll={() => this._onScroll()} className="scroll"> <li&...
2020-03-05 17:41:57
4987
原创 mysql 1045 Access denied for user 'root'@'123.123.123.123' (using password:YES)
原因：密码过期，重置就好了。其他原因暂时没遇到。
2020-01-18 11:59:03
194
原创 浏览器兼容相关
ie10和11可用例如ie不能正确表现grid 可以在下边重写 .div1{ width: 100%; height: 200px; background: linear-gradient(to right, #e6ffd8, #d8dcff); /* displ...
2020-01-15 16:53:56
92
原创 js parseInt第二个参数
//2表示按二进制进行转换parseInt('1011',2);//11//8表示按八进制进行转换parseInt('77',8);//63//都是转成10进制整数八进制->十进制console.log(parseInt('5377',8));//5 * 8^3 + 3 * 8^2 + 7 * 8^1 + 7 * 8^0...
2020-01-15 16:02:29
1118
转载 meta viewport相关
https://juejin.im/post/5b94d8965188255c5a0cdc02#heading-0<!DOCTYPE html> H5标准声明，使用 HTML5 doctype，不区分大小写<head lang=”en”> 标准的 lang 属性写法<meta charset=’utf-8′> 声明文档使用的字符编码<met...
2020-01-15 14:31:28
121
原创 flex部分样式
<div class="div2"> <div class="item bg-red" style="flex-basis: 200px;">item1</div> <div class="item bg-blue" style="flex: 1;">item2</div> ...
2020-01-15 13:53:18
155
原创 this.$nextTick
created: function(){ this.$nextTick(function() { this.$refs.inputVal && this.$refs.inputVal.focus(); }) },
2020-01-14 17:32:18
93
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人