- 博客(25)
- 收藏
- 关注
RSS订阅
原创 记录常用的一些工具函数 - vue版(持续更新)
记录常用的一些工具函数 - vue版#业务需求富文本编译清空url中的参数获取URL中的参数名及参数值的集合格式化价格（保留n位小数）获取随机数原生js简单实现 无缝轮播动画#关于时间处理1) 如果格式是: yyyy/mm/dd hh:mm:ss 可以直接转换。2) 如果日期格式是: yyyy-mm-dd hh:mm:ss 需要转化格式3) 日期转化为毫秒的第二种方法：4）毫秒数转化为浏览器时间格式(没啥用)5) 应用: 判断是否在规定的范围内6) 时间戳转为 yyyy-mm-dd hh:mm:ss 日期格
2020-09-19 16:02:32
534
原创 面试题, 技术栈学习地址集合(持续更新)
学习地址集合面试题MDN地址: https://developer.mozilla.org/zh-CN/docs/Web/HTTP (基础知识)2019年春季热门面试题专题（上）：https://pan.baidu.com/s/1cEgi3LTMWsZZN2Kw8_ha8w 提取码：2gcy2019年春季热门面试题专题（下）：https://pan.baidu.com/s/1mUbr4kSG0Se-gTZIIjlmdw 提取码：3SZ3VueWeb全栈Vue资料 提取码: 31ac
2020-09-18 16:51:19
142
原创 vue-cli配置生产开发测试环境,实现自动化部署 - 简单记录
vue-cli21. 在build文件夹中新建 webpack.test…conf.js，将 webpack.prod.conf.js 文件复制过来；将 const env = require('../config/prod.env') 修改为 const env = require('../config/test.env') 2. 在config文件夹中新建 test.env.js ， 将 prod.env.js 复制过来;将 NODE_ENV: '"production"' 修改为 NOD.
2020-05-19 10:31:32
353
原创 vue-路由懒加载的应用
使用的简单记录，备忘。vue作为单页面应用, 如果不采用按需加载的方式, 首屏加载是非常慢的,即使做了loading也是严重影响用户体验，所以按需加载路由是一个项目的基础构建。(首屏加载优化...后续会记录)目前常用的方法Vue异步组件// 一个组件生成一个js文件{ path: '/', name: 'Index', component: resolve => require(['@/view/index'], resolve)},{ path: '/my',
2021-12-21 23:21:10
293
原创 Vue使用提升之“枚举”应用
Vue使用提升之“枚举”应用方式一（适用于简易过滤器中）// enum.js**文件/** * 获取枚举值：STATUSMAP.TTT * 获取枚举描述：STATUSMAP.getDesc('SH') * 通过枚举值获取描述：STATUSMAP.getDescFromValue('TG') */let STATUSMAP = createEnum({ SH: ['SH', '审核中'], TG: ['TG', '审核通过']});function createEnum(defi
2021-10-15 00:18:37
1524
原创 npm笔记
NPMnpm install -g cnpm --registry=https://registry.npm.taobao.orgCNPMnpm install -g cnpm --registry=https://registry.npm.taobao.orgNVM查看可下载node版本列表(windows): nvm list available 切换不同版本: nvm use 版本号注意： 以下为必操作// 在setting 文件加， 避免node跟npm版本问题、node不带
2021-10-14 13:45:53
194
转载 最新省市级数据
export default {province_list: {110000: ‘北京市’,120000: ‘天津市’,130000: ‘河北省’,140000: ‘山西省’,150000: ‘内蒙古自治区’,210000: ‘辽宁省’,220000: ‘吉林省’,230000: ‘黑龙江省’,310000: ‘上海市’,320000: ‘江苏省’,330000: ‘浙江省’,340000: ‘安徽省’,350000: ‘福建省’,360000: ‘江西省’,370000:
2020-11-24 16:36:20
1847
1
原创 H5 自定义属性 data- 前缀
H5 自定义属性 data- 前缀方式一<!-- 在很早以前,自定义的属性要通过 user-defined-attribute 的方式来设置自己需要的属性 --><!-- 设置 --> <h1 user-defined-attribute='xiaozhu'> 渣渣辉 </h1> // 获取 var name = document.getElementsByTagName("h1")[0].getAttribute("user-define
2020-09-20 15:58:54
462
原创 cropperjs (裁剪图片)
cropperjs (裁剪图片)cropperjs (裁剪图片)vue版本// 下载// npm install cropperjs -save// 使用//1.0 引入 import Cropper from 'cropperjs'// 2.0初始化裁剪框 data(){ return{ croppable: false // 控制上传后的显隐 } }, methods:{ var _this= this; var image = document.
2020-09-20 15:57:25
648
原创 vue-jcrop 图片裁切插件
vue-jcrop 图片裁切插件Vue.js 的 Javascript 裁剪小部件 , 适用于头像上传,产品图上传等安装npm install --save vue-jcrop全局使用// 1.import Vue from 'vue'import VueJcrop from 'vue-jcrop'// 2.import 'vue-jcrop/dist/vue-jcrop.css'import VueJcrop from 'vue-jcrop/dist/vue-jcrop.comm
2020-09-20 15:29:06
735
1
原创 clipboard.js的基础使用
clipboard.js的基础使用复制内容到裁剪板, copy内容 , 复制内容 ,裁剪内容插件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>target-input</title> <meta name="viewport" content="width=device-width, initial-scale
2020-09-20 15:25:04
121
原创 vue之require.context(自动加载js模块等作用)
require.context初识 require.contextrequire.context是webpack中，用来创建自己的（模块）上下文webpack会在构建的时候解析代码中的require.context()require.context函数接收三个参数：1. 要搜索的文件夹目录2. 是否还应该搜索它的子目录3. 以及一个匹配文件的正则表达式// 语法require.context(directory, useSubdirectories = false, regExp = /^
2020-09-20 14:53:49
3161
原创 vue-lazyload简单使用
vue-lazyload简单使用1.安装插件npm install vue-lazyload --save2.引用文件，一般在main.js全局引用，且配置好图片import Vue from 'vue'import App from './App.vue'import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload) // or with optionsVue.use(VueLazyload, { preLoad: 1
2020-09-20 14:03:51
141
原创 项目打包出来的js文件为什么都带有.map文件
项目打包出来的js文件为什么都带有.map文件打包后产生后缀名为.map的文件是由于配置了sourcemap选项生成的，打包后的文件不容易找到出bug对应的源代码的位置，sourcemap就是来帮我们解决这个问题的，有了map就可以像未压缩的代码一样，准确的输出是哪一行哪一列有错。具体配置可以查看官网devtool配置或者其它的webpack sourcemap 选项多种模式的一些解释如果想要打包后不生成.map文件要怎么配置呢？去config/index.js中改一个参数就行：?prod
2020-09-20 13:58:38
5009
原创 整理小程序的使用(持续更新)
微信小程序：截图组件welCropper，实现原理及其使用类似于微信朋友圈发图链接: https://segmentfault.com/a/1190000011307688假数据: { id: 1, img: ‘https://images.unsplash.com/photo-1551334787-21e6bd3ab135?w=640’ },{ id: 2, img: ‘https://images.unsplash.com/photo-1551214012-84f95e060dee?w=640’
2020-09-18 23:07:42
260
原创 禁止ios中的缩放(记录 )
禁止ios中的缩放 , 记录// 缩放暂时还是可以从屏幕两边缩放, 但是禁止了普通的缩放window.οnlοad=function () { document.addEventListener('touchstart',function (event) { if(event.touches.length>1){ event.preventDefault(); } }); var lastTouchEnd=0;
2020-09-18 22:21:26
239
原创 微信jssdk录音API例子
微信jssdk录音API例子首先要引入jssdk, 可以使用npm或者script引入// 微信授权 , 需要使用的接口 wxConfig: function (res, jsapiList) { wx.config({ //eslint-disable-line debug: false, //开启调试模式,调用的所有api的返回值会在客户端alert出来若要查看传入的参数可以在pc端打开参数信息会通过log打出，仅在pc端时才会打印。
2020-09-18 21:58:10
711
原创 微信浏览器中ios点击才加载视频,音频 , js实现直接自动播放
微信浏览器中ios点击才加载视频,音频 , js实现直接自动播放1.ios中默认不允许视频,音频加载, 点击之后才会加载, 但如果有需要是要进入页面后即可看视频, 自动播放音频等,则需要用js手动去加载它;2.但是会有个问题, 还是无法触发, 经过踩坑后发现放入wx的初始化中才可以有效, 即wx.ready 中示例代码// 解决 ios环境下 点击才能加载视频,音频问题export function AutoloadMedia(dom) { const IS_IOS = !/(Andro
2020-09-18 18:31:00
1434
原创 微信浏览器下, ios点击input输入框, 键盘缩回, 无法选中,无法输入等问题
ios 下 ,点击input输入框, 键盘缩回, 无法选中,无法输入等问题缩回键盘后, 某些使用fixed定位的界面中弹窗无法点击,input无法输入等问题失焦后执行即可// 方法1 iosInput:function( ) { document.body.scrollTop = 0; document.documentElement.scrollTop = 0;}// 方法2iosInput:function( ){ // 获取目前所在位置 let sh =
2020-09-18 18:20:07
537
原创 微信开发 - 公众号授权登录方案(含跳转关注公众号)
公众号授权登录代码(含跳转关注公众号)注意:跳转微信公众号页:https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzU5Mzc1Mzk0NQ==&scene=110#wechat_redirect"其中 __biz 参数是微信公众号的appid,base64转码后所得代码// 点击关注follow() { window.location.href = "https://mp.weixin.qq.com/
2020-09-18 18:14:17
1756
原创 异步 axios 的简单封装
import Vue from "vue";import axios from "axios";import qs from "qs";const vm = new Vue();// axios是否需要携带Cookie// axios.defaults.withCredentials = true// 此封装注意,form表单请求是没有进行拦截的const URL = process.env.VUE_APP_BASE_API;//发送一般请求const http = axios.cr.
2020-09-18 15:06:54
216
原创 vue-cli构建的项目,本地手机端预览 - 简单记录
vue-cli构建的项目，本地手机端预览打开项目的package.json文件，修改里面的script里面的dev ;加入: --host ip,config中的index.js的host也要修改为ip修改好了之后本地电脑访问要把之前网址的localhost换成自己的电脑ip地址;windows要关闭自己的电脑防火墙！ mac 可以省略这一步 ;重新运行...
2020-05-19 10:39:15
238
原创 前端工程化 - 简单记录
关于前端工程化的记录一、html1.基本规范1.1 使用<!Doctype html> 文档类型声明，h5的最新声明方式1.2 设置网页的编码以及文档类型<meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />1.3 置网页的渲染模式，按照最新的模式渲染<meta h...
2020-05-19 10:10:21
307
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人