◆◆

JAVA、PHP、前端、APP、网站开发 - 开发技术学习

文档归类：前端设计

免费H5页面制作,微信H5页面,免费电子邀请函创作平台,H5页面制作2020-01-13

免费H5页面制作,微信H5页面,移动微杂志,电子邀请函创作平台,H5页面制作,海报制作,微信营销,微信场景制作和场景式邀请函制作应用平台项目地址：https://h5.kfju.com使用vue前端框架，免费提供导出html功能。方便修改，无加密。使用相关的组件：element-uivue-draggable-resizableanimate参考：https://blog.csdn.net/dongguan_123/article/details/102576308...

抓住机会，赶紧看完»

此文被围观3052次 分类: 前端设计 标签:  ···

swiper滑屏中某一页超出高度解决方法2019-11-11

swiper做多屏滑动的时候，其中一页超高一屏的高度了。整体上就破坏了滑屏的整体感觉，但项目中有需要就需要修改啊。需要修改的样式：.swiper-slide { background: #f1f1f1; color:#000; text-align: center; overflow: auto; -webkit-overflow-scrolling: touch; }jsvar swiper = new Swiper('.swiper-container', { direction: 'vertical', initialSlide : 0, noSwiping : true }); var startScroll, touchStart, touchCurrent; swiper.slides.on('touchstart', function (e) { startScroll = this.scrollTop; touchStart = e.targetTouches[0].pageY; }, true); swiper.slides.on('touchmove', f...

太给力了，去围观»

此文被围观2935次 分类: 前端设计 标签:  ··

js获取url参数做为方法名调用2019-10-22

在使用layer的弹窗的时候，需要通过url传递一个方法到iframe里面，iframe在回调此方法。js如何通过变量调用函数，函数名在变量里面function getQueryName(name){     var query = location.search.split('?');     if (typeof query[1] == 'undefined') {         return '';     }     var q = query[1].split('&');     if (q.length > 0) {         for (var i in q) {         ...

抓住机会，赶紧看完»

此文被围观2743次 分类: 前端设计 标签:  ···

js判断是否移动端2019-09-08

window.mobilecheck = function() {        var check = false;     (function(a,b){if(/(android|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer| compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp| mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)/|plucker| pocket|psp|series(4|6)0|symbian|treo|up.(browser|link)|vodafone|wap|windows ce| xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac| ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)| attw|au(di|-m|r ...

抓住机会，赶紧看完»

此文被围观1703次 分类: 前端设计 标签:  ··

label checkbox点击触发两次原因及解决方法2019-08-07

原因：label和input标签嵌套，点击label的时候，事件冒泡一次，同时会触发关联的input的click事件，导致事件再次冒泡，以至于达不到我们想要的触发效果。不使用js解决方法：将input放到label外面(推荐使用这种方法)  <input type="checkbox" value="" name="test" id="test" /> <label for="test" class="testCbox">hello world</label>js处理方法：方法一、对event.target进行判断 $(".multi-list").on("click","label.checkBtn",function(event){        if($(event.target).is('input')){//对点击目标元素做判断                re...

不要拦我，我一定要看完 »

此文被围观1999次 分类: 前端设计 标签:  ···

vue修改对象属性页面不渲染解决方法2019-06-05

页面的list是根据后台接口返回数据组装而成，但是当页面更新list属性时，页面并未同时渲染成新的值，先参考了用this.$set来修改属性，但还是不行，后面就加了this.$forceUpdate()强制更新，解决问题。代码里面的关键点注意一下就行了。vue修改对象属性页面不渲染解决方法：import {mapState} from 'vuex' import PageLoading from "../common/page-loading" export default {     name: "message",     components: {PageLoading},     data(){         return {             pageLoading: true,            &nbs...

世上尽有如此美文，快快阅读之 »

此文被围观1763次 分类: 前端设计 标签:  ·····

jstree选中节点与展开节点2019-06-03

项目使用的jstree树结构插件，因为是异步并且不是全部展开的。但是在编辑的时候需要选中子节点并展开子节点所在的父节点 var currDeptId = ["0940903B-D72F-B4EB-BB32-EF0459603CAF","51AFE427-72C9-7196-708C-A96F1860211C", "6304C6DA-D7FE-4E74-32AF-554AFEC0F91A","C0EA460A-F19C-80B3-16E9-84393B6EBCEB", "20BD3FB5-4C34-BFD6-32FB-62AC5CC9B4DF","70E79C63-F981-1501-BFF6-C6AF5F8E74D8", "96B48AF1-481A-E506-D493-81ECE2E90CF1","F4B3D43B-5F82-A683-DD41-E0D06698B845", "9B6AFFA9-F815-3616-B0F9-452778063EB1"];//包含选中的节点与选中节点的父节点 var selectedId = ["0940903B-D72F-B4EB-BB32-EF0459603CAF","20BD3FB5-4C34-BFD6-32FB-62AC...

从来不放弃这样的美文»

此文被围观1827次 分类: 前端设计 标签:  ·····

vue keep-alive添加2019-05-30

keep-alive的生命周期 activated： 页面第一次进入的时候，钩子触发的顺序是created->mounted->activated deactivated:  页面退出的时候会触发deactivated，当再次前进或者后退的时候只触发activated<keep-alive>     <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router-view>router配置routes: [   {     path: '/',     name: 'index',     component: index,     meta: {       requiresAuth: true, &n...

太给力了，去围观»

此文被围观1570次 分类: 前端设计 标签:  ··

axios取消请求2019-05-29

摘抄自网络，地址久了没找到。axios：axios.interceptors.request.use(config => {     config.cancelToken = new axios.CancelToken( cancel => {              window.__axiosPromiseArr.push({cancel})         }) }发送请求前：window.__axiosPromiseArr.forEach((ele, index) => {     ele.cancel()     delete window.__axiosPromiseArr[index] })使用场景根据输入关键词keyup模糊查询数据vue项目查询人员列表，因为通过keyup触发请求，所以输入一个字母就会去请求一次，请求很多，严重对网络造成影响。所以就在请求前加了一个取消前面的请求。...

不要拦我，我一定要看完 »

此文被围观1811次 分类: 前端设计 标签:  ···

css、js压缩方法,yuicompressor压缩2019-03-28

css压缩java -jar yuicompressor-2.4.8.jar --type css --charset utf-8 -v common.css > packed.cssjs压缩java -jar yuicompressor-2.4.8.jar --type js --charset utf-8 -v bootstrap.js > packed.jsyuicompressor下载地址：https://github.com/yui/yuicompressor ...

博主太强大了，膜拜去»

此文被围观1716次 分类: 前端设计 标签:  ···

js计算某个点是否在多边形范围内2019-03-23

点击不同区域触发不同事件，其中E1-E5与E6-E7是不规则，理论是上一个四边形旋转后的效果。W1-W5与N1-N5规则图形好判断触发点是否在其中。这张图原大小是580*518的尺寸所以在建立canvas的时候设置了一个宽度与高度，其次这是手机页面的图像，要考虑到不同手机尺寸的情况。#cvs {     max-width: 100%;     height: auto; }var cvs = document.getElementById('cvs'); var img = new Image(); img.src = "images/item.png"; img.onload = function () {     var ctx = cvs.getContext('2d');     ctx.drawImage(this, 0, 0) } //多边形的各个点位置 var polygon = [     [374, ...

从来不放弃这样的美文»

此文被围观2159次 分类: 前端设计 标签:  ··

es6转成es52018-11-22

vue 不兼容IE11解决 方法，将es6转换成es5，在线转换地址：https://babeljs.io/repl/ 单页面或者web-view 尽量不要用es6进行代码开发，用了也没事找个网址进行es6转es5参考页面：https://blog.csdn.net/dx18520548758/article/details/80265470...

博主太强大了，膜拜去»

此文被围观2274次 分类: 前端设计 标签:  ····

scorm课件分析2018-11-06

scorm目前长见版本是1.2   2004两个版本。相应的api差异是LMS前缀。function Scorm2004(){     function LMSInitializeMethod(parameter){         console.info("Initialize", parameter)         return "true";     }          function LMSFinishMethod(parameter){         console.log(parameter)         return "true";     }          ...

持之以恒，坚持读完»

此文被围观2272次 分类: 前端设计 标签:  ··

vue页面未加载完成页面乱码解决2018-11-02

在项目里面使用的是web vue页面刷新的时候，页面出现未编译的乱码，解决vue页面加载未完成乱码vue手册中也有提到过v-cloakhttps://vuejs.org/v2/api/#v-cloak 示例：[v-cloak] {display: none;}<div v-cloak>{{ message }}</div>v-cloak 编译结束后才会显示，就不会显示没编译的内容了参考页面：https://shuibo.me/index.php/archives/182/ ...

此文只应天上有，仰望去»

此文被围观2285次 分类: 前端设计 标签:  ··

js文件下载,downloadjs插件2018-10-08

使用插件downloadjs,官网地址：http://danml.com/使用方法：https://github.com/rndme/downloadvue中使用:var x = new XMLHttpRequest() x.open("GET", sUrl, true) x.responseType = 'blob' var _this = this x.onload=function(e){     download(x.response, _this.title, mimeType ) } x.send()sUrl为文件地址，mimeType文件类型，因为我的业务是有多种文件类型，所以在前文加了判断。js文件下载，download.js，解决新窗口打开文件的问题。...

抓住机会，赶紧看完»

此文被围观2652次 分类: 前端设计 标签:  ····
‹12345›»

最新专题

随机文章

本月排行

    Tags 标签云

    前端技术编程开发curl get postcurl postphpphp学习服务器mysqldedecms数据库php技术centos网站开发linuxPHP开发destoonjsthinkphpwrite contextget_post_formatpsrewritebugMozillaJavaScripturlinsert intoon()prototypemysql group_concatjqueryjsp mysqlmyeclipseapachetemplatelinux+php+apachephp mysqlappendChildRequest Error step 1/2供应

    Links 友情链接

    简单看书超级字贴

    站点声明：部分内容源自互联网，为传播信息之用，如有侵权，请联系我们删除。

    © Copyright 2011-2024 www.kfju.com. All Rights Reserved.
    超级字帖 版权所有。蜀ICP备12031064号