前端
关注
分享
扫一扫
qq_39704803
这个作者很懒，什么都没留下…
展开
-
大屏自适应rem
大概原理:rem是相对根元素,因此我们只需要在根元素确定一个px或rem字号,则可以来算出元素的宽高function bodyScale() { var devicewidth = document.documentElement.clientWidth; var scale = devicewidth / 3200; document.documentElement.style.fontSize=(devicewidth/3200).toString()+'rem原创 2021-05-31 13:17:23 · 351 阅读 · 0 评论 -
前端跨域解决方案之proxy跨域代理发送请求
一、在vue.config.js中配置module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : './', outputDir: 'dist', devServer: { disableHostCheck: true, proxy: { '/bigScreen' : { //接口开头通用路径 t原创 2021-04-02 10:08:34 · 1102 阅读 · 2 评论 -
插件和依赖有什么区别？
依赖：运行时开发时都需要用到的包，比如项目中需要一个包，就要添加一个依赖，这个依赖在项目运行时也需要，因此在项目打包时需要把这些依赖也打包进项目里；插件：在项目开的发时需要，但是在项目运行时不需要，因此在项目开发完成后不需要把插件打包进项目中，比如有个可以自动生成getter和setter的插件，嗯对~这就是插件了，因为这玩意在编译时生成getter和setter，编译结束后就没用了，所以项目打包时并不需要把插件放进去~...原创 2020-08-28 16:50:07 · 5485 阅读 · 3 评论 -
前端开发杂谈-构建工具，
1.生产环境遇到bug怎么处理2.怎么管理代码3. vue2还是 vue3原创 2020-08-15 16:03:10 · 175 阅读 · 0 评论 -
git 解决冲突代码
使用TortoiseGit pull时，提示Please, commit your changes or stash them before you can merge解决：点击项目 右键选择stash save(把自己的代码隐藏存起来) -> 重新pull -> stash pop(把存起来的隐藏的代码取回来 ) -> 代码文件会显示冲突 -> 点击冲突文件右键 e...转载 2019-03-19 15:46:28 · 316 阅读 · 0 评论 -
类,对象,方法
类就是对一类事物的总称例如：吉普车、跑车、垃圾车等等他们都是属于汽车这个类的汽车就是一个类，这个类代表了所有的车，虽然有各种各样的车但是它们都有一些共同的特性：比如它们都有车门、发动机、变速箱等对象就是类的实例它们的基本构造都是类似的这时候我们就称跑车、轿车、越野车等属于汽车类的对象或实例方法通俗来讲就是实例或对象拥有的一些功能例如：汽车的对象或实例都可以启动、停...原创 2019-03-01 11:01:23 · 1401 阅读 · 0 评论 -
.NET Framework的作用是什么
.net framework是微软的开发程序的框架 .net技术是比较新的技术 用.net开发的程序就需要.net的环境来支持才能运行 打个比方linux的应用程序只能在linux的环境下才能使用NET的运行环境，类似用运行时间库的东西，要运行.NET的计算机必须安装了这个东西。具体的说是支持生成和运行下一代应用程序和 XML Web services 的内部 Windows 组件...转载 2019-02-27 16:00:08 · 16314 阅读 · 0 评论 -
项目中 关于相对路径和绝对路径的问题
转载自：https://myxieyu.iteye.com/blog/1701095一般情况下最好用绝对路径 <%=basePath%>/js/jquery.js其中basePath是下面的值<% String path = request.getContextPath(); String basePath = request.getScheme() + "://"...转载 2019-01-23 17:39:27 · 466 阅读 · 0 评论 -
oninput 事件在用户输入时触发
oninput 事件在用户输入时触发。该事件在 <input> 或 <textarea> 元素的值发生改变时触发。提示： 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <selec...原创 2019-01-29 11:11:52 · 937 阅读 · 0 评论 -
js和jquery语句之一二
removeData()jquery: removeData() 方法删除之前通过 data() 方法设置的数据$(“#idName).removeData()slice()slice() 方法可从已有的数组中返回选定的元素。语法：arrayObject.slice(start,end)请注意，该方法并不会修改数组，而是返回一个子数组。如果想删除数组中的一段元素，应该使用...原创 2019-04-10 12:01:03 · 153 阅读 · 0 评论 -
移动端Hybrid开发中IOS兼容问题
在APP中打开页面，发现整个页面不能显示完整，解决方案：直接获取到屏幕高度在减去头部高度赋值给bodyif (!!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) { //判断iPhone|iPad|iPod|iOS $("body").css("height",document.body.offsetHeight...原创 2019-01-16 17:35:53 · 386 阅读 · 0 评论 -
术语
语法糖语法糖（Syntactic Sugar），也称糖衣语法，指在计算机语言中添加的某种语法，这种语法对语言本身功能来说没有什么影响，只是为了方便程序员的开发，提高开发效率。说白了，语法糖就是对现有语法的一个封装。...原创 2019-03-20 10:09:32 · 155 阅读 · 0 评论 -
Vue环境搭建
摘抄自：一、环境搭建1、.安装node.js，从node.js官网下载并安装node，安装过程很简单，一路“下一步”。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如果出现相应的版本号，则说明安装成功。2、安装淘宝镜像，打开命令行工具，输入以下命令，安装完成之后输入cnpm -v，如果出现相应的版本号，则说明安装成功。npm install -...转载 2019-03-26 11:22:08 · 93 阅读 · 0 评论 -
webpack配置sass模块的加载
转载：https://www.cnblogs.com/ww03/p/6037710.html1.为了使用sass，我们需要安装sass的依赖//在项目下，运行下列命令行npm install --save-dev sass-loader//因为sass-loader依赖于node-sass，所以还要安装node-sassnpm install --save-dev node-sas...转载 2019-03-26 11:26:44 · 409 阅读 · 0 评论 -
在JS函数里，如何获取调用函数的当前元素DOM
一般可以通过触发元素事件，通过$(this)获取当前元素dom，从而进行相应操作。例：$("#id").on("click",function(){ console.log( $(this).html());})但如果是通过调用方法，对当前元素dom进行操作，$(this)就不行了。最后通过以下方法解决。<button type="button" class="b...原创 2019-04-22 10:31:35 · 6216 阅读 · 1 评论 -
input绑定的jedate日期控件的值改变时触发事件问题
一、input绑定的jedate日期控件的值改变时触发事件问题一般input中值发生改变，用onchange 就可以触发事件，但我现用jedate日期控，选中日期后，发现onchange无效。后经查资料，onchange的实现机制如下：一、当input捕获到焦点后，系统储存当前值二、当input焦点离开后，判断当前值与之前存储的值是否不等，如果为true则触发onchange事...原创 2019-04-25 10:45:38 · 5682 阅读 · 0 评论 -
layUI之Table
1.自定义每页显示条数参数limit:10, //每页显示条数limits: [10,20,30,40,50,60,70,80,90], //下拉选择每页显示条数原创 2019-05-14 10:27:20 · 505 阅读 · 0 评论 -
获取当前日期的指定的前后天数
function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = (dd.getMonth()+1)<10?"0"+(dd.getMo...原创 2019-05-21 10:44:58 · 331 阅读 · 0 评论 -
layui table 分页还原已勾选行状态的方法
转载：https://fly.layui.com/jie/18707/<!DOCTYPE html><html> <header> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"> <script src="layui/l...原创 2019-05-21 10:49:03 · 1589 阅读 · 0 评论 -
each为什么遍历出错
遍历earch，当我执行如下代码时，并不能按我希望输出值var i = 0;$checked_row.each(function () { ids[i++] = $(this).attr("id"); data[i++] =JSON.parse($(this).val()); });正确代码应如下：$checked_row.each(function (i) { ...原创 2018-11-12 15:55:26 · 307 阅读 · 0 评论 -
layer table不能自适应的问题
在dialog下的layer table不能自适应，原因是layer table渲染时，dialog还没有渲染，layer table无法获取到外围宽度，因此就无法自适应，目前是加个延迟。$('#selectDialog').modal('show'); setTimeout(function(){ page()}, 100); ...原创 2019-01-25 18:14:03 · 2245 阅读 · 0 评论 -
把HTML5的手机网站嵌入安卓APP中，发现上传按钮功能失效，点击没有任何反应？
把HTML5的手机网站嵌入安卓APP中，发现<input type='file' />的上传按钮功能失效，点击没有任何反应，查找百度得知：安卓APP的WebView默认屏蔽了该控件的使用，有些安卓APP之所以能支持文件选择和上传，主要可能是有可能采取了如下措施之一：1.可能在该APP中重写了相关方法，比如onShowFileChooser()2.提供了JS Bridge来供...原创 2019-01-14 11:06:22 · 5360 阅读 · 0 评论 -
共用方法-输入框禁用特殊符号
$("body").on("keyup", "input", function () { console.log(this.value) // this.value = this.value.replace(/^u4e00-u9fa5w]/g, '') var regEn = /[`~!#$%^&*()+<>?:"{},\/;'[\]]/im, ...原创 2019-01-18 17:40:01 · 506 阅读 · 0 评论 -
DataTable列表显示生成的二维码
ps:在“createdCell”一定要加上“ $(td). ”该语句才能生效。// 查询function queryList(){ page("tableList");}function page(tableId){ var qrCodeText=[]; var areaId=$('#areaId').val(); var projectId = $('#project...原创 2018-11-23 12:08:18 · 837 阅读 · 0 评论 -
javascript循环push 对象问题
最近在做的一个项目，需要循环push 一个对象，大致如下代码if(fileUrls){ var fileList ; var fileList=[]; var filesName=[]; var par={ ...原创 2018-11-20 12:52:53 · 2956 阅读 · 0 评论 -
浅谈 for与for in的不同点
for的语法结构： for( 初始值;判断条件;步幅){ code } for( var i =0;i<5;i++ ){ //i初始值为0；i是否小写5；每次循环后i加1 console.log(i);// 0 1 2 3 4 }for in的写法：var wq = { age:20, name:"咸鱼", sex:"男"...原创 2018-11-19 10:38:41 · 217 阅读 · 0 评论 -
通过window.sessionStorage.getItem获取的值，一定要 通过JSON.parse()转成对象
错误示例：var noticeId= window.sessionStorage.getItem('noticeId')window.sessionStorage.setItem("noticeId", null)if (noticeId) {}不管noticeId是null还是有值，都会执行if里面的语句，原来noticeId的null被当成“null”字符串了。正确代码如...原创 2018-11-12 17:32:25 · 37526 阅读 · 1 评论 -
Title显示一半（html title空格）
内容提要：Title显示一半（html title空格），问题一、有些列表值字数太长我们需要把他截取，但为了用户能看到全部，我们加个title，后来发现title中的字符串如果包含半角空格的时候，title只显示了空格前面的内容，后面的就没有显示了（原因：就是这个半角空格造成的） 问题一、有些列表值字数太长我们需要把他截取，但为了用户能看到全部，我们加个title，后来发现title中的字符串...转载 2018-11-13 17:15:47 · 1386 阅读 · 0 评论 -
jquery委托事件绑定后，函数多次执行的解决方法
代码$("body").on("click", ".editable-click",function () {})事件会执行两次，后改为：$(".editable-click").on("click", function () {})解决，原因可能是事件委托给body，有缓存还是什么吧。原因有待进一步研究...原创 2018-11-05 15:44:48 · 167 阅读 · 0 评论 -
jQuery控制checkbox判断是否选中状态
var choose=$("input[name=td-checkbox]").filter(":checked"); if(!choose){ Ewin.alert("请选择接单人"); }else{ var data=JSON.parse($("[name=td-checkbox]").filter(":checked").val()); // if(dat...原创 2018-10-22 10:38:42 · 342 阅读 · 0 评论 -
重新梳理数组数据
原数据格式：{ "status":1, "msg": "返回成功", "data": [ { "name":"xxxx", "userId":"xxxxx", "pointiInfo": [ {原创 2018-10-18 17:04:03 · 141 阅读 · 0 评论 -
js简单设置与使用cookie的方法
一、js设置cookie的用处php可以设置cookie的，用js来设置cookie有什么好处呢？在前端进行操作时，有的时候要传很多参数，这个时候，我们可以把这些参数拼接到url后面进行传值，那边在接收参数，不过这样挺麻烦的，如果把这些数据放到cookie里面，就开发者的开发效率来说，我想会高一些，以淘宝为例，他有一级分类，二级分类，三级，四级，我们找商品的时候，可能会牵扯到很多条件，如果把这...转载 2018-09-27 15:15:39 · 257 阅读 · 0 评论 -
JS设置cookie，删除cookie
js设置cookie有很多种方法。第一种：（这个是w3c官网的代码）<script>//设置cookiefunction setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expire...转载 2018-09-20 10:24:02 · 8384 阅读 · 0 评论 -
前端js代码收集
1.select设置默认选中值$(".enterHouseStatus").val("0")原创 2018-11-29 11:05:49 · 179 阅读 · 0 评论 -
jquery 获取动态添加后子节点的元素个数
用默认的方法获取动态添加后子节点的元素个数时，却一直显示的是添加前的个数，代码如下：alert($("#houseList li").find("li").length)后来换个思维，从点击按扭追索上去，再查找li，成功，代码如下var that=$(this);var lis=that.parents(".houseList").find("li"); alert(lis.l...原创 2018-11-27 15:27:16 · 1390 阅读 · 0 评论 -
项目开发代码收集
一、简化上传代码原：if ($.trim($("#downloadAttachments").val()) != "") { var downloadAttachments = new Array(); $.adapterFiles('downloadAttachments', {}, 'common/cos/batchUpload/...原创 2018-11-30 16:31:47 · 195 阅读 · 0 评论 -
移动端--下拉选择插件mobileSelect
具体使用方法参考：https://blog.youkuaiyun.com/oulihong123/article/details/58327247不过这插件有一bug,就是若有两下拉是有联动的，会不断产生新的名为“.mobileSelect”的层。.mobileSelect层也没有对应的ID，后经我修改插件源码，为每个.mobileSelect层添加ID，及生成新的.mobileSelect层时，删掉旧的...原创 2019-01-17 11:11:04 · 7185 阅读 · 1 评论 -
layerUI
layui树形表格treeTablehttps://fly.layui.com/jie/30625/https://gitee.com/whvse/treetable-lay代码demo// 加载列表树 layui.config({ base: '../../plugins/treeTable/' }).extend({ tre...原创 2018-12-11 15:41:25 · 410 阅读 · 0 评论 -
js代码片断一：js判断控件是input还是select，// 获取地址参数
1.js判断控件是input还是select<select id="aaa"><option>asdfasdf</option></select><textarea id="ccc">asdfasdfasdf</textarea><script>alert(d原创 2018-12-11 10:04:55 · 905 阅读 · 0 评论 -
js 格式化树形数据
优化版（新）tabledata = flatten(d.data.rows);// 扁平化树形数据function initData(arr, item) { var rows = item.rows; var obj = { id: item.id, isInternal: item.isInternal, isExter...原创 2018-12-21 17:31:25 · 1811 阅读 · 0 评论