前端
关注
分享
扫一扫
chaosama
这个作者很懒，什么都没留下…
展开
-
富文本添加网络图片，有些网站的图片可以有些不行
不行的报这个错可以的报响应这个这个是因为别人设置了拦截，不在白名单里的域名是无法访问该网站的资源(也就是跨域)。如果前端的请求头已经设置了sec-fetch-mode:no-cors那么此题前端无解原创 2022-06-21 16:34:40 · 346 阅读 · 1 评论 -
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 · 1544 阅读 · 0 评论 -
查找内容重点文字变色
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 · 551 阅读 · 0 评论 -
js的防抖
debounce(fn,wait){ let timer; return function () { clearTimeout(timer); timer = setTimeout(() => { ...原创 2022-03-02 10:22:03 · 388 阅读 · 0 评论 -
在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 · 6712 阅读 · 0 评论 -
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 · 2270 阅读 · 0 评论 -
vue单个页面修改背景颜色
beforeCreate () { document.querySelector('body').setAttribute('style', 'background:#fff') }, beforeDestroy () { document.querySelector('body').setAttribute('style', '') }原创 2020-06-30 17:04:24 · 1497 阅读 · 0 评论 -
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 · 411 阅读 · 0 评论 -
鼠标移动到某处出现被隐藏的div
其实也就是:hover到div的时候将被隐藏的div accout的display:none修改为block。(visibility的hidden与visible也可以;)其实说白了就是css选择器的一个问题<!DOCTYPE html><html> <head> <title>tiantueadmin</title>...原创 2019-12-05 11:12:20 · 418 阅读 · 0 评论 -
阿里图库使用以及uni引入时注意事项
阿里图库：https://www.iconfont.cn/选择需要的图标加入购物车，然后在购物车里添加到“项目”里，然后点击“下载到本地”。将css文件放到本地的静态文件夹中，在需要使用的地方引入就OK了，class="iconfont icon-***"就能使用了：***就是.icon-tupian之类的命名。但如果使用uni的话，引入需要注意，会提示找不到font....原创 2019-10-19 09:51:15 · 414 阅读 · 0 评论 -
a标签在线客服咨询、邮箱反馈、页面使用logo等功能
今天来看一下一个神奇的<a>标签，那会都忘了这玩意的作用总所周知的用来做链接，target的值就是链接以什么方式打开，"_blank"在空白页打开<a href="baidu.com" target="_blank">跳转到百度</a>但是它还有别的功能1、QQ在线咨询功能<a href="tencent://message/?ui...原创 2019-09-23 16:56:45 · 2227 阅读 · 0 评论 -
普通jQuery与vue重写input file事件
还是先看效果图，点击选择就自动触发事件了，不用再点上传其实代码挺简单的：先是写了一个img一个input，然后把input隐藏掉(visibility: hidden，display是直接不加载要注意)，然后图片点击事件时重写input的click事件，然后使用监听当input的值发生改变时，change触发上传事件。就ok了本地图片不显示的话就qualificationCerti...原创 2019-09-17 14:15:29 · 720 阅读 · 0 评论 -
switch语句判断学生成绩等级
在知乎那看到一个问题求学生成绩分段的问题，属于面试题也是大学时代的题，于是啊就出现了知友朋友这样的代码emm~~~~~~嘛....也不是不行，至少别人解决了需求对不，有个简单优化的版本 //顺便说一句，如果这样写也可以 case 1 case 2: case 3: console.log(“不及格”) ...原创 2019-09-16 17:08:30 · 11343 阅读 · 0 评论 -
vue父组件向子组件传值和方法
在开始前，我们先开科普下父子组件的关系，简单来说：谁被引入，谁就是子组件；谁引入，谁就是父组件。所有的组件都可能是子组件，比方说你爸爸可以有3个儿子(子组件)，同时你爸爸也是你爷爷的N个儿子之一，而你，也可以有N个儿子。具体的话可以找下各位大佬的父子组件关系贴，这里不多赘述直接开始。Refund.vue文件通过props:["lists","goDetails"]来接收父组件传过来的lis...原创 2019-09-11 11:28:08 · 326 阅读 · 0 评论 -
JavaScript0.11+0.1= 0.21000000000000002
这个嘛，上学时期的一个JavaScript弱语言小数点失精问题，大清早就亡了，各大博主分析得很好了，可以去看下，，话不多说直接上解决parseFloat((0.11+0.1).toPrecision(2))...原创 2019-08-21 11:16:27 · 233 阅读 · 0 评论 -
TortoiseGit使用
1，对着项目文件夹右键>git克隆，URL是线上的git地址。(新项目需要提交到主分支然后推送，才能创建主分支)2，右键创建分支，输入分支名字3，右键切换/检出完成后右键同步或者提交就行了2、如果是已经存在的项目，那么只需要在git上复制到地址，然后右键D盘空白处，然后点克隆，就可以了...原创 2019-08-22 17:15:33 · 230 阅读 · 0 评论 -
vue路由跳转的几种方式
1、点击组件直接router-link跳转<div> <router-link to="/Property/Devices">跳转</router-link></div>2、js跳转this.$router.push('/Property/Devices')3、路由传参this.$router.push({name...原创 2019-08-22 18:06:04 · 251 阅读 · 0 评论 -
vue生成二维码并分享
首先，先看下这个玩意qrcode ，不管怎么说，先 npm installqrcode,然后引入import QRCode from "qrcode"然后到去写下组件定义个画布<div> <canvas id="QRCode"></canvas></div>下面是喜闻乐见的JS时间data () { ...原创 2019-09-02 15:21:24 · 1872 阅读 · 1 评论 -
vue获取当前url参数
公司要从注册界面手动加上一个参数给我，我负责返回去给他们，不带的时候也能正常进入注册界面，类似于推荐人分享那样。不过嘛，咱只是个小前端，咱不知道，咱也不敢问，大佬让做什么就做什么。url例子：http://172.16.1.140:8080/#/Invite?refererCode=123this.refererCode = this.$route.query.refererCode...原创 2019-08-28 15:32:49 · 3374 阅读 · 1 评论 -
vue的链接去除#号
在路由里面加上这句mode: 'history'export default new Router({ mode: 'history', routes: [{ path: '/', redirect: 'Index' }]}]但是这个需要后端的配合https://blog.youkuaiyun.com/weixin_41224029/article/details/8...原创 2019-08-31 15:45:24 · 381 阅读 · 0 评论 -
vuex的使用与部署
由于store会随着项目大起来的话，再写在同一个js里面的话，维护起来会非常困难，至少，会很头疼。所以可以考虑这样部署到src文件夹新建一个store文件夹，新建一个Index.js(模块名根据你的需要起)const Index = { state: { active: 0, communitieName: '' }, mutations: { // 添加...原创 2019-08-31 17:02:54 · 303 阅读 · 0 评论 -
vue登录过期重定向和请求拦截器
以下代码可以放在同一个js文件里面登录过期重定向// http response 响应拦截器 登录过期重定向axios.interceptors.response.use(response => { switch (response.data.code) { case 104: alert('登录已经过期，请重新登录') setTimeout(...原创 2019-08-31 17:31:05 · 5304 阅读 · 3 评论 -
从0开始搭建一个vue项目
从0开始搭建一个vue项目为毛要写这个呢，主要是闲得蛋疼和不想接手一些一涉及把线下接口改到线上接口就要全部vue文件各种找(url全局)，和vuex的store.js里面放完全部的数据，一页一千多行的见过没。其实这章主要讲如何让项目好管理点和防止接手人拿刀上你家喝茶，是摆脱菜鸡通往初级的必经之路。1、vu...原创 2019-09-03 10:39:25 · 1043 阅读 · 0 评论 -
sessionStorage存取值的用法
存一个key为initialize的值，而我把获取到的数据封成对象sessionStorage.setItem('initialize', JSON.stringify(res.data.data))取值嘛根据这个key去取，记得解析对象，不然结果就是获取到的是字符串而不自知，还在点都不出值。JSON.parse(sessionStorage.getItem('initializ...原创 2019-08-06 10:22:04 · 6909 阅读 · 0 评论 -
js es6常用小知识
1、es6之扩展运算符 三个点（…）： (1)数组合并aaa: [1,1,2],bbb: [2,4,3]console.log([...this.aaa, ...this.bbb])//[1, 1, 2, 2, 4, 3] (2)对象名去重复拼接，aaa: {a: 1, b: 2},bbb: {a: 3, c: 2}console.log({...this.aa...原创 2019-09-03 14:58:19 · 167 阅读 · 0 评论 -
vue element el-dialog支付小弹窗
先看样子吧到components里面建一个pay.vue文件<template> <el-dialog title="扫码支付" width="300px" :close-on-click-modal="false" :visible.sync="dialogFormVisible"> <div v-if="!status"> <...原创 2019-09-05 14:31:35 · 1398 阅读 · 0 评论 -
初始化样式表
很多人不大明白为毛要在写代码前初始化样式表，其实就好比如：你发现你写网页的时候，边边总是会留白，怎么办呢。，在body设置margin:0;padding:0;就OK了。下面是初始化样式表，根据个人设置不同的样式，也可以用*号全设置了body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,s...原创 2019-09-06 00:03:40 · 432 阅读 · 0 评论 -
vue 移动端H5非内置浏览器发起微信、支付宝支付
该贴只说前端部分，后端人员绕路哈。先调用统一下单接口后1、微信部分，后端会返回一个url给你，"mweb_url":"https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx********************&package=162****"直接跳转就行了。(最后提醒句：提示服务商参数缺失的话...原创 2019-08-21 16:52:13 · 1744 阅读 · 1 评论