谢院柯
码龄6年
关注
提问 私信
  • 博客:62,164
    社区:1
    62,165
    总访问量
  • 17
    原创
  • 1,616,097
    排名
  • 6
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:陕西省
  • 加入CSDN时间: 2018-12-17
博客简介:

谢院柯的博客

博客描述:
一些常用的样式和组件
查看详细资料
个人成就
  • 获得24次点赞
  • 内容获得5次评论
  • 获得86次收藏
  • 代码片获得202次分享
创作历程
  • 7篇
    2022年
  • 4篇
    2021年
  • 7篇
    2020年
  • 3篇
    2019年
成就勋章
TA的专栏
  • javascript
    3篇
  • nginx
    1篇
  • vue
    5篇
  • css
    4篇
  • element
    5篇
  • uniapp
    1篇
  • ajax(axios)
    1篇
  • mui框架
    1篇
兴趣领域 设置
  • 前端
    javascript
  • 后端
    node.js
  • 微软技术
    typescript
创作活动更多

超级创作者激励计划

万元现金补贴,高额收益分成,专属VIP内容创作者流量扶持,等你加入!

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

js进入页面控制浏览器缩放比例

控制浏览器缩放为50%
原创
发布博客 2022.08.01 ·
3473 阅读 ·
2 点赞 ·
3 评论 ·
4 收藏

数组方法:array.at()

JavaScript 数组的索引是从0开始的,第一个元素的索引为0,最后一个元素的索引等于该数组的长度减1。我们一般使用方括号通过索引访问数组元素:array[index],如果指定的索引是一个无效值,JavaScript 数组并不会报错,而是会返回 undefined。const array = ['张三','李四','王麻子'];console.log(array[0]) //张三console.log(array[1]) //李四console.log(array[3]) // 当
原创
发布博客 2022.04.22 ·
2401 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

js获取几个月前的时间

获取几个月前的时间var d = new Date();console.log(d)d.setMonth(d.getMonth() - 3);d.toLocaleDateString();cosnole.log(d.toLocaleDateString();)
原创
发布博客 2022.04.22 ·
1485 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue项目优化及首页白屏过渡

最近搞项目优化 也是很头大 所以做一个记录 不是很全慢慢补吧!!!注意代码复用性入口文件注意 组件的按需引入 避免入口文件过大1.组件动态导入原始导入://导入:import home from "./component/home"//注册:component:{home}动态导入:(按需加载)components:{home:()=>import("./component/home")}2. 路由懒加载Vue是单页面应用,路由较多,Webpack打包后文件很大。
原创
发布博客 2022.04.01 ·
699 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

前端gizp压缩配置

!!!目前项目用到的是 vue 和 nginx 简单阐述 用到其他的会进行补充打包的时候开启gzip可以很大程度减少包的大小,非常适合于上线部署。更小的体积对于用户体验来说就意味着更快的加载速度以及更好的用户体验。1. 安装依赖:compression-webpack-pluginnpm install --save-dev compression-webpack-plugin高版本可能会有不兼容问题npm uninstall --save-dev compression-webpack-
转载
发布博客 2022.04.01 ·
423 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

CSS 实现跑马灯效果 开箱即用

html<div class="marquee-box"> <div class="marquee-content" :style="{animationDuration: marqueeStr.length * 0.2 + 5 + 's'}"> {{marqueeStr}} </div> </div>变量this.marqueeStr= "跑马灯!!!跑马灯!!!"css@keyf
原创
发布博客 2022.03.22 ·
2213 阅读 ·
1 点赞 ·
0 评论 ·
3 收藏

css 隐藏滚动条 兼容

* { -ms-overflow-style:none; /* Edge */ scrollbar-width: none; /* Firefox */}::-webkit-scrollbar { display: none; /* Chrome */}参考:https://developer.mozilla.org/zh-CN/docs/Web/CSS/scrollbar-widthhttps://developer.mozilla.org/zh-CN/docs/Web/CSS/scr
原创
发布博客 2022.01.26 ·
616 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

常用正则记录

