工作类
戒不掉的伤怀
PHP开发!web前端开发!
展开
-
sum(1)(2,3)(2,8,10) 求和
sum(1)(2,3)(2,8,10) 求和转载 2023-03-06 10:49:38 · 117 阅读 · 0 评论 -
js 实现 判断字符串中的手机号以及替换成****
js 正则,判断是否包含手机号原创 2022-11-01 15:31:49 · 758 阅读 · 0 评论 -
vuex 中使用了modules,如何在页面中调用actions里面的方法
vuex modules原创 2022-10-19 17:03:55 · 934 阅读 · 0 评论 -
echarts主题切换时页面不刷新问题
解决办法,在重新渲染之前,先给他清空在渲染。原创 2022-09-05 10:22:23 · 636 阅读 · 0 评论 -
微信小程序swiper轮播图,修改指示点样式
微信小程序 swiper 指示点位置,轮播,原创 2022-08-05 17:56:52 · 772 阅读 · 0 评论 -
vue 测试环境配置test
注意日常开发是用生产环境的,如果发布到线上时,需要切换环境为线上。如果人为去切换也是可以的,但是会容易忘记,可以通过配置不同的运行命令来自动切换环境。一种是测试环境,就是测试人员使用的服务环境。一种是生产环境,就是要发布到线上的环境。一种是开发环境,就是本地开发时的环境,时,经常用到多种环境。............原创 2022-07-27 09:59:59 · 3444 阅读 · 0 评论 -
js 小数计算精度丢失
代码】js小数计算精度丢失。原创 2022-07-27 09:18:28 · 567 阅读 · 0 评论 -
web知识小栈
webjs 知识原创 2022-07-26 08:45:55 · 118 阅读 · 0 评论 -
uniapp 小程序获取头像方法
小程序,uve原创 2022-06-24 10:59:34 · 732 阅读 · 0 评论 -
小程序沉浸式导航栏轮播图定格展示
"navigationStyle": "custom" 在配置文件中显示:"window":{ "backgroundTextStyle":"dark", "navigationBarBackgroundColor": "#000000", "navigationBarTitleText": "chengs城市之光", "navigationBarTextStyle":"white", "navigationStyle": "custom" },...原创 2022-06-17 09:24:59 · 257 阅读 · 0 评论 -
小程序表单动态绑定值input
小程序表单动态绑定值input原创 2022-06-15 09:47:41 · 470 阅读 · 0 评论 -
npm 安装插件报错卡停
问题一般情况是因为代理问题,npm代理和git代理都要设置。首先确认网络是否需要设置代理。去掉npm代理去掉git 代理原创 2022-06-07 09:49:47 · 310 阅读 · 0 评论 -
vue中的refs动态获取,以及checkbox默认选中判断
ref refs 动态获取 dom vue checkbox选中原创 2022-06-07 09:39:23 · 1073 阅读 · 0 评论 -
npm 安装依赖失败,proxy 问题
npm 安装依赖失败,proxy 问题执行删除npm代理npm config delete proxynpm config delete https-proxy执行删除git代理git config --global --unset http.proxygit config --global --unset https.proxy原创 2022-06-15 09:44:54 · 351 阅读 · 0 评论 -
动画实现div左右摆动
1,使用特点:animation 作为延迟时间 ,和触发css的操作transform :百分百操作,上面的延迟动作2,呈现效果3,代码实现<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <title>主页面</title> </head><body>..原创 2022-03-31 10:04:13 · 747 阅读 · 0 评论 -
wx微信小程序实现通讯录
微信 通讯录原创 2021-12-21 16:39:22 · 5447 阅读 · 0 评论 -
vue中引入使用wangEditor
官网介绍:wangEditor - 轻量级 web 富文本编辑器vue 使用wangEditor - 轻量级 web 富文本编辑器原创 2021-12-15 17:16:24 · 2113 阅读 · 2 评论 -
字节跳动面试题,【1,2,3】
1. 代码运行后会输出什么结果?请写出来2. 如果希望每隔1s输出一个结果,应该怎么改?请修改里面的代码<script> const list = [1, 2, 3]; const square = num => { return new Promise((resolve, reject) => { setTimeout(() => { resolve(num * num); .原创 2021-12-13 19:08:42 · 2081 阅读 · 2 评论 -
微信小程序封装wx.request
第一步:在util文件夹中,新建一个文件api.js-----将可以提纯的代码分别写入文件中const GET = 'GET';const POST = 'POST';const baseURL = 'https://www.xxxxx.cn/';//配置的域名function request(method, url, data) { return new Promise(function(resolve, reject) { let header = {原创 2021-11-12 14:50:26 · 472 阅读 · 1 评论 -
swper实现分页器样式修改
第一步:设置分页器自定义样式 var mySwiper = new Swiper ('.swiper-container', { direction: 'horizontal', // 垂直切换选项 loop: true, // 循环模式选项 autoplay: { delay: 1000, }, pagination:{ el: '.swi原创 2021-08-04 10:09:15 · 683 阅读 · 0 评论 -
css 解决透明度穿透问题
一般情况下,透明度设置opacity:0.6;会导致子元素继承 这个值,即使设置了opacity: 1 也是在原来0.6的基础上实现的透明,所以想要解决这个问题,需要改变思路!background: rgba(24, 23, 23, 0.5);去实现透明度,就不会被继承方法2:设置opacity: 的时候,单独给他弄个div,让他定位也可以,不要让他有子元素...原创 2021-08-04 10:05:43 · 1830 阅读 · 0 评论 -
css图片旋转点击暂停
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script><div id="audio_btn" class="rotate"> </div><audio loop src="daoxiang.mp3" id="media" autoplay="" preload="" controls></audio><.原创 2021-06-29 11:38:14 · 909 阅读 · 1 评论 -
vue中的作用域插槽
子组件中:<slot :bk="n"></slot>父组件中: <myciv> <template slot-scope="a"> {{a.bk}} </template> </myciv>a,就相当于原创 2021-06-18 15:01:13 · 84 阅读 · 0 评论 -
vue,使用elementui,实现表格点击每一行换个颜色
<template> <div> <template> <el-table :data="tableData" style="width: 100%" @row-click="clickData" :row-class-name="tableRowClassName" > <el-table-column .原创 2021-06-16 17:23:14 · 632 阅读 · 0 评论 -
uniapp使用vant ui方式
参考链接:https://www.jianshu.com/p/5dcada1d8f8d里面github参考:转载 2021-06-15 19:07:04 · 895 阅读 · 0 评论 -
html+css 实现两行或者多行显示省略号
<div > <p class="rek">fgagkasfksfkaskfadfasfsdfasdfsdfasd</p></div><style> .rek{ width: 100px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 *.原创 2021-06-10 15:59:19 · 158 阅读 · 0 评论 -
js函数的节流和防抖
js-》函数的节流和防抖1、函数防抖(debounce)原理:每次触发事件时设置一个延迟调用方法,每次触发都会先清空上一次的延时器,然后重新调用方法缺点:如果事件在规定的时间间隔内被不断的触发,则调用方法会被不断的延迟 function debounce(fn, wait) { var timeout = null; return function() { if(timeout !== null) clearTimeout(timeout);原创 2021-05-14 09:53:03 · 149 阅读 · 0 评论 -
vue 中使用animate.css
第一步安装:npm install animate.css --save或者使用cnds外链方式:在public里面的index.html里面写<link> 标签<link href="https://cdn.jsdelivr.net/npm/animate.css@3.5.1" rel="stylesheet" type="text/css">第二步:如果使用了npm安装 需要在main.js中注册import animate from 'animate原创 2021-04-29 09:22:16 · 282 阅读 · 3 评论 -
js 面试题第一部分
1,用js实现数组反转方法一:var arr = [1,2,3,3,4]arr.reverse();方法二:var arr = [1,2,3,3,4]var newArr = Array()for(var i = 0;i<arr.length;i++){ newArr.unshift(arr[i])}console.log(newArr)方法三:a = [1,2,3]newarr = [...a].map(a.pop,a)console.log(new原创 2021-04-13 16:16:17 · 160 阅读 · 0 评论 -
小程序 面试题
1,小程序组件和组件之间怎样实现通讯?父传子属性传递属性必须在properties 里边进行声明properties: { pdata:{ type:String }},子传父发送事件:triggerEventonTap: function () { var myEventDetail = {} // detail 对象,提供给事件监听函数 var myEventOption = {} //触发事件的选项 this . triggerEvent原创 2021-04-13 16:08:01 · 97 阅读 · 0 评论 -
vue 面试题
1,vue使用的是什么模式?请具体介绍一下这种模式 mvvmmodel (模型层) axios data vuex(state)view (视图层) template < template>< /template>viewmodel(传递者)是双向绑定实现的机制2,v-if和v-show有什么区别v-if控制的是dom的销毁和创建v-show只是控制dom的css中 display属性触发的生命周期 v-if 显示:创建 挂载 隐藏:销原创 2021-04-13 15:59:31 · 259 阅读 · 0 评论 -
vue 总结
1,vue自带的指令-》v-ifv-elsev-showv-forv-modelv-bindv-onv-slotv-oncev-clockv-textv-htmlv-自定义2,vue的自带属性和方法directive :自定义指令computed :计算属性filters :过滤器methods :定义方法的地方component :组件watch :监听生命周期 8个钩子函数路由守卫等,钩子函数3,axios 使用和封装i原创 2021-04-13 15:48:41 · 84 阅读 · 0 评论 -
css 盒子垂直居中
方法一:flex.box{ display: flex; justify-content:center; align-items:Center;}方法2:table-cell.box{ display: table-cell; vertical-align: middle; text-align: center; }方法3:定位.box span{ width: 50%; height: 50%; backgr原创 2021-04-13 15:33:20 · 80 阅读 · 0 评论 -
jquery 的ajax请求 方式方法
$.ajax({ type: "post", url: "/api/", data: {username:username,password:password}, //提交到demo.php的数据 dataType: "jsonp", //回调函数接收数据的数据格式 success: function(data){ var json = eval('(' + data + ')'); if(json.code == 0){ //成功 }else{ //失败 } },原创 2021-04-09 16:24:26 · 123 阅读 · 0 评论 -
js中数组排序 二维数组 sort
排序sort根据score排序(第一列排序)let list = [ { name: "小明", score: ["100", "80", '90'] }, { name: "小张", score: ["90", "20", '90'] }, { name: "小李", score: ["70", "80", '50'] }, ]; list = list.sort((a, b)=>a.score[0]-b.score[0])原创 2021-04-09 16:22:58 · 380 阅读 · 0 评论 -
elementUI--表格变成可编辑状态
<template><div> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column><el-table-column label="姓.原创 2021-04-09 16:17:02 · 454 阅读 · 0 评论 -
vue axios封装
import axios from 'axios';axios.defaults.timeout = 30000;// 添加响应拦截器axios.interceptors.response.use(function (response) { //可以写if判断,提前拦截错误信息 return response;}, function (err) { return Promise.reject(err);});export function apiGet(原创 2021-04-09 15:34:23 · 1220 阅读 · 0 评论 -
vue 引入echart使用
第一步:安装echarts依赖cnpm install echarts -S第二步:在main.js中全局引入import * as echarts from 'echarts';Vue.prototype.$echarts = echarts第三步:在你的组件或页面中 a.vue<div id="myChart" :style="{width: '600px', height: '600px'}"></div>js部分代码:export defau原创 2021-04-09 11:43:36 · 1148 阅读 · 0 评论 -
vue 配置代理proxy
vue 2.0 配置方式:在config目录中找到index.js '/api': { //代理地址 target: 'http://10.1.0.34:8000/', //需要代理的地址 changeOrigin: true, //是否跨域 secure: false, pathRewrite: { '^/api': '/' //本身的接口地址没有 '/api' 这种.原创 2021-03-24 11:34:31 · 458 阅读 · 0 评论 -
vue的事件修饰符
在Vue中通过事件修饰符阻止,vue给我们提供了丰富的事件修饰符 .prevent,阻止默认行为 .stop, 阻止事件冒泡 .capture 冒泡改为捕获 .self 只处理自己身上的事件,不理会冒泡或捕获 .once 一次性事件,只执行一次 .native 触发原生的事件(有时发现用一些第三方的组件库时,例如一个封装好的button按钮,绑定点击事件却没有任何作用,这时便需要加 .native) ...原创 2021-03-24 11:29:24 · 65 阅读 · 0 评论