- 博客(83)
- 收藏
- 关注
原创 CSS变量及其使用
继承自上而下继承,父类无法获取子类中定义的变量定义方式(--开头,大小写敏感)CSS定义body { --theme: #000000}JS定义<script> document.body.style.setProperty('--theme', '#000000')</script>使用方式(变量定义完成后只能作为属性值使用).container { color: var(--theme, #00FF00); // 第二个参数为
2022-03-08 16:15:41 231
原创 重置element的白色按钮点击之后的样式
restoreElementButtonStyle: function (event) { let target = event.target if (target.nodeName === 'I' || target.nodeName === 'SPAN') { target = event.target.parentNode } target.blur()}
2022-01-20 10:58:43 836
原创 虚拟列表在chrome中实现触底加载的时候出现无限触底
在滚动容器上增加样式,清除chrome的滚动锚点设置::v-deep .el-scrollbar__wrap { overflow-anchor: none;}
2021-08-25 15:49:20 182
原创 popper跟随鼠标在容器内移动
使用插件:popper.jshttps://popper.js.orgHTML<div id="popper" class="popper-box" v-show="showPopper">{{ popperString }} <div class="arrow" v-show="showPopper"></div></div>CSS.popper-box { pointer-events: none; dis
2021-06-29 14:52:53 470
原创 el-radio模拟多选
<div class="question-option" v-for="(v, i) in questionDetail.options" :key="i"> <el-radio @click.native="handleClick" v-model="answer[i]" :name="`${i}`" :label="1" >{{arrayAZ[i]}}、{{v.option_title}}</el-radio></d.
2021-04-17 16:06:16 773 1
原创 element-ui el-table字段联合检索(后点击的作为次要条件)
示例:这个表格需要联合检索dueDate和essaySubmissionDeadline特殊需求:后点击进行筛选的列,后端需要作为联合检索的次要条件所以考虑使用::header-cell-class-name & @sort-change 实现功能<el-table empty-text="No Data" :data="tableData" style="width: 100%" :header-cell-class-name="handleThe
2021-04-01 15:05:36 440
原创 父页面和iframe页面之间信息传递的方式——postMessage
parent page:document.querySelector('iframe').contentWindow.postMessage({ type: 1, msg: 'postMessage TEST parent -> son'})son page:let that = thiswindow.onmessage = function (e) { // e.data --接收到的字符串。 // e.source ---发送窗口所在的域。 .
2021-01-29 11:53:45 523
原创 laravel-excel导出的时候写入的日期格式数据怎么在excel中正确显示成可以筛选的日期格式数据
public function export($title, $cellData, $columnFormatArr = []) { ini_set('memory_limit', '500M'); set_time_limit(0);//设置超时限制为0分钟 Excel::create($title, function ($excel) use ($cellData, $columnFormatArr) { $excel.
2021-01-27 14:12:03 1076
原创 vue-quill-editor 实现撤销功能和还原功能的富文本编辑框
<template> <div class="editor-container"> <quill-editor v-if="showEditor" v-model="content" ref="myQuillEditor" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event..
2020-08-08 15:39:45 3979
原创 laravel html转pdf和转图片 (laravel-snappy的使用记录)
使用前提:wkhtmltopdfhttps://wkhtmltopdf.org/downloads.html安装:composer require barryvdh/laravel-snappyconfig中的app.js中providers中添加Barryvdh\DomPDF\ServiceProvider::class,aliases中添加'PDF' => Barryvdh\Snappy\Facades\SnappyPdf::class,'SnappyIma
2020-07-18 15:09:32 1926
原创 laravel api模式设置cookie
$cookie = Cookie::make('user_info', json_encode($data), $minutes);return response()->json($response)->withCookie($cookie);
2020-07-02 15:07:17 780
原创 vue窗口大小监听以及el-scrollbar的warp宽度设置以及滚动条高度调整
data () { return { screenWidth: document.body.clientWidth } }, mounted () { // 监听窗口大小 window.onresize = () => { return (() => { this.screenWidth = docu...
2020-04-18 11:17:58 4599
原创 laravel设置ORM关联关系(分表相关)
注意适用场景:仅需要获取到某个记录对应的数据,不适用于需要进行with内部进行where判断的场景,其他分表场景建议使用数据库中间件处理示例:tests与records表1对多关系1:records模型如下<?phpnamespace App;use Illuminate\Database\Eloquent\Model;class Record extends Mo...
2020-03-20 17:56:37 1011
原创 laravel临时暴露隐藏属性/隐藏显示属性
$user = User::where('id', 1)->get();$user->makeVisible('attribute')->toArray();$user->makeHidden('attribute')->toArray();
2020-03-04 16:36:42 1091
原创 谷歌/火狐 输入框选择历史记录之后输入框变色处理
/deep/ input filter: none !important;/deep/ input:-webkit-autofill -webkit-box-shadow: 0 0 0px 1000px rgba(245,248,249,1) inset;
2020-02-14 11:16:49 354
原创 strtotime函数在使用-1 month, +1 month, next month避免自动规范化出现日期出错
直接使用strtotime("-1 month"),会在大小月的时候出现错误,例如12月31的时候得到的是12月1号而不是11月30增加参数就可以避免规范化导致的出错strtotime("last day of -1 month")strtotime("first day of -1 month")...
2019-12-31 09:58:06 614
原创 Android Studio 宏命令 保存的时候自动格式化Dart文件
开启宏命令录制:Edit - Macros - Start Macro Recording命令Code - Reformat Code with dart formatCode - Optimize ImportsFile - Save All结束宏命令录制:Edit - Macros - Stop Macro Recording命名之后在File - Settings -...
2019-11-23 17:14:14 1210
原创 mysql 上周数据(周一指定事件到下周一同事件) 指定时间段 按时分秒排序
排序条件:1:周一三点到下周一三点为一周事件,周一为一周结束点yearweek( date_format( DATE_SUB( `tests`.`updated_at`, INTERVAL 3 HOUR ), '%Y-%m-%d'), 1) = (yearweek(now(), 1) - 1)2:指定21:00:00-...
2019-11-12 17:20:09 288
原创 穿透上层dom触发下层dom的事件
在上层dom的css上加上pointer-events: none在下层dom的css上加上pointer-events:all就可以穿透上层dom触发下层dom上的事件了
2019-11-12 09:30:29 1706
原创 mysql根据一个字段分类,不同分类下按照不同字段排序
例子是按照is_publish分类(0/1)0的时候按照created_at倒序,1的时候按照deadline倒序SELECT *FROM `test` AS tORDER BYIF ( (`t`.`is_publish` = 0), 0, `t`.`deadline`) DESC,`t`.`created_at` DESC...
2019-10-22 16:32:03 1305
原创 canvas绘制一个可以让鼠标hover在点上的时候弹出小窗的折线图
<template> <div> <Card :type="3" :performanceData='performanceData' /> <div class="card-container"> <div class="card-title">周正确率走势</div> <...
2019-10-16 17:10:23 1980 1
原创 css 文本超出容器宽度的时候替换成...显示
overflow: hidden;table-layout:fixed;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;
2019-10-08 14:48:56 244
原创 在一个子组件中调用另一个子组件的方法
// 在父组件中中转<headNav @onSend="onSend"></headNav><Reading ref="reading"></Reading>methods: { onSend () { this.$refs.reading.onSend() }},
2019-09-20 16:14:01 5083 3
原创 Vue中父窗口新开的子窗口关闭的时候刷新父窗口
mounted () { // 注册监听 window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))},destroyed () { // 非窗口关闭的跳转直接卸掉监听 window.removeEventListener('beforeunload', e => this.b...
2019-09-20 15:22:07 7546 5
原创 vue中使用cookie存储数据
setCookie: function (cname, cvalue, exdays) { let d = new Date() d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)) let expires = 'expires=' + d.toUTCString() document.cookie = cname + '...
2019-09-11 14:16:57 9025
原创 element-ui 下拉选框直接获取整个option上绑定的数据
<el-select v-model="value_item" placeholder="请选择项目" @change="handlerSearch($event, 2)"> <el-option v-for="item in options_item" :key="item.projectId" :label="item.projectName...
2019-08-30 10:19:00 3131
原创 用Laravel-Mix为Vue按需加载的文件添加版本号
const mix = require('laravel-mix');/* |-------------------------------------------------------------------------- | Mix Asset Management |--------------------------------------------------------...
2019-08-06 14:32:54 840
原创 element+vue 自定义播放器组件
只控制能不能重复播放和拖拽进度,2个参数theUrl和type<template> <div class="di main-wrap" v-loading="audio.waiting"> <!-- 这里设置了ref属性后,在vue组件中,就可以用this.$refs.audio来访问该dom元素 --> <audio ...
2019-08-06 14:22:04 2883
原创 Vue中的:class的使用
一个样式:class="{makeColor:username!=''}"多个样式(三元):class="[email!=''?'makeColor':'',result.email===false?'makeColorRed':'']"
2019-01-29 16:53:59 52819
原创 laravel-excel进行导入
前端<input id="fileSelect" name="fileSelect" ref="inputer" type="file"/><button class="btn btn-danger" style="margin-bottom: 10px;" @click="fileupdate">导入&
2018-12-28 13:59:18 584
原创 laravel中使用laravel-excel进行导出
composer require "maatwebsite/excel:~2.1.0"在config/app.php中注册服务提供者到providers数组Maatwebsite\Excel\ExcelServiceProvider::class,在config/app.php中注册门面到aliases数组'Excel' => Maatwebsite\Excel\Fac...
2018-12-28 10:31:13 1630
原创 mysql查询字段中存在某个值
select 字段名from 表名where locate('1',字段名)select 字段名 from 表名where 字段名like '%1%'select 字段名 from 表名where find_in_set('1',字段名)find_in_set使用前提是字段是使用英文逗号进行分隔的 ...
2018-12-14 10:14:40 5321 1
原创 laravel计数统计
$data = $res->with('book') ->withCount(['records as all','records as correct' => function ($query) { $query->where('records.result', '1');}]) ->orderBy('created_at','desc'...
2018-12-08 10:25:56 716
原创 laravel存在条件的时候为orm加入条件判断
isset($method) && !empty($method) && $orm->where('test_method', $method);
2018-12-08 10:25:43 1602
转载 日期及时间处理包 Carbon 在 Laravel 中的简单使用
在编写 PHP 应用时经常需要处理日期和时间,这篇文章带你了解一下 Carbon – 继承自 PHP DateTime 类的 API 扩展,它使得处理日期和时间更加简单。Laravel 中默认使用的时间处理类就是 Carbon。1 安装通过 Composer 来安装 Carbon:composer require nesbot/carbon PS:由于 Laravel 项目已默...
2018-12-08 10:24:57 909
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人