- 博客(132)
- 收藏
- 关注
RSS订阅原创 富文本添加网络图片，有些网站的图片可以有些不行
不行的报这个错可以的报响应这个这个是因为别人设置了拦截，不在白名单里的域名是无法访问该网站的资源(也就是跨域)。如果前端的请求头已经设置了sec-fetch-mode:no-cors那么此题前端无解
2022-06-21 16:34:40
309
1
原创 uni打包APP流程
原生开发者支持DCloud 原生开发者支持网站 uni小程序SDK、App离线打包SDK、原生插件开发https://nativesupport.dcloud.net.cn/AppDocs/importfeproject/export 查看版本后到下面下载相同版本的sdk原生开发者支持DCloud 原生开发者支持网站 uni小程序SDK、App离线打包SDK、原生插件开发https://nativesupport.dcloud.net.cn/AppDocs/download/android 下载需要时间
2022-06-13 15:17:02
631
原创 android虚拟机连得上网但访问不了内网
虚拟机本身的dns是10.0.2.2，当访问电脑原地址时访问的其实是你虚拟机使用10.0.2.2的话是访问电脑
2022-06-06 15:17:04
554
原创 absolute与fixed会被虚拟键盘顶上去的问题
//处理登录按钮会被虚拟键盘顶上去影响输入问题 $(window).resize(function() { var win_h = $(window).height();//关键代码 //屏幕发生变化时 window.addEventListener('resize', function () { if($(window).height() < win_h){ $('.login-btn-con').hide(); }else{ $('....
2022-05-25 10:39:26
267
原创 移动端下拉触底事件
<div @scroll="scrollEvent($event)" style="overflow-y: scroll;height:100vh;"></div>//js部分 scrollEvent(e){ //计算高度，简单来说就是有东西的时候触底才触发 if(e.target.scrollTop + e.target.offsetHeight >= e.target.scrollHeight){ .
2022-05-07 11:21:51
640
原创 移动端实现长按功能
基于vue的，如果原生想用其实也差不多，改一点点就ok了/*无视传值*/<div @click="handleClickFile(file)" @touchstart="showMultiple(file,index)" @touchend="clearLoop(file)"></div>js部分 data(){ return{ timer:null
2022-05-05 17:03:11
868
原创 js实现点击按钮下载文件
其实就是创建一个a标签，设置a标签 download属性，只是用js的方式使用 var $a = document.createElement('a'); $a.setAttribute("href", src); $a.setAttribute("download", ""); var evObj = docum
2022-04-06 15:00:17
3101
原创 js 枚举
日常使用中，会需要大量根据不同类型而返回不同数据的判断这时候为了避免写大量的if循环if(filetype === 'z7'){}else if(){}...就需要用到枚举function getPhotoByFiletype(filetype) { var filetype_symbol_rel = { zip: 'icon_zip_l_default@3x.png', tar: 'icon_tar_l_default@3x.png'..
2022-03-09 17:57:19
1494
原创 查找内容重点文字变色
var searchText = $("#searching").text();//获取你输入的关键字 var regExp = new RegExp(searchText, "g");//创建正则表达式，g表示全局的，如果不用g，则查找到第一个就不会继续向下查找了 $(".h3").each(function()//遍历h3里的文字； { var html = $(this).html(); ...
2022-03-04 15:35:51
530
原创 js的防抖
debounce(fn,wait){ let timer; return function () { clearTimeout(timer); timer = setTimeout(() => { ...
2022-03-02 10:22:03
363
原创 在vue环境实现div focus blur焦点事件
onfocus获取焦点事件与onblur失去焦点事件本身是input类用的div想支持则需要加上tabindex="0"属性//0或者以上但是在vue环境中，加上这个也不支持，而移动端无法使用鼠标事件<div tabindex="0" hidefocus="true" ref="aside" class="aside" @click="dialaing()" @blur='()=>{dialaingIsShow =false}'> <div v-show="d.
2022-02-16 18:08:33
6312
原创 react-native打包Android apk
1、生成签名密钥执行命令生成密钥文件my-release-key.keystorekeytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000将它复制到项目的android\app文件夹下(需要记住你设置的“口令”这一项)2、build.gradle配置在app文件夹下的build.gradle文件里找到signingC
2022-01-19 10:06:09
3070
原创 react native定义公共样式表
新建src文件夹与子文件夹common，新建common.jsimport React from 'react';import { StyleSheet} from 'react-native';export default StyleSheet.create( { tx:{ color:"#c4c4c4" } });使用时import HeaderStyle from "./HeaderStyle".
2022-01-17 14:13:17
704
原创 react组件状态同步-状态提升
假设定义组件TemperatureInputSonimport React from 'react'class TemperatureInputSon extends React.Component { constructor(props) { super(props); this.state = { content: '' } } handleChange = (e) => {
2022-01-12 11:33:34
553
原创 css字体阴影+渐变
目前好多都是使用-webkit-background-clip: text;//将文字以外的背景切掉color: transparent;//字体透明background: linear-gradient(to right, #E4C9A0, #AD8B61);//背景只剩下文字部分，渐变即是字体渐变而阴影效果则是使用text-shadow来完成text-shadow:5rpx 2rpx 6rpx #000;两者都没问题，但是两者一结合使用，问题就来了，text-shadow的阴影会
2021-07-02 11:45:18
2198
原创 vue页面切换过度
<template> <div id="app"> <transition :name="transitionName"> <router-view /> </transition> </div></template><script>export default { name: 'App', data(){ return{ transit.
2020-07-01 18:20:50
436
1
原创 小程序统一未登录引导登录界面
include，当然也需要你有nologin的页面啦<view class="container" wx:if="{{isLogin}}"></view> 如果isLogin为否就进入noLogin界面<include src="../noLogin/noLogin"></include>isLogin当然就是你的登录状态管理啦...
2020-07-01 16:45:35
2122
原创 vue单个页面修改背景颜色
beforeCreate () { document.querySelector('body').setAttribute('style', 'background:#fff') }, beforeDestroy () { document.querySelector('body').setAttribute('style', '') }
2020-06-30 17:04:24
1462
原创 vue-cli项目使用百度地图信息窗口按键事件
老规矩，先看效果，点击地图上的小红点会出现这个白色的对话框，然后确认报警信息的4个按钮在这之前如果你没搭建好百度地图的话就需要看一下：https://blog.csdn.net/chaosama/article/details/103238413<div style="height: 520px;width: 100%;" id="container"></div>data(){ return{ alarmList:'' }},moun
2020-06-29 15:05:11
1533
3
原创 css伪元素实现鼠标悬停出现对话框
iconfont icon-shezhi是引入阿里图库的图标 <div class="iconfont icon-shezhi icon"> <div class="dialaing"> <ul> <li>修改密码</li> <li @click="logout">退出登录</li>..
2020-06-13 10:29:46
4968
原创 vue使用echarts画图
本次用到的插件是echarts这里是官网echarts画图插件 这里是图形大全echarts图形大全1、安装npm install echarts2、全局引入(最好按需求引入，否则包大)// 全局引入echartsimport echarts from 'echarts'Vue.prototype.echarts = echarts3、复制粘贴(可以在图形大全链接找到你需要的图形，然后复制进来)<div id="dev-month" :style="{wi..
2020-06-08 18:09:47
1588
原创 vue画图插件echarts
官网：echarts官网先安装npm install echarts --save到main.js引入import echarts from 'echarts'Vue.prototype.echarts = echarts然后就能使用了<div id="myEcharts" :style="{width: '400px', height: '400px',fontSize:'25px'}"></div>mounted() { ...
2020-06-03 18:07:20
2941
原创 vue适配pc各屏幕
项目基础配置使用vue-cli生成自适应方案核心： 阿里可伸缩布局方案lib-flexiblepx转rem：px2rem，它有webpack的loader px2remnpm i lib-flexiblenpm i px2rem-loader然后到main.js引入lib-flexibleimport 'lib-flexible'接下来需要配置px2rem-loader，找到build/utils.js，在const cssLoader={}后面添加const px2re...
2020-06-03 14:16:07
2537
2
原创 vue axios网络请求方法封装
import axios from 'axios'// import qs from 'qs'// import store from '@/store'import router from '../../router/index'// get封装export function getAjax (url, params = {}) { return new Promise((resolve, reject) => { let userInfo = JSON.parse(ses.
2020-06-02 15:55:33
387
原创 小程序修改原组件样式无效
我的天，新建了一个小程序，然后发现以前一直用的样式复制过来竟然变了样，这可为难了我大CV工程师了结果查了资料才发现，是微信小程序的基础样式已经升级到v2版本了，在app.json中有一行把style:v2删掉"style":"v2"一切恢复正常，又能继续复制粘贴之旅，真是开心...
2020-05-20 13:45:25
899
原创 小程序扫码带参进入小程序
登录微信公众平台=>开发=>开发设置=>扫普通链接二维码打开小程序=>添加然后到https://cli.im/url/或者用画布canvas生成一个动态的二维码保存下来生成路径为你txt文件服务器的url加参数...
2020-03-31 18:19:19
1010
原创 全局css表
省去很多时间写重复的css.container {height: 100%; min-height: 100vh; display: flex;flex-direction: column; box-sizing: border-box; background: #f5f5f5;overflow-x:hidden;} view,text{font-size: 13px;}/* P...
2020-03-24 17:37:10
228
原创 vue常用表单校验用类
创建个common.js//校验银行卡号，银行卡校验规则(Luhn算法)function validateBankNo(value) { if (value == "" || !isPositiveInteger(value)) return false; var wei = [], sumOdd = 0, sumEven = 0, length = va...
2020-03-21 17:45:44
494
原创 小程序scroll-view+position: fixed定位底部时内容不显示问题
在开发者工具是没问题，但是在真机上会有这么一个问题：当页面内容无法到达底部的时候，就会出现被position: fixed的view无法显示的问题解决办法就是给scroll-view上高度，height: 100vh;...
2020-03-20 17:38:38
3244
原创 vue图片上传后显示
直接看样子吧,点那个相机可以上传照片，然后在下面显示，可以根据自己的要求更换图片的位置、删除（当然，没做拖拽）单纯改变数组位置，界面是不能刷新的，因为js不检测数组变化，但是会检测数组长度变化html <div class="container"> <div class="c-card-ico"> <d...
2020-03-18 16:15:44
728
原创 html文件引入本地js出现跨域
简单来说其实就是浏览器加载js文件时使用了file协议，而浏览器只相信来自http或者https的，所以才会出现这种跨域问题简单来说如果把该文件丢到一个微型web服务器里面就不会有这种问题，你可以node就有很简单的模型当然，怕麻烦的可以直接下载webstorm，右键该html直接run也是OK的，默认等同一个微型web服务...
2020-03-17 22:13:57
1910
原创 css练习，实现3D效果旋转幻灯片
比较有趣的一个css小练习，注解已经写到代码里面了，直接看就OK了原文来自哔哩哔哩的米修在线视频教学：3D效果｜旋转幻灯片可以看一下作为知识拓展，感觉还不错先来看效果 项目结构index.html<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"&...
2020-03-16 23:16:27
326
原创 flex弹性布局
其实就是讲display:flex的用法，这玩意布局比较常用，可以省去不少功夫以及写floatflex布局中，须知所有布局交由属性去完成，不需要再写更多css；其次，float会直接失去作用。布局中包括justify-content的横向布局，center进行居中，space-between想两侧分布，space-around平均分局，flex-start或者end就是左或者右对齐。a...
2020-03-16 21:15:31
333
原创 js字符串替换函数
ajax的get方法带参上传时，如果目标带有特殊符号时，会导致参数接收错误，所以需要将字符替换为对应编码replace函数(替换对象，目标字符)先到common.js新建一个函数(不懂的可以回头查一下我的往期，有个方法封装的)const detection = function(req){ //req = '皮沙发保养(3+1+1.5座)' req = req...
2020-03-09 17:46:18
486
原创 常见表单隔行变色、某属性值变色、悬停变色
1、隔行变色呢，用到的是结构化伪类<ul> <li>1</li> <li>2</li></ul>li:nth-child(2n+3){ background:#ff0000;}(2n+3)：2行变一次色，从第三行开始2、遇到某属性值变色，实际上用的是属性选择器的一种<ul>...
2020-03-09 00:36:12
601
原创 微信小程序位置授权被取消再授权
小程序地图插件获取授权的时候，用户点了取消，那么就会被默认无法授权，需要用wx.openSetting()方法来打开当前小程序所需要的授权，用户手动开启。（注意，这个方法只有用户自己点击才会生效，所以需要加入过渡页诱导）解决方法：就是在地图插件页面销毁时，做一步判定，map.js//页面销毁时判断位置信息是否授权 onUnload: function () { wx.getS...
2020-02-27 15:15:59
2162
原创 vue网络请求应答封装
标题很大气吧，其实就是请求返回数据的时候，前端根据后端返回而提示用户的信息。那玩意代码虽然不多，但是写多了很烦有没有。所以呢，分享一个方法创建一个common.js的js公共方法文件夹function hint (res) { //在这里做提示处理，当然 alert(res.msg) if(res.code===1){ //code等于1的时候就返回上一层 ...
2020-02-25 17:34:07
779
原创 vue监听当前页面滚动高度
data(){ return{ scroll:'' }},mounted:{ window.addEventListener('scroll',this.handleScroll)},method(){ handleScroll(){ this.scroll = document.documentElement.scr...
2020-02-24 11:58:18
10343
1
原创 vue el-popconfirm的按键事件
先说结论<el-popconfirm title="这是一段内容确定删除吗？" @onConfirm="sub" @onCancel="cancel"></el-popconfirm>饿了么UI的文档并没有给出事件，所以就去源码里面找一下，也就是node_modules里的element-ui文件夹，找到packages/popconfirm组件...
2020-01-09 16:03:14
7844
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人