- 博客(83)
- 收藏
- 关注
RSS订阅原创 element-ui select 可搜索下拉框实现关键词高亮
element-ui select 可搜索下拉框实现关键词高亮 （无搜索时，下拉显示可搜索，输入无返回数据时下拉显示无数据）
2023-02-24 16:47:51
1133
原创 带你看懂Virtual DOM及diff算法在vue中的应用
什么是vdomvdom 是一种使用js对象来描述真实dom的技术，通过这种，我们能精确知道哪些真实的Dom改变了，从而尽量减少Dom操作的性能开销。snabbdom.jsvdom是通过snabbdom.js库实现的，大概过程有以下三部1.compile （把真实的dom编译成Vnode）;2.diff (利用diff算法，比较oldVnode和newVnode之间有什么变化)；3.patch（把这些变化通过打补丁的方式更新到真实的dom上去）；snabbdom的两个核心函
2022-02-16 16:35:46
410
原创 html2canvas将dom转换成图片
1、html结构：转换的dom是根据后台变量渲染的，dom里面可能含多个图片；遇到问题：dom中的img，在生成的图片中，显示空白解决方法：在img标签上加上crossorigin=“anonymous”；如果是图片地址是跨域网址，将图片转换为base64格式；{$data.content} 生成图片，并下载...
2021-10-18 14:24:20
415
原创 js跨域下载文件
Document 下载1 下载2 <!-- 跨域下载二 --> <!-- 这里的文件，可以包括图片、视频、文档等 参数说明： fileUrl：文件服务器的路径（路径后面加上’?response-content-type=application/octet-stream’，可以支持跨域下载） fileName：文件名 suffix：文件后缀名，根据文件路径获取的 -->&l...
2021-10-14 11:35:09
2112
1
转载 Jquery ajax 同步阻塞引起的UI线程阻塞的坑（loading图片显示不出来，layer.load延迟）
今天想做一个点击地市用ajax重新获取数据刷新页面功能，因为ajax属于耗时操作，想在获取数据且加载页面时显示加载遮罩层，结果发现了ajax的好多坑。例如如上栗子，我想点击按钮让遮罩层显示，ajax加载完毕后遮罩层消失。因为我想让loadChart()在赋值操作后执行，但如果async设为true时，往往会先执行loadChart(),之后才会赋值，所以我只能将ajax设为同步。但同步后无论我怎么点按钮，遮罩层都不会出来。将显示遮罩放到beforeSend中也没用。用layer.lo...
2021-08-24 15:27:02
822
原创 uniapp图片上传h5与小程序的差别
第一次在这里记录东西，也不知道记录啥，就记录之前用的uni.app的uni.chooseImage图片上传的时候在h5跟小程序的一个差异吧！可能网上也很多了，但还是记录一下以便以后使用了不记得：upload() {const token = uni.getStorageSync(‘token’);uni.chooseImage({count: 1, // 最多上传几张图片，默认9张sizeType: [‘compressed’], // 所选图片尺寸，compressed 压缩图sourceT
2021-08-24 15:18:38
337
原创 uni-app项目运行到微信开发者工具
1）配置小程序IDE相关路径说明：只有配置了才能在微信小程序运开发者工具中运行成功！2）在微信开发者工具中开启小程序IDE服务端口的安全设置3）进入项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，生成对应的微信小程序项目，即可在微信开发者工具里面体验了。...
2021-05-06 11:01:16
1571
原创 点击enter键 ，js阻止浏览器默认刷新事件，实现异步查询
//点击按钮，按媒体名称进行搜索$("#search_btn").click(function(){varstart=$(".start_m").val()||'0';varend=($(".end_m").val())?$(".end_m").val():'999999';media_Filter.jgsx=start+'@'+end;resultTable.ajax.rel...
2021-04-19 17:54:35
241
原创 layui 获取 select 下拉框 选中的val ，html 值
方法一 form.on('select(on_time)',function(data){category=data.value;// 获取 val 值on_time=data.elem[data.elem.selectedIndex].text;// 获取 html 值form.render('...
2020-08-21 11:54:21
1719
3
转载 设置div中文字超出时自动换行
转载 ： https://blog.csdn.net/ysynhtt/article/details/44301461如果你的div设置了固定的width和height，有时会出现文字不能自动换行的情况，如图以下是四个浏览器的效果 width:300px;height:300px;css代码 #d1{ width:300px; height:300px; padding:0px; margin:0px; border:1px sol..
2020-06-18 17:57:59
9482
原创 overflow 浏览器兼容问题
改变overflow的样式Google 浏览器 (一般都是以下写法)#m3_prize.list{width:480px;height:276px;position:absolute;left:45px;bottom:35px;overflow-y:scr...
2020-04-28 09:44:45
2855
转载 Git 账号邮箱配置 和 SSH Key 生成步骤
Git是分布式的代码管理工具，远程的代码管理是基于SSH的，所以要使用远程的Git则需要SSH的配置。github的SSH配置如下：一 、设置Git的user name和email：$ git config --global user.name "xuhaiyan"$ git config --global user.email "[email protected]...
2020-04-27 11:18:29
922
原创 在网页左边添加,点击到页面对应位置的控件
CSS代码.navigation{position:fixed;width:204px;height:692px;left:20px;top:50%;transform:translateY(-50%);background-color:transparent;z-index:999;}.tab{width:150px;height:44px;margin-left:3...
2020-04-26 18:09:12
167
原创 点击按钮,实现复制文本,到剪切板
css样式#m2_roll{width:494px;height:368px;background:url(/static/activity/mayday/yqhyct.png)centercenterno-repeat;position:relative;} #m2_ro...
2020-04-26 14:55:31
1551
原创 layui隐藏表格中的某一列
方法一 : 在cols中对应的列加hide:ture ; 就隐藏了当前的一列 , 表头和内容都隐藏了 ; 对表的样式没有影响 .方法二 : 添加样式 display : none;
2019-12-11 14:37:55
4166
1
原创 input动态搜索下拉框
环境 : 后台页面用的是layui.js要求 :input动态搜索下拉框引用插件 :<linkhref="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css"rel="stylesheet"/><scriptsrc="https://cdn.jsdelivr.net...
2019-12-06 16:40:10
1127
转载 通过Git命令上传项目到GitHub
在通过windows系统的电脑上写代码，需要将项目上传到GitHub上去。比如在Pycharm上写Django后端，整个项目是一个文件夹的形式，那么怎么才能这个文件夹通过Git命令上传到GitHub上呢？以下给出详细步骤：1、首先得安装git客户端安装方法很简单，跟安装QQ之类的一样，进入官网：https://git-scm.com/ ，点击右侧下载windows版本的软件...
2019-11-22 18:03:42
65
转载 将项目文件上传到git上面去
首先你需要一个github账号，所有还没有的话先去注册吧！https://github.com/我们使用git需要先安装git工具，这里给出下载地址，下载后一路直接安装即可：https://git-for-windows.github.io/1.进入Github首页，点击New repository新建一个项目2.填写相应信息后点击create即可Repositor...
2019-09-25 13:57:29
313
原创 改变网站访问地址的方法
原地址: http://www.yirenya.net/ ; 改成:http://m.yirenya.net/<script> var urls = window.location.href; if(urls==='http://www.yirenya.net/'){ window.location.href='http://m.yirenya.net...
2019-06-25 15:04:35
1717
原创 动画之魔方效果
<!DOCTYPE html><html><head> <title>魔方</title> <meta charset="utf-8"> <style type="text/css"> *{ margin: 0; padd...
2019-06-20 18:08:08
172
原创 百度地图API自定义地图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <...
2019-06-20 18:05:28
707
转载 HTML实现百度地图效果
1.新建一个index.html文件，将要插入地图的位置留出来。2.打开“百度地图生成器”的网址：http://api.map.baidu.com/lbsapi/creatmap/index.html。3.在“1.定位中心点”中，切换城市，并查找具体位置。4.在“2.设置地图”中，可以按照自己的喜好修改地图的外观：（1）地图的宽和高（2）地图上显示的按钮（缩放、缩略图、比例尺）...
2019-06-11 14:54:34
3456
原创 tab选项卡
HTML样式<div class="tel"> <div class="tel_nav"> <ul> <li class="active"><a href="javascript:void(0)">知名门户</a></li&g...
2019-05-28 19:02:01
106
原创 修改swiper框架轮播图小圆点的样式
html代码<!--轮播图--><div class="swiper-container"> <ul class="swiper-wrapper"> <li class="swiper-slide"><a href="#"><img src="image/banner_index1.png" alt=""&...
2019-05-27 15:27:37
15638
转载 解决移动端边框问题的几种方式
1、边框粗细原因在移动端下设置border为1px，在某些设备上看比1px粗。这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性，他可以反应css中的像素与设备的像素比。devicePixelRatio的官方的定义为：设备物理像素和设备独立像素的比例，也就是 devicePixelRatio = 物理像素 / 独立像素。2、解决办...
2019-05-21 23:17:21
846
原创 ajax封装详解
封装ajaxfunction ajax(obj){ //1.创建ajax对象 var xhr if(window.XMLHttpRequest){ xhr = new XMLHttpRequest() //ie7以上浏览器 }else { xhr = new ActiveXObject("Microsoft.XMLHTTP") /...
2019-05-21 23:00:07
131
原创 微信小程序知识点一
flex布局：微信小程序中常用的有： 设置伸缩布局：display:flex; flex的方向：flex-direction: column; （column:从上到下排列） 伸缩盒子换行：flex-wrap:wrap; 设置水平居中：justify-content: center; ...
2019-04-24 23:57:48
191
原创 Vuex 的简单使用
Vuex 配置步骤1.安装vuex cnpm i vuex -S2.导入 vuex import Vuex from 'vuex'3.将vuex 挂载到 vue中 Vue.use(Vuex)4.new Vuex.Store() 实例，得到一个数据仓储对象5.将 vuex 创建的 store 挂载到 vm 实例上,只要挂载vm上，...
2019-04-18 13:28:18
136
原创 vue中watch监听数据改变
首先确认 watch是一个对象，一定要当成对象来用。对象就有键，有值。键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化。或者是data中的某个变量。值可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是当前值，第二个是变化后的值。值也可以是函数名：不过这个函数名要用单引号来包裹。第三种情况厉害了。值是包括选项的对象：选项...
2019-04-17 13:10:06
5409
转载 vue的生命周期
Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的是vue的实例。图解生...
2019-04-15 21:39:10
86
转载 github上传到本地目录
https://www.cnblogs.com/specter45/p/github.html#s1GitHub是基于git实现的代码托管。git是目前最好用的版本控制系统了，非常受欢迎，比之svn更好。GitHub可以免费使用，并且快速稳定。即使是付费帐户，每个月不超过10美刀的费用也非常便宜。利用GitHub，你可以将项目存档，与其他人分享交流，并让其他开发者帮助你一起完成这个项目...
2019-04-14 21:04:46
314
原创 webpack安装
打开webstorm编辑器，建一个webpack-study文件夹，在这个文件夹里建以dist,src，命名的两个文件夹，再在src文件夹里面建css,js,images三个文件夹，方便后面使用，这是一般的建文件套路。1.打开命令提示符，输入命令npm i webpack -g //全局安装webpack2.输入命令 npm install 或者简写为...
2019-04-12 23:24:54
91
原创 Vue 路由的基本使用及传参
路由的基本使用 <style> .router-link-active{ color:red; font-weight:bold; } .myActive{ color:green; font-weight:bold; }...
2019-04-11 21:22:21
124
原创 Vue 全局变量，局部变量
全局组件和局部组件* 1.先定义组件 Vue.component('组件名', { 组件模板对象 })* 注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小写* 例如: 组件-->mtText 使用时--> <my-text></my-text>*...
2019-04-10 20:09:26
7067
7
转载 sessionStorage与localStorage
localStorage.getItemWEB应用的快速发展，是的本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。sessionS...
2019-04-09 19:09:26
83
转载 Vue--过渡动画实现的三种方式
https://www.cnblogs.com/mrszhou/p/7859020.htmlVue--过渡动画实现的三种方式一.使用vue的transition标签结合css样式完成动画1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 ...
2019-04-08 22:06:32
773
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人