01 2021 档案
摘要：函数封装 //字符串大小写转换 var changeCase=function(str, type) { // 字符串大小写转换 type: 1:首字母大写 2：首页母小写 3：大小写转换 4：全部大写 5：全部小写 type = type || 4 switch (type) { case 1:
阅读全文
摘要：函数封装 //去除字符串空格 var trim=function(str, type) { // 去除空格， type: 1-所有空格 2-前后空格 3-前空格 4-后空格 type = type || 1 switch (type) { case 1: return str.replace(/\s
阅读全文
摘要：函数封装 //cookie相关操作 var cookie={ set:function(name, value, day) { let oDate = new Date() oDate.setDate(oDate.getDate() + (day || 30)) document.cookie =
阅读全文
摘要：函数封装 //基于localStorage本地存储 var store={ set:function(name, value, day) { // 设置 let d = new Date() let time = 0 day = (typeof(day) 'undefined' || !day) ?
阅读全文
摘要：例如 /test/gagaga 得到 gagaga 又如 /hahaha/yr-1-k 得到 yr-1-k .split('/')[2]; //方法性能最优
阅读全文
摘要：前端变化日新月异，层出不穷，公司原项目使用vuecil2版本开发，elementUI等一系列库版本太低，也脱离世界很久远了，新版本库需要webpack4等环境，而老版本配置起来bug很多，在使用过程中很多东西都不能实现，所以升级真的是迫在眉睫； 此篇会逐步解析： vuecil2如何升级到vuecil
阅读全文
摘要：在做vue中大型项目的时候，官方推荐使用axios，但是原生的axios可能对项目的适配不友好，所以，在工程开始的来封装一下axios，保持全项目数据处理的统一性。此文主要讲在vue-cil项目中如何封装axios，封装请求，封装公共的api，页面如何调用请求。 如果你能看到这篇文章，鉴于有很多小白
阅读全文
摘要：页面切换不改变浏览器滚动条位置 路由表配置router { path: "/introduce", name: "introduce", meta: { title: "路由滚动条" }, component: () => import("../views/introduce.vue"), chil
阅读全文
摘要：将时间戳转化为时间 转换方式1-自定义方法 timestampToTime(str) { const date = new Date(str); const Y = `${date.getUTCFullYear()}-`; const M = `${date.getUTCMonth() + 1 <
阅读全文
摘要：element-china-area-data npm install element-china-area-data -S import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, Code
阅读全文
摘要：antd时间选择器 disabledDate(current) { // Can not select days before today and today return current < moment().subtract(1, "day") ;//当前以前 // return current
阅读全文
摘要：`LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead 用这个标签即可 a-config-provider LocaleProvider国际化 LocaleProvider 使用 Vue 的
阅读全文
摘要：ECharts图表实例化的API setOption(Object option,{boolean = true} notMerge) Object类型的参数 option，表示图表数据结构 var option = { title: { text: "我的第一个ECharts图表示例" }, to
阅读全文
摘要：正向代理就是，你要访问一个网站，比如“谷弟弟”，然后发现访问不到，于是你访问了一个能访问到“谷弟弟”的代理服务器，让它帮你拿到你想浏览的页面。 反向代理就是，你访问了一个网站，你以为它是“谷弟弟”，但其实它是“谷姐”，“谷姐”知道你其实是想找她弟，就取回“谷弟弟”的内容给你看。作为用户的你，是不知道
阅读全文
摘要：一、前言： 为开发团队选择一款优秀的MVC框架是件难事儿，在众多可行的方案中决择需要很高的经验和水平。你的一个决定会影响团队未来的几年。要考虑方面太多： 1、简单易用，以提高开发效率。使小部分的精力在框架上，大部分的精力放在业务上。 2、性能优秀，这是一个最能吸引眼球的话题。 3、尽量使用大众的框架
阅读全文
摘要：概述 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切
阅读全文
摘要：概述 上一篇我们重点介绍了组件的创建、注册和使用，熟练这几个步骤将有助于深入组件的开发。另外，在子组件中定义props，可以让父组件的数据传递下来，这就好比子组件告诉父组件：“嘿，老哥，我开通了一个驿站，你把东西放到驿站我就可以拿到了。” 今天我们将着重介绍slot和父子组件之间的访问和通信，slo
阅读全文
摘要：组件简介 组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树 那么什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素 组件的创建和注册 Vue.js
阅读全文
摘要：Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时
阅读全文
摘要：演示图 - 几种车牌输入键盘下载 源码 wxml文件 <!--pages/test3/test3.wxml--> <text bindtap="showCarNo" data-statu="open">弹出车牌输入键盘</text> <view>{ {carId}}</view> <!--mask-
阅读全文
摘要：npm NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供
阅读全文
摘要：案例 <div :title="`你好:${item.Storename}`" link="/component/radio" :inline-desc="'地址:' + item.Storeaddess"></div> :title="`字符串${xx}`" :title="'字符串' + xx"
阅读全文
摘要：文件结构 代码 <view class="checktabs"> <view class="item"> <view class="{{isTabs == 1 ? 'active' : ''}}" data-flag="1" bindtap="checkTap"> <image src="{{isT
阅读全文
摘要：vue过滤器中使用 filters: { //第一种 Statistic(num) { let [integer, decimal] = String.prototype.split.call(num, '.') integer = (integer || 0).toString() let res
阅读全文
摘要：调用组件wxml bind+组件内的方法名 <dialog bindclose="handleClose" bindopen="handleOpen" bindconfirm="handleConfirm"> </dialog> 调用组件js // 打开 Open handleOpen: funct
阅读全文
摘要：微信小程序代码 下载地址【https://download.csdn.net/download/JackieDYH/14109617】 test1 js // pages/test1/test1.js // pages/test1/test1.js Page({ data: { territory:
阅读全文
摘要：wxml <view class="container"> <view style="width: 100%;height: 100%;position: fixed;z-index: -1;" bindtap="boardStop"></view> <!-- 车牌号 --> <view wx:if
阅读全文
摘要：DatetimePicker 时间选择 <button bindtap="getTime">点击</button> <van-popup show="{{ showpopup }}" bind:close="onClose" position="bottom" custom-style="heigh
阅读全文
摘要：以下代码如果需要在你本地跑起来： Ⅰ.需要apache服务，并把php代码丢进去指定位置 Ⅱ.将下面http://www.test.com/api.php地址，改成自己指定位置的域名或ip 1.从一段简易代码说起 前端代码 <!DOCTYPE html> <html lang="en"> <head
阅读全文
摘要：我们在vue开发中用axios进行跨域请求时有时会遇到，同一个接口请求了两次，并且第一次都是options请求，然后才是post/get请求 options请求 get请求为什么会出现这种原因呢？ 这是因为CORS跨域分为 简单跨域请求和复杂跨域请求； 简单跨域不会发送options请求，复杂跨域会
阅读全文
摘要：源码 let circularGraph= { title: "标题", head: false, tuglie: [ "微信", "支付宝", "银行卡", "聚合支付" ], data: [ { name: "度小满", value: 22, }, { name: "广大云", value: 2
阅读全文
摘要：部分代码（完整包见资源下载链接） 注：资源上传时默认付费，可以私信我，我看到会回复的 <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,ch
阅读全文
摘要：布局 布局 其实是学习前端的重要部分，最常用的方式就是从上而下、从左而右、亦或者两个相结合。 看上图，而这里，我们就只是最简单的布局方式，从上而下： 1、优惠券金额和过期时间 2、优惠券描述 3、按钮（其实按钮也可以放到“2”里面去） 这样分析，我们就有了 html 架构了 <div class="
阅读全文
