前端
关注
分享
扫一扫
文章平均质量分 50
尘埃338
开发路，任重而道远
展开
-
版本更新，uni-app
//更新// checkUpdate() {// plus.nativeUI.showWaiting("检测更新...");// uni.request({// url:'http://119.3.210.82:8081/ld/app/ap...原创 2019-05-10 14:56:24 · 1547 阅读 · 0 评论 -
Vue2.0中使用v-el,v-rel出现问题
问题描述在高仿饿了么实战项目中使用v-el指令获取DOM，但出现下图的错误： v-el指令 代码template templatescript script 问题原因：在Vue2.0中弃用了v-el,v-rel指令解决方案：使用ref属性为元素或组件添加标记，然后通过this.$refs获取ref被用来给元素或子组件...转载 2018-12-18 19:20:28 · 1452 阅读 · 0 评论 -
价格一条线划过
text-decoration:line-through;原创 2018-12-18 18:50:40 · 165 阅读 · 0 评论 -
微信
转自http://deng7784033.blog.163.com/blog/static/3826426620138510731934/如既往的，关于微信公众平台的开发，不算出自大牛的代码，但是简单易懂适合刚入门的朋友。首先先介绍一下逻辑，因为发现很多朋友都不能看懂微信官方的文档，当然啦，这跟你是否认真看有关的，认真看总能看懂的，废话不说了。此时，我当你已经有一个已经申请到自定义菜单开...转载 2018-12-06 00:21:28 · 183 阅读 · 0 评论 -
前端css跟jq 验证多个标签的第几个的语法 跟 box-sizing：border-box;
前端： 比如 .index #slider 第三个 .index #slider:nth-child(3n) js .index #slide.eq(3) box-sizing：border-box;的应用原创 2018-12-04 22:23:09 · 210 阅读 · 0 评论 -
Vue 框架的v-model 双向数据绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-11-26 15:21:56 · 265 阅读 · 0 评论 -
JS的定时器setInterval
setInterval(() =>{ var start=vv.msg.substring(0,1) var end =vv.msg.substring(1) console.log(vv.msg) console.log(end...原创 2018-11-26 14:32:33 · 617 阅读 · 0 评论 -
数组的增加函数push() 跟删除函数splice（） 的简单应用， 查找some() ,some也可以顺便查索引， findIndex（）专门查索引
add() { // 添加的方法 // console.log('ok') // 分析： // 1. 获取到 id 和 name ,直接从 data 上面获取 // 2. 组织出一个对象 // 3. 把这个对象，调用 数组的 相关方法，添加到 当前 data 上的 list 中 ...原创 2018-12-02 10:55:39 · 2019 阅读 · 0 评论 -
ajax原生原理
<script> var xhr = new XMLHttpRequest(); xhr.open('GET','time.php'); // console.log(xhr.readyState); xhr.send(); xhr.onreadystatechange=function(){ ...原创 2018-11-20 13:49:33 · 130 阅读 · 0 评论 -
SVG 拖动以及缩放
1:转载 https://blog.csdn.net/qq_25041297/article/details/79172165首先我是需要一个SVG图的缩放和平移，svg图是自己做的，然后里面有自己做的动画以及其他时间，但是前几天客户说要改需求，说需要这个图实现SVG的拖动和缩放，MD，我只是一个后端啊，好吧，后端和前端已经感觉没有区别了。之前做SVG动画的时候，学习了一下s...转载 2019-01-02 11:03:35 · 1185 阅读 · 0 评论 -
vue+webpack项目打包后背景图片加载不出来
在做VUE +的WebPack脚手架项目打包完成后，在IIS服务器上运行发现项目中的背景图片加载不出来检查项目代码发现是因为CSS文件中，背景图片引用的路径问题;后来通过修改配置文件，问题终于解决了，解决方法如下：1.修改资源路径在VUE +的WebPack项目中，项目打包后的CSS和JS的引用路径是绝对路径，项目部署后会将静态当成根目录，就造成了文件引用路径的错误，解决方法是通过修改配置文...转载 2019-01-17 10:16:01 · 495 阅读 · 0 评论 -
前端杂学
<button type="button" class="btn bg-default" onclick="history.back(-1);">返回</button>原创 2019-04-22 22:18:25 · 208 阅读 · 0 评论 -
2019-3_27 记录 框架覆盖思路
1： 观察 先在APP.VUE中写要覆盖的样式，这样就不会有权限不够的问题原创 2019-03-27 14:13:36 · 126 阅读 · 0 评论 -
[前端]vue中打包后-webkit-box-orient: vertical消失（超出省略号失效）
之前写代码的时候遇到一个问题，就是用了下面这段css代码来让文字超出范围隐藏并显示省略号。 overflow:hidden;/*超出隐藏*/ text-overflow:ellipsis;/*文本溢出时显示省略标记*/ display:-webkit-box;/*设置弹性盒模型*/ -webkit-line-clamp:1;/*文本占的行数,如果要设置2行加.....原创 2019-01-21 09:41:02 · 675 阅读 · 2 评论 -
CSS实现单行和多行文本溢出显示省略号……
1.单行文本溢出显示省略号…<div class="ellipsis"> 单行文本css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分</div>.ellipsis{//单行文本溢出 overflow: hidden; text-overflow:ellipsis;//文本溢出显示省略号 white-...转载 2019-01-08 16:08:57 · 195 阅读 · 0 评论 -
IntelliJ IDEA 2018.3 汉化包
JetBrains 系列软件汉化包关键字:Android Studio 3.2.1 汉化包CLion 2018.2 汉化包GoLand 2018.3 汉化包IntelliJ IDEA 2018.3 汉化包PhpStorm 2018.3 汉化包PyCharm 2018.3 汉化包RubyMine 2018.3 汉化包WebStorm 2018.3 汉化包平方X原创汉化，转载请...转载 2019-01-08 15:50:24 · 7130 阅读 · 1 评论 -
position:sticky粘性定位
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style>div.sticky { position: -webkit-sticky; position:转载 2019-01-08 11:11:08 · 600 阅读 · 0 评论 -
.Vue路由(路由配置、传参、获取参数)
this.$route 和 this.$router区别： this.$route 信息参数（query、prams）传参获取 this.$router 功能函数，go()，push()等方法调用1.导入和使用路由(main.js)： import Router from 'vue-router' // 使用路由 Vue.use(Router) //导入vue页...转载 2019-01-02 22:44:40 · 7447 阅读 · 0 评论 -
移动端touch触摸效果原生js，获取触摸坐标
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,原创 2018-11-20 13:05:30 · 5017 阅读 · 0 评论 -
jQuery获取textarea文本域的值
2017年05月03日 16:19:48 howtobreak 阅读数：41570版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011809238/article/details/71124831jQuery的.val()方法是专门用来获取表单元素值的，而textarea也属于表单元素所以可以直接用.val()方法获取。不过要注意...转载 2018-11-11 23:07:13 · 8358 阅读 · 0 评论 -
jq checked 跟selected的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .table { wi原创 2018-11-11 22:38:38 · 460 阅读 · 0 评论 -
JS 跳转的方法，包过判断是否点击
<span id="tiao">3</span><a href="javascript:countDown"></a>布丁足迹;秒后自动跳转……<meta http-equiv=refresh content=3;url='/search/billsearch.jsp'</ul> <!--脚本开始-转载 2018-08-03 14:50:35 · 553 阅读 · 0 评论 -
JS时间特效
<script type="text/javascript">function disptime(){ var today =new Date(); var hh=today.getHours(); var mm=today.getMinutes(); var ss=today.getSeconds();document.getElementB...原创 2018-08-03 14:39:19 · 1563 阅读 · 1 评论 -
深夜JQ小实践
<html><head><meta charset="utf-8"> <title>菜鸟教程</title><script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>&a原创 2018-07-23 00:02:18 · 234 阅读 · 0 评论 -
js封装
1,在js 文件里面定义一个方法 function sha() { var myChart1 = echarts.init(document.getElementById('main')); myChart1.clear(); option = { // title : { // text: '111', /...原创 2018-07-19 17:56:20 · 116 阅读 · 0 评论 -
Echart报表
1：<!DOCTYPE html><html><head> <meta charset="utf-8"> <!-- 引入 ECharts 文件 --> <script src="echarts.min.js"></script>&l转载 2018-07-19 17:53:22 · 1506 阅读 · 0 评论 -
哈哈jquery datatable 如何实现鼠标移入显示完整数据 [问题点数：40分，无满意结帖，结帖人x18094]
JSP代码:Java code?1234567891011121314151617<!-- 表格区域 --> <div class="table-responsive" style="border:1px solid #ccc;"> <table id="t_table" class="table table-striped"&g转载 2018-07-09 11:28:03 · 2530 阅读 · 0 评论 -
readonly 只读字段 保护属性的应用
<tr> <th width='150'>奖金预留费率：</th> <td><input type="text" id='aiFunFour' class='ipt' value="{$data['aiFunFour']|default="0"}" maxLength='100' placeholder='奖金预原创 2018-06-27 10:03:48 · 2201 阅读 · 0 评论 -
JS 提示弹出框
tml xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>dialog提示弹出框</title><script type="text/javas转载 2018-08-03 15:00:47 · 1753 阅读 · 0 评论 -
点击跳转总结
1：<h4 onclick="location.href='{:url('Index/chakan',array('write_time'=>$lo['write_time'],'ID'=>$lo['ID']))}'" class="tcenter weui_media_title">原创 2018-08-18 01:41:26 · 186 阅读 · 0 评论 -
jq循环
<body> <div class="slider"> <ul> <li><a href="#"><img src="images/1.jpg" alt=""><原创 2018-11-11 14:24:21 · 825 阅读 · 0 评论 -
html css 知识点
第一天：瞄点链接案例： <a href="#two">第2集</a><br /> <h3 id="two">第2集</h3>base作用 target="_bank" 另起一页打开链接 相反的是 target="_self"<base原创 2018-11-02 12:53:41 · 120 阅读 · 0 评论 -
前端提示修改默认的提示信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form acti原创 2018-10-31 20:05:21 · 845 阅读 · 0 评论 -
前端杂事
1：获取网站的ico图标,只要在官网上加/favicon,ico就有了www.jd.com/favicon.ico代码<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>原创 2018-10-11 01:35:21 · 184 阅读 · 0 评论 -
CSS 伪标签
### 链接伪类选择器- :link /* 未访问的链接 */- :visited /* 已访问的链接 */- :hover /* 鼠标移动到链接上 */- :active /* 选定的链接 */ //点击 注意写的时候，他们的顺序尽量不要颠倒 按照 lvha 的顺序。 love hate 爱上了讨厌 记忆法 或者 ...原创 2018-09-06 16:18:19 · 1092 阅读 · 0 评论 -
前端下拉列表设置默认值得用法
1：教程<select> <option>选项1</option> <option>选项2</option> <option>选项3</option> ...</select>```注意：1. &lt;select&gt;&原创 2018-09-06 10:07:19 · 2723 阅读 · 1 评论 -
前端砍价标签
<s>原价： 1888</s>， 现价 8.8 <del>原价： 1888</del>， 现价 8.8 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"原创 2018-09-06 09:50:19 · 361 阅读 · 0 评论 -
删除前确认对话框
<!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> <转载 2018-08-29 15:53:43 · 638 阅读 · 0 评论