前端
关注
分享
扫一扫
前端
yfx000
这个作者很懒，什么都没留下…
展开
-
jquery pagination分页组件
jquery pagination分页组件原创 2023-02-28 14:19:36 · 442 阅读 · 0 评论 -
uniapp 设置背景图像
uniapp设置背景图像。原创 2023-02-23 15:17:29 · 2472 阅读 · 1 评论 -
RSA 非对称加密解密，可以javascript和java加解密
RSA是一种使用不同的加密密钥与解密密钥的体制，不对称加密算法。公钥加密，私钥解密。RSA算法是先生成一对RSA密钥，其中之一是保密密钥，由用户保存；另一个为公开密钥，可对外公开，甚至可在网络服务器中注册。为提高保密强度，一般推荐使用1024位。...原创 2022-08-03 14:27:50 · 1067 阅读 · 0 评论 -
jquery ajax 提交json格式数据
jquery post ajax 提交json数据原创 2022-08-03 11:48:30 · 3262 阅读 · 0 评论 -
原型、设计、前端 协作工具汇总
目前主流的 UI 设计软件有 Sketch、Photoshop、Adobe XD 和 Figma，并且国内已经有很多优秀软件基于这些设计软件作出了相关协作工具、生成工具，大大提高了工作效率，在此汇总收集相关设计、协作工具。原创 2022-07-31 16:56:27 · 883 阅读 · 0 评论 -
最简单的纯css固定table的表头
页面table通常都需要做表头固定，参考了n种实现方式，最终还是选择了用纯css来做表头固定，只是因为方便，易于调试。转载 2022-06-01 14:51:26 · 5134 阅读 · 0 评论 -
jquery 取消table单元格合并
jQuery合并单元格以及还原重置转载 2021-11-17 16:18:31 · 434 阅读 · 0 评论 -
动态加载js_异步加载js
如下代码，在浏览器控制台F12输入后，可以在当前网页引入jquery，如下方法是异步执行var theHead = document.getElementsByTagName('head').item(0);var myScript = document.createElement('script');myScript.src = 'http://libs.baidu.com/jquery/2.0.0/jquery.min.js'; myScript.type = 'tex原创 2021-11-17 16:04:03 · 566 阅读 · 0 评论 -
解除网页无法选择文字_无法复制
var eles = document.getElementsByTagName('*');for (var i = 0; i < eles.length; i++) { eles[i].style.userSelect = 'text';}原创 2021-05-29 15:45:33 · 370 阅读 · 0 评论 -
uniapp_vue_更改数据后_页面组件的值未刷新
一般来说页面和数据是双向绑定的，数据改变页面就会改变，可是有时候页面数据改变后，APP上页面不刷新可能原因：可能是对象层数太深了通用解决办法：控制未刷新组件，先不显示，再显示1、组件添加v-if控制显示<hx-number-box v-if="showNumberBox"></hx-number-box>2、刷新方法let that = this;that.showNumberBox = false;that.$nextTick...原创 2021-05-08 14:39:05 · 6093 阅读 · 1 评论 -
uniapp_修改上一个页面属性_调用上一个页面方法
let pages = getCurrentPages();for(let i in pages){ let prePage = pages[i]; if(prePage.route === "pages/order/order"){ prePage.$vm.refresh(); prePage.$vm.newOrder = true; }}原创 2021-01-20 15:43:33 · 1663 阅读 · 1 评论 -
uniapp filter 自动处理value，金额小数点_金额逗号_保留两位小数
有时后台取出来数值小数点位数很多，统一做个处理，不是很好的方法，但是filter可以参照使用1、main.js 这样可以全局调用Vue.filter('money', function (value) { if (!value) return '0.00'; var value = value.toFixed(2);//提前保留两位小数 var intPart = Number(value).toFixed(0); // 获取整数部分 var intPartFormat = intPart原创 2020-08-28 11:37:21 · 5649 阅读 · 3 评论 -
js中json对象数组按对象属性排序_对象排序_数组排序_对象数组排序
//要排序的数据let data = [ {chinese: '蔡司', english: 'Chase'}, {chinese: '艾伦', english: 'Allen'}, {chinese: '左拉', english: 'Zola'}, {chinese: '贝克', english: 'Baker'}, {chinese: '伯格', english: 'Berg'}, .转载 2020-08-25 14:29:27 · 591 阅读 · 0 评论 -
uniapp 应用启动onLaunch方法，改为同步，执行后再执行页面加载onLoad方法
问题描述app.vue里的onLaunch中如果有异步方法，返回结果可能会在页面的 onLoad 之后，为了让页面的 onLoad 在 onLaunch 之后执行，使用以下解决方案1、main.js添加如下代码Vue.prototype.$onLaunched = new Promise(resolve => { Vue.prototype.$isResolve = resolve})2、在 App.vue 的onLaunch中增加代码this.$isResol...转载 2020-08-23 18:53:53 · 33728 阅读 · 14 评论 -
正则匹配html标签_匹配两字符串之间内容_匹配image标签
搜索时可以用notepad++ 搜索测试，匹配部分会变为选中状态1 匹配image标签<img([\s\S]*?)>说明:(1)([\s\S]*?) 代表任意字符 ? 指不贪心匹配 不加 ? 则指贪心匹配(2) java中使用要用双斜杠\\，下面同理2 匹配指定src的image标签<img([\s\S]*?)src=\\"https://www.baidu.com([\s\S]*?)>说明:(1) src=\\" 是...原创 2020-07-29 11:07:12 · 1568 阅读 · 0 评论 -
[ npm install ] MSBUILD : error MSB4132:无法识别工具版本2.0，可用的工具版本为4.0
* 解决 npm 安装 node-sass 速度慢的问题: 可通过配置淘宝的镜像源解决，首先配置淘宝的镜像源执行命令：npm config set registry https://registry.npm.taobao.org* 然后在 ~/.npmrc 加入下面内容sass_binary_site=https://npm.taobao.org/mirrors/node-sass/注：.npmrc 文件位于： win：C:\Users\[你的账户名称]\.npmrc l...原创 2020-06-17 16:07:49 · 2022 阅读 · 0 评论 -
Vue中v-for循环指定次数
Vue规定v-for循环的次数Vue中控制v-for循环次数的实现方法Vue中v-for直接循环数字<view v-for="index of 5" :key="index"> 第{{index}}个 </view>...原创 2020-03-15 21:11:27 · 22435 阅读 · 0 评论 -
JavaScript 通过plus读取android手机短信内容
Vue.prototype.getsms = function() { var main = plus.android.runtimeMainActivity(); var Uri = plus.android.importClass("android.net.Uri"); var ContactsContract = plus.android.importClass('androi...原创 2019-11-20 11:49:27 · 889 阅读 · 0 评论 -
设置浏览器使用最高文档模式渲染
如下代码最后一行，设置浏览器使用最高内核渲染。如果不指定有时浏览器会使用低版本渲染，导致页面样式问题，究其原因是代码质量。<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=e...原创 2017-02-20 11:02:55 · 693 阅读 · 0 评论 -
flex布局笔记
一、容器的属性/* 主轴方向：水平，水平反向，列，列反向 */flex-direction: row | row-reverse | column | column-reverse;/* 换行策略：不换行，换行，换行但第一行在第二行下面 */flex-wrap: nowrap | wrap | wrap-reverse;/* 简写形式：默认为row nowrap */flex-flow...转载 2019-11-05 20:53:58 · 498 阅读 · 2 评论 -
json 与 string 互转
1、将json 格式化为stringJSON.stringify(jsonObject)2、将string转换为 jsonJSON.parse(string)原创 2017-08-04 16:04:17 · 1569 阅读 · 0 评论 -
返回顶部的喷气火箭
无标题文档#backtop div { left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; width: 149px;}#backtop .level-2 { background: url("rocket_button_转载 2016-04-07 16:11:24 · 668 阅读 · 0 评论 -
editor批量复制word图文插件
泽优Word图片上传控件2(WordPaster2)适用于任意Web内容发布平台，面向移动，支持多种Web编辑器，大幅度提升内容发布效率。http://www.ncmem.com/webapp/wordpaster/purchase.aspxhttp://www.ncmem.com/zyeditor/index.aspx...原创 2019-07-22 11:22:50 · 375 阅读 · 0 评论 -
photoshop 切图工具 Cutterman
Cutterman是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出， 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出，方便你在pc、ios、Android等端上使用。 它不需要你记住一堆的语法、规则，纯点击操作，方便、快捷，易于上手。http://www.cutterman.cn/zh/c...转载 2019-06-25 13:45:11 · 547 阅读 · 0 评论 -
js 获取外部变量 setInterval 一定要 匿名函数调用
js 获取外部变量 setInterval 一定要 匿名函数调用或者是 setInterval 获取的外部对象 undefined ，方法 找不到， 各种灵异找不到、不好使的时候，就要写匿名函数function test(x){ //setInterval要想获取外部变量一定要通过匿名函数 var b=x; setInterval( function()转载 2016-06-12 10:30:30 · 6157 阅读 · 0 评论 -
spring 登录拦截器
本登录拦截器可以拦截普通请求和ajax请求，并将原请求跳转至登录页面1、dispatcher-servlet.xml 2、LoginInterceptor.javapackage com.common.interceptor;import javax.servlet.http.HttpServlet原创 2016-06-08 21:16:50 · 1254 阅读 · 0 评论 -
js for循环 遍历数组 遍历对象属性
1、js for循环 遍历对象属性var person = {fname:"John",lname:"Doe",age:25};for (x in person) {console.log(x + "=" + person[x]);}2、js for循环 遍历数组var mycars = new Array("Saab","Volvo",原创 2016-06-08 16:26:06 · 9336 阅读 · 2 评论 -
正则匹配 js替换掉富文本或html中的标签和空白
js替换掉富文本中的标签和空白，替换前 123替换后123目的便于不需要以富文本显示的地方，比如列表上。app.content = app.content.replace(//g, "");app.content = app.content.replace(/ /g, " ");原创 2015-03-05 16:13:32 · 5187 阅读 · 0 评论 -
固定div，css固定
纯CSS兼容IE6的固定底部的广告层 - 懒人建站body{ padding:0px; margin:0px;background-image:url(text.txt); /* for IE6 */ background-attachment:fixed; /*必须*/}#bottom_ad { WIDTH: 100%; HEIGHT: 100px; displa原创 2016-04-07 16:03:50 · 523 阅读 · 0 评论 -
js打印 PrintArea-master
js打印 PrintArea-masterhttp://plugins.jquery.com/PrintArea/原创 2016-04-07 15:56:59 · 455 阅读 · 0 评论 -
创建锚链接
锚链接，就是当你点击链接时，页面滚动至锚的位置，百度百科的目录就是这个思路，点击某个章节，页面滚动至该章节。实现方式如下：1、设置页面滚动到的元素id，并在前面加#点击这个锚链接，页面将滚动至标记位置这样点击上面链接后，页面即可滚动至对应id的元素的位置 **********2、js也可实现此效果window.location.hash='#anchor'原创 2015-03-12 23:48:31 · 1170 阅读 · 0 评论 -
js获取回车事件
如下代码提供了文本框和页面全局获取回车事件的方法JS获取回车按事件function keydown(){ var event=arguments.callee.caller.arguments[0]||window.event;//调节浏览器兼容 if (event.keyCode == 13){ alert("您在文本框按下了回车键");原创 2015-03-17 21:42:55 · 1488 阅读 · 0 评论 -
避免console错误，console兼容
背景：（1）写js代码时写了很多console.log进行日志打印，最后上生产时不想删除代码，但是也不想输出（2）ie在不打开f12控制台时，日志输出会失败，导致后续js不执行，所以需要适时屏蔽js日志输出1、重写浏览器console日志输出，避免浏览器因不支持或未启用console.log导致的js不往下执行的问题<script>if(typeof w...原创 2015-03-17 21:20:35 · 2006 阅读 · 0 评论 -
jquery 记事本
1、获取元素的html，含自己$("#id").prop("outerHTML")原创 2017-06-22 18:24:47 · 471 阅读 · 0 评论 -
css添加图片倒影
css添加图片倒影 img {-webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255,255,255,0.3) 0%, transparent 40%, transparent 100%);} 效果图原创 2019-02-27 17:24:23 · 769 阅读 · 0 评论 -
手机框架_移动端框架_跨平台_汇总_哪个好
uni-app【重点推荐】是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，到7个平台，Android版 iOS版 H5版 微信小程序版 支付宝小程序版 百度小程序版 头条小程序版https://uniapp.dcloud.io/DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位，旗下产品： ...原创 2018-05-14 11:46:42 · 7858 阅读 · 0 评论 -
CSS完美实现iframe高度自适应
CSS完美实现iframe高度自适应（支持跨域）Iframe的强大功能偶就不多说了，它不但被开发人员经常运用，而且黑客们也常常使用它，总之用过的人知道它的强大之处，但是Iframe有个致命的“BUG”就是iframe的高度无法自动适应，这一点让很多人都头疼万分。百度或是谷歌一下，确实很多解决方法，但尝试一下，会发现问题很多：浏览器兼容性差，不能自适应，仅支持同域Iframe等诸多问题，尤其是跨域I...转载 2018-04-25 16:40:20 · 1063 阅读 · 0 评论 -
谷歌浏览器后提示Adobe Flash Player因过期而遭到阻止
打开Chrome快捷方式属性，在目标中的左后添加一个启动参数，注意“--”前面有空格：--allow-outdated-plugins；转载 2017-04-20 22:07:27 · 1082 阅读 · 0 评论 -
css实现内容超长自动截取并显示省略号
white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;width: 100px;原创 2017-08-16 18:44:11 · 1502 阅读 · 1 评论 -
QQ推广，QQ在线代码
http://wp.qq.com 个人http://b.qq.com/wp/ 企业原创 2016-04-07 15:52:22 · 1669 阅读 · 0 评论