前端
梁毅
今日的菜鸟,明日的大牛!
展开
-
自定义 element DatePicker组件指令 使选择器呈现为只读状态,用户无法直接编辑,但可以查看和选择日期
自定义 element DatePicker组件指令 使选择器呈现为只读状态,用户无法直接编辑,但可以查看和选择日期原创 2023-11-30 10:49:11 · 1084 阅读 · 0 评论 -
前端利用emailjs发送邮件
前端利用emailjs发送邮件原创 2023-03-03 14:49:33 · 3058 阅读 · 0 评论 -
使用vue-print-nb打印element table时表格打印不全的问题
elment的表格设置宽度为100%之后打印还是不能将表格打印完整 如下图1.寻找问题为什么会出现这种情况,打开控制台查看代码原来是el-table 会计算100%宽度为具体多少px 然后再计算出每一列的宽度 通过设置table>colgroup>col 的width属性来设置每一列的宽度。问题是浏览器的打印区域的100%的具体px如这里的1388px肯定与打印纸的宽度不一致 所以导致部分区域打印不出来2.解决思路 那就把col这里的具体宽度设置成百分比就OK了...原创 2022-04-27 16:48:29 · 17964 阅读 · 23 评论 -
css 媒体查询
之前接了一个页面的私活,但是现在突然提出要适配手机。由于之前写的时候是用的px为单位,然后通过postcss 的插件 中的postcss-px-to-viewport 将px全部转为vw 。本身转为vw之后就很好的兼容了很多PC 。但是现在手机上部分样式就乱了,于是就想到了之前用到过的媒体查询(是写在css代码中的),在查阅资料的时候发现居然还有可以加载link标签上的媒体查询。果断使用,特此记录一下。代码如下:<link rel="stylesheet" href="./main.css"原创 2022-02-21 11:18:20 · 489 阅读 · 0 评论 -
让浏览器显示小于12px的字体
浏览器能显示的最小字体就是12px这是大家都知道的事,之前写大屏的时候就遇到了设计图编写完之后用postcss-px-to-viewport 插件将单位px转为vw。但是有些字就造成比设计图的效果要大,但是实际上字体已经是浏览器最小的了。我们来看效果这三部分都是12px 但是第一部分就因为内容多就换行了后来我看到了css中有一个放缩的功能,类似于放大镜 放小镜上代码<div style="display: flex;width: 500px;"> <div .原创 2021-12-17 11:17:08 · 1298 阅读 · 0 评论 -
postcss-px-to-viewport 中根据不同的路径输出不同的尺寸
根目录下创建一个postcss.config.js 配置文件const path = require('path');module.exports = ({ webpack}) => { const designWidth = webpack.resourcePath.includes(path.join('xxx')) ? 1920 : 1980;//根据路径 输出不同的页面的设计尺寸. 我这里是判断路径是否包含xxx,如果包含就输出1920px宽度的尺寸 return {原创 2021-11-18 23:37:43 · 757 阅读 · 0 评论 -
vue select 值更改了 ,但是视图没有刷新
大致讲一下结构,首先是一个表格el-table 然后在表格el-table-column 中自定义列模板 加入一个el-select 这个select 的值会改变但是视图不跟新,网上$set 和$forceUpdate() 都使用了 还是不管用解决办法给 el-table-column 定义一个key 再在el-select 中的change方法中$forceUpdate() 完美解决 <el-table-column align="center" label="名称" wi...原创 2021-09-28 17:59:55 · 2075 阅读 · 6 评论 -
js 实现小数精度还原
由于计算机的二进制实现和位数限制有些数无法有限表示 所以有些数没有正确显示 所以造成精度出现问题 比如0.1+0.2这个是计算机的一个问题 我们无能为力 但是我们可以使用语言我们的语言来修复这个问题废话少说 直接上方法function fixJindu(input) { var isZheng = 1;//用于最后判断数据的正负 if (input * 1 &...原创 2018-11-17 11:20:50 · 366 阅读 · 0 评论 -
easyui tree
easyui 的简单玩法原创 2015-11-19 17:33:31 · 609 阅读 · 0 评论 -
ionic 项目的热跟新以及部分文件忽略更新讲解
首先贴上我们这个插件的GitHub上的地址 https://github.com/nordnet/cordova-hot-code-push然后电脑上的环境需要安装node (安装node的时候就会安装npm) ionic cordova android 等等基础环境,这些各位看官可以自行百度安装。接着准备一台服务器,一台电脑,一个手机。准备之后就开始我们今天的主要内容了。1原创 2017-01-09 16:47:41 · 539 阅读 · 0 评论 -
ionic中android的返回键
相对于苹果来说android还有一些功能按钮,这里面就包括了返回键。在苹果中只要你设置好每一个返回的按钮跳转的地方就可以高枕无忧了,但是android不行,因为它还有恶心的物理或者虚拟返回按钮。很多时候就需要监控这些返回按钮来进行部分操作。比如在qq 微信等应用中当你在有tabs页面时点击返回是会关闭应用。我们要想操作返回按钮就需要注册一个事件。首先我们在run方法中注入$ionicPlat原创 2016-12-07 16:31:30 · 2579 阅读 · 0 评论 -
ionic 中遇到的一些东西
遇到的一些ionic的一些感觉有用的东西,之后遇到也会不断的追加的。原创 2015-11-11 16:31:46 · 1054 阅读 · 0 评论 -
ionic中的$ionicPopup连续两个调用alert时需要注意的事项
$ionicPopup.alert();返回的是一个promise,再执行的时候其实是异步执行。所以当连续调用两个ionic中的alert时就要注意了,不然就会出现点击按钮之后遮罩层不消失,弹出框不消失等情况。$ionicPopup.alert()调用之后会返回一个promise,我们可以在这个里面执行。代码可以参考下面:var alertPopup=$ionicPopup.a原创 2015-09-28 14:48:47 · 3315 阅读 · 0 评论 -
angular中获取一个dom元素的作用域
1.首先获取这一个dom元素 2.通过这个元素获取这个元素的作用域代码如下: var dom = document.getElementById('targetId'); var targetscope=angular.element(dom).scope();原创 2015-07-29 14:14:11 · 1361 阅读 · 0 评论 -
ng-repeat在迭代最后一个元素时执行一个方法
其实很简单,直接代码。//定义一个要repeat的数组$scope.lists = [];/** * 往这个数组塞数据 */for (var i = 0; i 1000; i++) { $scope.lists.push('条目' + i);}/** * repeat最后一个才会执行的方法 */$scope.lastExecute = function () {原创 2015-11-26 16:07:10 · 2447 阅读 · 0 评论 -
将input type="file" 类型的图片文件转成base64
带有图片的form表单上传数据是很麻烦的,因为图片通常都是和文字分开上传,这是很麻烦的,所有吧图片转成base64就可以和当成文字上传了。话不多少,看代码:首先定义一个类型为file的input标签还要定义一个onchange事件,并传入一个event参数。div> input type="file" id="imgTest" type="file" onchange="img原创 2015-12-28 14:10:11 · 17932 阅读 · 2 评论 -
angularjs中判断ng-repeat是否迭代完
angular中的ng-repeat指令会自动迭代数组然后你就可以将这些迭代的数据在页面逐条显示。但是怎样才知道数据迭代完了,其实还是有方法的,今天就介绍一种方法来判断ng-repeat是否已经迭代完。众所周知ng-repeat会为每一个repeat的对象创建一个控制器,我们就利用这个来判断。首先我们要定义一个数组$scope.testArrray = [ {id: 1原创 2016-02-22 17:47:58 · 6289 阅读 · 0 评论 -
网上出现的js小数计算的除法优化
众所周知,js的小数计算很容易出现不准确的现象。通过百度找到了一些计算来解决这个问题,但是我发现除法还是会出现一些问题,所以我对除法的方法重写了一下。代码如下 var computeTool={ //减法函数 "jianfa": function (arg1, arg2) { var r1, r2, m, n; try { r1 = ...原创 2016-03-29 12:48:57 · 638 阅读 · 0 评论 -
ionic 中切换平台以实现android中使用的是ios的样式
简单设置之后ionic可以在android中显示ios中的样式原创 2016-08-29 14:34:35 · 2612 阅读 · 4 评论 -
ionic 中的路由玩法
开发ionic的项目,路由其实还是蛮重要的一个东西。有了这个东西,我们可以很轻松的实现页面的切换和跳转。这里我就介绍一些ionic中的一些路由的简单玩法。1.路由的准备首先我们要想路由能很好的工作,那我们就需要在config中配置好相关的东西。在config中需要用到$stateProvider 和$urlRouterProvider两个模块,我们要将他们依赖进来。然后我们就先用$原创 2016-12-07 15:58:36 · 3965 阅读 · 0 评论 -
使用ionic angular 实现可取消选择的单选radio
闲话少说直接贴代码html页面代码ion-header-bar class="bar-positive"> h1 class="title">当选按钮h1>ion-header-bar>ion-content> div class="list"> div class="item item-divider"> 选取原创 2015-11-13 14:04:54 · 3082 阅读 · 0 评论