常用正则 ,先做记录 遇到补充1.用户名校验,4到16位(字母,数字,下划线,减号)/^[a-zA-Z0-9_-]{4,16}$/2.帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线组合/^[a-zA-Z]\w{4,15}$/3.密码强度校验,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符/^\S*(?=\S{6,})(?=\S*\d)(?=\S*[A-Z])(?=\S*[a-z])(?=\S*[!@#$%^&*? ])\S*$/4.email(
原创
发布博客 2021.11.16 ·
870 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

vue组件强制刷新 数据刷新值页面不做渲染问题

vue组件强制刷新,,, (1)常用v-if<!-- v-if根据表达式的值的真假条件销毁或重建元素,以达到元素或组件重新渲染,不推荐使用 会闪屏--><Provinces v-if="show"></Provinces> (2)this.$forceUpdate手动强制刷新<Provinces @click="refresh"></Provinces>refresh(){ this.$forceUpdate()} (3):
原创
发布博客 2021.08.24 ·
549 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

element el-form-item循环校验

循环数据代码效果上代码咯1.el-form-item 循环<el-row class="periodClass" v-for="(item,index) in dataFrom.balance_batch_data" :key="index"> <el-col :xl="5" :lg="5" :md="12"> <el-form-item label="阶段:" :prop="`balance_batch_data.${index}.period_text`"
原创
发布博客 2021.03.18 ·
1825 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

vue数据监听 及 子组件初始化watch监听不到props数据

222222222
原创
发布博客 2021.01.22 ·
4532 阅读 ·
2 点赞 ·
0 评论 ·
11 收藏

js日期格式化

// 日期格式化 dateFormat(fmt, date) { let ret; const opt = { "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth() + 1).toString(), // 月 "d+": date.getDate().toString(), // 日
转载
发布博客 2020.09.22 ·
340 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

element e-table表格错位问题

//一般是表头错位body .el-table th.gutter{ display: table-cell!important;} body .el-table colgroup.gutter{ display: table-cell!important;}
原创
发布博客 2020.09.19 ·
357 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

element (vue) 组件传值 组件初始化 强制刷新

强制刷新 $forceUpdate()![在这里插入图片描述](https://img-blog.csdnimg.cn/20200914112225863.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEzMDMwOA==,size_16,color_FFFFFF,t_70#pic_center)...
原创
发布博客 2020.09.14 ·
2610 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

element el-dialog弹窗拖拽,边界线问题

1、建一个js文件 elDialog.js文件 复制即可import Vue from 'vue'// v-dialogDrag: 弹窗拖拽属性Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header'); const dragDom = el.querySelector('.el.
转载
发布博客 2020.09.11 ·
771 阅读 ·
3 点赞 ·
1 评论 ·
3 收藏

element tree树结构 “右键自定义菜单” 以及 “修改元素样式” 踩坑

水水水水水水水水
原创
发布博客 2020.09.01 ·
1842 阅读 ·
2 点赞 ·
0 评论 ·
1 收藏

VUE 发送ajax请求(axios)

1、安装cnpm install --save vue-axios1.2、如果是跨域请求,则需要安装cnpm install --save axois什么是跨域? 疑问?http://localhost:8088/user和http://localhost:8080/PsychoSys是一个域么?是一个域名但不是一个端口号!域名相同端口号不同是跨域请求么?是跨域请求!...
转载
发布博客 2020.08.27 ·
792 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

css实现瀑布流布局

1.column 多行布局实现瀑布流column 实现瀑布流主要依赖两个属性。一个是 column-count 属性,是分为多少列。一个是 column-gap 属性,是设置列与列之间的距离。 <style> .box { margin: 10px; column-count: 3; col...
原创
发布博客 2020.04.30 ·
5550 阅读 ·
1 点赞 ·
0 评论 ·
8 收藏

常见的url传参

常见的url传参*如果页面是复用的不建议使用url多个传参,可以考虑使用Storage存储传定值url="https://www.baidu.com?data=123"传变量 (data1为你需要传的变量)url="https://www.baidu.com?data=" + data1传定值(多个)url="https://www.baidu.com?data=123&am...
原创
发布博客 2019.10.16 ·
27154 阅读 ·
8 点赞 ·
0 评论 ·
43 收藏

MUI移动端页面跳转

MUI移动端页面跳转跳转方法二:添加监听事件跳转document.getElementById(‘at’).addEventListener(‘tap’,function(){//alert(‘test a’);mui.openWindow({url:‘details/detail.html’,id:‘detail.html’});});添加监听事件对所有跳转都有效,但是在验证...
转载
发布博客 2019.04.17 ·
348 阅读 ·
1 点赞 ·
1 评论 ·
0 收藏
加载更多