HTML
qq_42289686
这个作者很懒,什么都没留下…
展开
-
uni-app 个人主页如何实现椭圆背景
app 我的界面,常用的一个椭圆跟矩形组合原创 2022-01-02 18:41:41 · 951 阅读 · 0 评论 -
ant-ui 记录下使用vNode的笔记
this.$confirm({ title: target.msg, closable: true, centered: true, content: (h) => { let Option = [] for (let i in self.addOption) { Option.push(h('a-select-option', { props:原创 2021-06-05 00:40:31 · 1206 阅读 · 0 评论 -
vue 在线更换字体 字体列表使用node.js遍历
在线更换字体 字体列表使用node.js遍历 css引入外部字体,动态更换文字字体效果原创 2020-04-25 16:58:32 · 768 阅读 · 0 评论 -
JS根据json对象导出excel表格
导出效果测试var data=[{"id":10000,"username":"user-0","sex":"女","city":"城市-0","sign":"签名-0","experience":255,"logins":24}, {"id":10001,"username":"user-1","sex":"男","city":"城市-1","sign":"...原创 2019-07-12 11:22:13 · 1317 阅读 · 1 评论 -
element 如何渲染star评分
效果图html数据绑定位置<el-table-column label="分数" width="120"> <template slot-scope="{row}"> <i :style="item.color" v-for="(item,index) in setStar(row.evalStar)" :key="index" :clas...原创 2019-07-06 23:06:01 · 2825 阅读 · 1 评论 -
vue element-ui动态横向统计表格
表格结构<el-table :data="AllData" style="width: 100%"> <el-table-column prop="title" label="统计"> </el-table-column> <el-table-column ...原创 2019-07-15 21:58:50 · 9037 阅读 · 0 评论 -
JS 点击按钮复制指定的文本
效果图<p class="copy-text"> <span>aaaaaaaaaaaa45631</span> <button class="copy" onclick="copythis(this)" data-clipboard-text="">复制左侧消息</button> </p> &...原创 2019-07-06 14:22:25 · 2739 阅读 · 0 评论 -
如何自己动手写一个穿梭框
CSS部分/*添加福利*/.add-box,.remove-box{ background-color:#f1f1f1; height: 200px; overflow-y: auto; overflow-x: hidden;}.add-span,.remove-span{ border:1px solid #aaa; border-radius: 3px; font-si...原创 2019-06-26 09:45:02 · 1736 阅读 · 1 评论 -
我的个人博客,已经开通有一段时间了
自己的博客基本上与csdn的同步,也是为自己的学习做一做笔记,博客是我空闲时间用thinkphp5.0写的,前端页面写的比较丑,是响应式的,PC与移动端自动适应…PN博客地址:https://blogs.4apn.cn/...原创 2019-07-19 17:22:14 · 617 阅读 · 0 评论 -
layui表格数据另类重载,自写ajax
//表格初始化以及重载函数 var tableInit = function () { layui.use('table', function () { window.table = layui.table; //展示已知数据 window.table.render({ ...原创 2019-07-31 16:38:43 · 1542 阅读 · 1 评论 -
vue 监听子组件内数据变化,父组件绑定change事件
如题,做了一个分页功能,element里面的分页,已经有了页码改变、每页数量改变的change事件,这样如果当页码改变、每页数量改变的时候,又要在methods里面写change来根据改变的值来获取分页,这样就很麻烦,如果没个页面都有分页,这样就要在methods里面多写change事件。想到了一个解决方法,就是把element的分页封装成一个组件,具体思路如下:一、子组件:1.这个绑定了每...原创 2019-07-23 11:40:22 · 7718 阅读 · 0 评论 -
vue 语言包通过cookie来记录用户更改后的操作,以便每次刷新不会重置
vuex代码:import Vue from 'vue'import Vuex from 'vuex'import VueCookies from 'vue-cookies'function setLang () { if (VueCookies.isKey('lang')) { return VueCookies.get('lang') } else { re...原创 2019-08-16 11:48:12 · 696 阅读 · 0 评论 -
cdn引入axios,如何封装一个公共的请求方法
<!-- GET请求参数格式化处理js --><script src="https://cdn.bootcss.com/qs/6.8.0/qs.min.js"></script><!-- axios请求处理JS--><script src="https://unpkg.com/axios/dist/axios.min.js">&l...原创 2019-09-27 15:11:50 · 1911 阅读 · 0 评论 -
js中的CLASS
class FindTitle { constructor(data) { this._data = data } select(word) { let name = '' for (let i in this._data.data) { if (this._data.data[i].word == ...原创 2019-09-27 16:16:51 · 1332 阅读 · 0 评论 -
css 设置table 单元格长度的问题
见代码:.table-fixed-box { position: relative;}.fixed__header { position: absolute; top: -38px; width: 100%; left: 0; margin: 0; overflow: hidden; z-index: 102; ba...原创 2019-09-28 15:38:24 · 2445 阅读 · 0 评论 -
vue根据满屏设计图页面元素高度来计算接触页面底部位置的元素高度
this.screenWidth = document.body.clientWidth;this.screenHeight = window.innerHeightthis.table_box2_height = window.innerHeight - 409 - 38 - 62this.tab_box2_height = window.innerHeight - 614 - 30wi...原创 2019-09-29 09:42:30 · 1084 阅读 · 0 评论 -
仿网易云MUI播放器,可播放暂停/切换背景颜色
<!DOCTYPE html><html lang="zh"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>播放页面&l...原创 2019-06-22 15:54:52 · 589 阅读 · 0 评论 -
CURL模拟GET/POST请求,亲测可用
static function getApi($url){ $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "GET"); curl_setopt($ch, CUR...原创 2019-06-11 16:05:03 · 122 阅读 · 0 评论 -
input剪裁图片后,base64图片上传
效果示意:前端框架使用了bootstrap4.0剪裁插件:cropper.jsHTML <div class="input-group mb-3 form-group file-img"> <div class="custom-file"> <input type="text" style="display: none"...原创 2019-06-04 15:48:24 · 435 阅读 · 0 评论 -
用JQuery使列表中的图片水平垂直居中显示
像案例中心这些放置小LOGO的地方,有些logo图片的尺寸都无法做到一致,也没功夫用PS统一尺寸,这时候可以使用line-height+text-align: center来自动居中,在不使用line-height的情况下,用text-align: center和JS使小图片自动垂直居中,原理:img的CSS:position: relative;然后用top:calc(50% - 图片高度...原创 2018-12-17 10:50:57 · 1236 阅读 · 0 评论 -
富文本编辑器对接thinkphp多图片上传之踩坑笔记
富文本编辑器用的是 wangEditor3使用手册thinkphp多图片上传文档地址看云文档 点我进去开始!前端页面富文本开始配置容器<div id="addtop" style="background-color: white;" class="pn_box"> </div><!-- 上面是富文本工具栏 下面是富文本文本编辑框 -->&l原创 2019-01-25 14:25:47 · 760 阅读 · 0 评论 -
js遍历表单中所有的input的name与值,并创建一个对象,需要jquery插件
// 根据父级元素的ID,来遍历ul li列表中的input name 和val 生成对象,如果全部为空则返回falsefunction ergodicData(dom){ xDOM = $("#"+dom +" input") var formdata = {} for (var i = 0; i < xDOM.length; i++) { var a = xDOM...原创 2019-01-16 13:49:34 · 5715 阅读 · 0 评论 -
评论列表三级嵌套-thinkphp
一、先建立评论数据表我一共建了两个数据表!第一个表是第一级的,只显示第一级的评论留言,结构如下:userid只是记录评论者的IDcontent留言内容time留言时间userpic留言头像username留言昵称第二个表,显示第二级和第三级的评论留言,结构如下:userid同上;content同上;time同上;msgid 这个字段对应第一级表的id;parent这个字...原创 2019-02-26 09:48:49 · 885 阅读 · 1 评论 -
备忘——如何把div改造成输入框与做成vue组件之注册
原文地址:https://blog.csdn.net/qq_34629352/article/details/81708024聊天应用中怎么把DIV改造成输入框!效果实现:这个组件是一位大佬写的,效果不错,拿来即用,组件代码如下:<template> <div class="edit-div" v-html="innerText" ...转载 2019-05-17 15:57:37 · 909 阅读 · 0 评论 -
HBuilder判断当前设备是否安卓
var ua = plus.navigator.getUserAgent() var isAndroid = ua.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isiOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)...转载 2019-05-27 15:20:33 · 966 阅读 · 0 评论 -
bootstrapvalidator 表单验证
使用CDN<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.bootstrapvalidator/0.5.0/css/bootstrapValidator.min.css"/><script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.j...原创 2019-05-30 15:00:42 · 190 阅读 · 0 评论 -
监视上传input,并获取图片的base64
HTML<input type="file" name="company_img_file" class="custom-file-input" id="inputGroupFile04" placeholder="上传营业执照图片">JS$("input[name='company_img_file']").change(function(){ console.log($(...原创 2019-05-30 15:26:52 · 753 阅读 · 0 评论 -
多图片上传与后台保存图片,返回图片地址
HTML<input type="file" name="company_img_file" class="custom-file-input" id="inputGroupFile04" placeholder="上传营业执照图片" multiple>JS绑定input change事件触发上传$("input[name='company_img_file']").chang...原创 2019-05-31 14:40:02 · 1652 阅读 · 0 评论 -
笔记,获取当前url地址,包含当前协议
$_SERVER["REQUEST_SCHEME"].'://'.$_SERVER['HTTP_HOST']原创 2019-05-31 15:01:21 · 781 阅读 · 0 评论 -
网页版微信协议登陆,没什么用...
不清楚流程的看下这篇文章:https://www.cnblogs.com/sickle/p/10126246.html // GET请求 private function getApi($url){ $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt...原创 2019-06-06 16:02:22 · 1564 阅读 · 0 评论 -
弥补bootstrap没有提示消息JS插件
bootstrap有一个alerts组件,但是没有提醒组件,有时候ajax发送请求,要实现一个交互提醒的效果,所以我自己就写了一个消息提醒的JS…var msg_id = 1000;// 消息提醒function alert_msg(type,msg,time){ if(time == ''){ time = 1000; } msg_id = (msg_id + 1); var...原创 2019-05-29 15:48:54 · 879 阅读 · 0 评论 -
二级栏目导航,放置在banner轮播图z轴上面的导航列表
效果图:CSS样式/*招聘导航列表*/.zp-nav-list{ position: absolute; left:0; top: 0; z-index: 100; color: white; width: 100%; height: 100%;}.zp-nav-left{ list-style:none; padding: 0; float:left; heig...原创 2019-06-09 13:57:13 · 615 阅读 · 0 评论 -
数组遍历插入html,常用与ajax更新列表等等
<!DOCTYPE html><html><head> <title></title></head><body><select name="shi"> <option>请选择城市</option></select></body><...原创 2019-06-19 16:36:21 · 296 阅读 · 0 评论 -
vue配置websocket,断线重连
main.jsvar websocket_url='ws://127.0.0.1:8282';window.websocket = new WebSocket(websocket_url);Vue.prototype.socket = window.websocket;window.onload = function(){ setInterval(()=>{ console....原创 2019-06-20 09:09:07 · 5615 阅读 · 0 评论 -
模态框弹窗组件样式
<div class="modal__box" id="show-modal"> <div class="modal__z-body" onclick=""></div> <div class="modal__content"> <div class="modal__header">提示消息<button>X</...原创 2019-06-15 16:39:23 · 1290 阅读 · 0 评论 -
flex右对齐布局,通常做导航栏比较多!
flex右对齐布局html代码<div class="row nav_box"> <div class="qx_1"><a href="">网站首页</a></div> <div class="qx_1"><a href="&quo原创 2018-12-05 14:55:24 · 8872 阅读 · 0 评论