- 博客(30)
- 收藏
- 关注
RSS订阅原创 element-ui 修改 input 样式
刚开始的样式修改后的样式代码如下: <el-input placeholder="请输入内容" suffix-icon="el-icon-search" style="width: 220px;margin-left: 20px;" > </el-input>在控制台中找到el-input的样式利用/deep/ 深度选择器（可以百度查看用法）缺点：并不能解决所有
2021-02-20 23:02:38
1366
原创 使用css实现X的方法
// 关闭 .close { position: relative; width: 5px; height: 20px; background: red; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotat
2021-02-19 23:03:08
2643
原创 js时间戳相互转换
1.将当前日期转换为时间戳 var now = new Date(); console.log(now.getTime()) //1612886627039;当前的时间戳 console.log(now.valueOf()) //同上，都精通到秒 // 将当前日期转换为时间戳，getTime()方法可返回距1970年1月1日之间的毫秒数。 2.将时间戳转换为日期 getTime(time) { //年月日时分秒 var now = new Dat
2021-02-10 00:14:04
2793
转载 js获取当前一周的时间
// 获取当前一周的时间 getWeekTime() { let that = this; this.userForm.TimeChoose = []; var currentFirstDate; var formatDate = function(date) { var year = date.getFullYear() + "-"; var month = date.getMonth() + 1 + "-";
2021-02-09 23:42:57
1791
原创 uni-app后台数据拿到的图片路径配上域名
<view class="banner"> <swiper class="swiper" indicator-dots="true" indicator-color="white" indicator-active-color="gray" autoplay="true" interval="2000" circular="true"> <swiper-item class="swiperItem" @click="swiperBtn1" v-for="(
2021-01-17 19:43:42
1199
1
原创 微信小程序嵌套循环+实现商品规格的选择
1.index.wxml//properties是从接口获取到的<!--数据--><view class="selectsize_content"><block wx:for="{{properties}}" wx:key="item" wx:for-index="id"> <view class="content_title">{{item.name}}</view> <view class='content_list'>
2020-10-28 19:56:41
1356
原创 微信小程序的路由跳转
wx.switchTab(Object object)跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面goShop(){ wx.switchTab({ url: '/pages/index/index', //url是需要跳转的tabBar 页面的路径路径后不能带参数。 }wx.reLaunch(Object object)关闭所有页面，打开到应用内的某个页面 goShop() { wx.reLaunch({ url: "..."
2020-10-24 11:26:38
158
原创 微信小程序之公共组件
首先我们要创建一个公共组件然后在login.json文件中将component定义为true{ "component": true, "usingComponents": {}}在login.wxml添加内容<!-- 登录 --><van-popup show="{{ show }}" position="top" custom-style="height: 60%;" close-on-click-overlay="{{true}}">
2020-10-22 21:42:28
735
原创 微信小程序封装数据请求
目录结构在根目录下创建request目录及api.js,fetch.js和http.js文件在fetch.js中用promise对wx.request()进行封装。//封装module.exports = (url, path, method, params) => { return new Promise((resolve, reject) => { wx.request({ url: `${url}${path}`, method: method
2020-10-22 21:09:16
247
原创 微信小程序App与页面Page的生命周期
1.App的生命周期App(Object object)注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。注意：当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。只有当小程序进入后台一定时间，或者系统资源占用过高，才会被真正的销毁。关闭小程序（基础库版本1.1.0开始支持）： 当用户从扫
2020-10-21 20:16:39
398
原创 微信小程序点击数据列表，进入列表详情页面的思路
1.在index.wxml通过 bindtap去绑定一个事件。 对于详情页的传输数据，点击事件可以通过 data- 去实现，后面相当于是键值对，data-id="{{item.id}}"，意思是把列表的id传过去。<view class="goods"> <view wx:for="{{listTwo}}" wx:key="{{index}}" class="goods-list" bindtap="toDetail" data-id="{{item.id}}">
2020-10-21 19:54:06
3349
原创 微信小程序解决rich-text 富文本渲染图片尺寸
在index.wxml<view class="jie"> <view class="jie-title">商品介绍</view> <rich-text nodes="{{content}}"></rich-text></view>index.js data:{ detailSwiper:[], //详情轮播图 basicInfo:[], // 轮播图下面的介绍 content:[],
2020-10-21 15:47:10
821
3
原创 Vue封装axios和api接口管理
1.安装axiosnpm install axios --save //安装axios2.引入在项目的src目录中，新建一个request文件夹，然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios，api.js用来统一管理我们的接口。import axios from 'axios';//引入axios//设置环境的切换 if(process.env.NODE_ENV=='development'){ axios.defaults.base
2020-10-07 16:38:16
148
原创 vue跳转页面，总是跳转下一个页面底部的解决方法
在路由的js中const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes, scrollBehavior (to, from, savedPosition) { //解决跳转下一个页面底部的方法 if (savedPosition) { return savedPosition } else { return { x: 0, y:
2020-10-07 09:58:19
889
原创 Vue使用echarts
安装echarts依赖npm install echarts -S在main.js中引入import echarts from "echarts";Vue.prototype.$echarts = echarts;在Echarts.vue中<template> <div> <div id="echarts" style="width: 600px;height:400px;"></div> </div>
2020-09-10 19:20:58
124
1
原创 Vue使用v-viewer，实现图片预览
1.安装依赖npm install v-viewer --save2.在main.js中引入import Viewer from 'v-viewer' //图片查看插件import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({ Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar': tr
2020-09-08 18:56:44
1070
1
原创 vue之美团分类切换
仿美团外卖，左边点击切换右边,右边滑动切换左边，并且右边伴有标题的切换首先在src的components创建两个组件Main.vue中<template> <div> <!-- 类似美团切换的案例 --> <!-- 分类 --> <div class="classify-content"> <div class="left-content"> <div class="left-item-co.
2020-09-03 20:31:03
568
转载 git命令
gitgit 是一个版本管理系统（VCS），可以在任何时间点，将文档的状态作为一份更新记录保存起来，并且在任意的时间点，恢复更新记录版本管理版本管理是一种记录文件变化的方式，方便查阅特定版本号的文件内容人为维护文档版本问题1、文档数量紊多，命名不清晰，导致文档版本混乱2、每次编译文档需要赋值，不方便3、多人同时编辑一个文档，容易产生覆盖git使用**在使用git前，需要全局配置git提交用户名 - git config --global user.name “用户名” 提交邮箱git
2020-08-26 14:55:38
157
原创 npm修改全局路径
第一步，在nodejs文件下面创建node_cache和node_gobal文件夹第二步在nodejs打开cmd，执行下面的命令npm config set prefix "D:\nodejs\node_gobal"npm config set cache "D:\nodejs\node_cache"第三步执行完第二步在安装淘宝镜像: npm i -g cnpm --registry=https://registry.npm.taobao.org最后配置环境变量...
2020-07-30 19:56:32
199
原创 vue+element-ui实现分页功能
element-ui的表格分页器代码script的代码，还有return里面的代码: pagesize: 2, currpage: 1
2020-07-28 18:32:41
154
原创 React实现简单百度搜索（入门）
在src文件夹下创建components文件夹，在里面创建searchBox.js和seachBox.css然后在APP.js里面配置一下SearchBox.js代码SeachBox.css代码
2020-07-18 14:02:00
588
原创 sessionStorage，localStorage ，cookie 的区别
localStoragelocalStorage 生命周期是永久，这意味着除非用户显示在浏览器提供的UI 上清除localStorage 信息，否则这些信息将永远存在。存放数据大小为一般为5MB, 而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。sessionStorage...
2020-07-06 22:44:49
104
原创 Vue封装路由
src下面的router创建两个js文件夹，config.js和homeModule.js，以及原有的index.jsconfig.js## homeModule.js## index.js## 在main.js里面注册一下## 在页面写个事件，这样就可以跳转
2020-07-05 20:31:12
360
原创 vue封装axios
第一步在src文件夹下创建个network文件夹，然后network里面创建config.js，core.js，index.js第二步core.js，里面的path链接，就是在第三步的baseURL后面拼接第三步第四步第五步在mian.js里面注册一下第六步在页面渲染就出来数据...
2020-07-04 16:32:43
143
原创 v-html 渲染后设置图片宽和高
v-html渲染后发现图片是这个样子，没有全出来代码解决方案：>>>相当于一级一级的往下找，深入查找修改后，图片就能全部出来
2020-07-02 20:41:37
1144
原创 解决Vue警告[Vue warn]: Invalid prop: type check failed for prop “zhuan“. Expected Array, got String wit
[Vue warn]: Invalid prop: type check failed for prop “zhuan”. Expected Array, got String with value “”.翻译一下就是-------Vue警告:道具无效:道具“专”类型检查失败。期望的数组，得到的字符串和值原来的代码:用的组件，遍历的是zhuan报错的图更改后,把Array改成{ } 就不报错了...
2020-07-01 20:53:44
1231
1
原创 2020-06-28
什么是深拷贝，浅拷贝？（概念）深拷贝和浅拷贝是针对复杂数据类型来说的，浅拷贝只拷贝一层，而深拷贝是层层拷贝。深拷贝深拷贝复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。深拷贝后的对象与原来的对象是完全隔离的，互不影响， 对一个对象的修改并不会影响另一个对象。浅拷贝浅拷贝是会将对象的每个属性进行依次复制，但是当对象的属性值是引用类型时，实质复制的是其引用，当引用指向的值改变时也会跟着变化。可 以 使 用 for in 、 Object.assign 、扩 展 运 算 符 … 、A
2020-06-28 19:14:49
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人