- 博客(35)
- 收藏
- 关注
RSS订阅原创 自定义 element DatePicker组件指令 使选择器呈现为只读状态，用户无法直接编辑，但可以查看和选择日期
自定义 element DatePicker组件指令 使选择器呈现为只读状态，用户无法直接编辑，但可以查看和选择日期
2023-11-30 10:49:11
876
原创 在uniapp的小程序中使用自己的字体库
很多人下载字体库都是在阿里字体库找字体下载字体。但是我还是喜欢这个这个网站弄字体1.假设我们找一个网站上面发现了不错的字体1.1 我们打开控制台然后在网络中过滤woff，就找到了字体文件 1.2 在网上找到字体转svg的网站 TTF转SVG - 在线转换图像文件 （我用ttf转svg不理想，用woff2文件转）可以下载文件也可以直接复制链接使用链接的方式 然后将转化后的文件下载下来2.生产字体打开这个网站 IcoMoon App - Icon Font, SVG, PDF & PNG Generato
2022-06-10 12:56:04
3723
原创 使用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
16683
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
469
原创 让浏览器显示小于12px的字体
浏览器能显示的最小字体就是12px这是大家都知道的事，之前写大屏的时候就遇到了设计图编写完之后用postcss-px-to-viewport 插件将单位px转为vw。但是有些字就造成比设计图的效果要大，但是实际上字体已经是浏览器最小的了。我们来看效果这三部分都是12px 但是第一部分就因为内容多就换行了后来我看到了css中有一个放缩的功能，类似于放大镜 放小镜上代码<div style="display: flex;width: 500px;"> <div .
2021-12-17 11:17:08
1227
原创 uniapp 签名最终转为base64上传
签名用的插件是电子签名组件 - DCloud 插件市场首先自己根据需求更改了部分样式并设置了横屏// #ifdef APP-PLUS plus.screen.lockOrientation('portrait');// #endif在签完名字之后点击上传. 本来想着直接上传，结果后端接收不到，所以干脆直接转出base64然后传给后端 交给后端去处理图片 //完成 subCanvas() { let _this = this; uni.canvasToT
2021-12-02 16:41:27
954
原创 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
685
原创 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
1918
6
原创 求两个不超过 200位的非负整数的和。
今天看到一道题：输入格式有两行，每行是一个不超过200200位的非负整数，可能有多余的前导00。输出格式一行，即相加后的结果。结果里不能有多余的前导00，即如果结果是342342，那么就不能输出为03420342。话不多说，上代码！let a = '202222222002222222222222';let b = '00893278749824874297848248'; // let a = '000099';// let b = '00099';...
2021-09-24 15:20:22
1833
原创 代码图像注释
本来今天看编辑器的插件 看到一个图案注释，佛祖保佑、神兽保佑的插件，想起之前也在代码中复制过一个佛祖保佑的图像，所以就想着能不能自己搞一些自己喜欢的图像，于是呼就找到了一个网站可以把图片转字符画我也搞了几个图 希望大家喜欢，当然大家也可以搞一下自己喜欢的图悟空文字 // .
2021-09-23 17:47:04
285
原创 js 实现小数精度还原
由于计算机的二进制实现和位数限制有些数无法有限表示 所以有些数没有正确显示 所以造成精度出现问题 比如0.1+0.2这个是计算机的一个问题 我们无能为力 但是我们可以使用语言我们的语言来修复这个问题废话少说 直接上方法function fixJindu(input) { var isZheng = 1;//用于最后判断数据的正负 if (input * 1 &...
2018-11-17 11:20:50
339
原创 银行的名称缩写
ASCB 鞍山银行 ARCU 安徽省农村信用社 BJBANK 北京银行 BJRCB 北京农商行 BSB 包商银行 BOHAIB 渤海银行 BDCBANK 保定银行 BOCFCB 中银富登村镇银行 JKRFCZYH 长春经开融丰村镇银行 CRCBANK 重庆农村商业银行 CSRCB 常熟农商银行 CDCB 成都银行 CCQTGB 重庆三峡银行 CSCB 长沙银行 C...
2018-07-27 17:22:30
27301
原创 ionic 项目的热跟新以及部分文件忽略更新讲解
首先贴上我们这个插件的GitHub上的地址 https://github.com/nordnet/cordova-hot-code-push然后电脑上的环境需要安装node (安装node的时候就会安装npm) ionic cordova android 等等基础环境，这些各位看官可以自行百度安装。接着准备一台服务器，一台电脑，一个手机。准备之后就开始我们今天的主要内容了。1
2017-01-09 16:47:41
524
原创 ionic中android的返回键
相对于苹果来说android还有一些功能按钮，这里面就包括了返回键。在苹果中只要你设置好每一个返回的按钮跳转的地方就可以高枕无忧了，但是android不行，因为它还有恶心的物理或者虚拟返回按钮。很多时候就需要监控这些返回按钮来进行部分操作。比如在qq 微信等应用中当你在有tabs页面时点击返回是会关闭应用。我们要想操作返回按钮就需要注册一个事件。首先我们在run方法中注入$ionicPlat
2016-12-07 16:31:30
2539
原创 ionic 中的路由玩法
开发ionic的项目，路由其实还是蛮重要的一个东西。有了这个东西，我们可以很轻松的实现页面的切换和跳转。这里我就介绍一些ionic中的一些路由的简单玩法。1.路由的准备首先我们要想路由能很好的工作，那我们就需要在config中配置好相关的东西。在config中需要用到$stateProvider 和$urlRouterProvider两个模块，我们要将他们依赖进来。然后我们就先用$
2016-12-07 15:58:36
3930
原创 喝酒，酒瓶瓶盖换酒js解决
题目是王大钉喜欢喝酒，存货都喝完了，他就去楼下买，正好楼下的商店为了响应学校的 ACM 校赛推出了优惠活动：凡是在本店买的啤酒，喝完以后 3 个空瓶可以换一瓶，4 个瓶盖也可以换一瓶酒。王大钉觉得太合算了，决定多买，现在他手里的钱可以买 N 瓶酒，但是他算不出来，通过活动兑换他一共可以喝到多少瓶？他很难过，你能帮他计算一下他能喝的酒的数量吗？ 老规矩，上代码function
2016-06-08 14:57:57
2389
原创 js找到阶乘最后面的非零位
题目：找到阶乘最后面的非零位。举个例子:5!=120所以5!的最后面的非零位是2；7!=5040，所以最后面的非零位是4。输入包括一行，为一个整数N（N＜4221）。输出包括一行，为输出N!最后面的非零数。话不多说，上代码/** * 找到阶乘最后面的非零位 * @param value */function findSomeShu() { //this.valu
2016-06-04 13:41:34
842
原创 特殊质数js实现
首先我们看一下原题7331是一个特殊的质数，因为我们去掉个位得到的733是一个质数；再次去掉个位得到的73又是一个质数；再去掉个位后得到的7依然是一个质数。对于形似这种的质数，我们称呼它为特殊质数。写一个程序对给定的待求特殊质数的位数 N (1≤N≤8)求出所有对应位数的特殊质数（注意：数字1不被看作一个质数）。输入包括一个整数，为待求特殊质数的位数 N。输出长度为N的特殊质数列表
2016-05-31 10:09:31
666
原创 js将本地时间与服务器时间同步
注意，代码中使用了angular中时间的格式化方法，如果你没有使用angular，可以自己找格式化时间的方法代替！1.首先获取本地时间和服务器时间的时间间隔。(这里假设服务器传过来的时间是 2016-05-25 16:20:00)var timeDiff=dateDiff($filter('date')(new Date(), 'yyyy-MM-dd HH:mm:ss'),'2016-
2016-05-25 16:32:11
2696
原创 爬楼梯 js算法
原题：假设你现在正在爬楼梯，楼梯有n级。每次你只能爬1级或者2级，那么你有多少种方法爬到楼梯的顶部？闲话不多说，上代码var sumMethod = 0;var floorSum = 4;function jisuanFloor(floorsum) { if (floorsum == 0 || floorsum == 1) { sumMethod++;
2016-04-22 16:33:39
2206
原创 网上出现的js小数计算的除法优化
众所周知，js的小数计算很容易出现不准确的现象。通过百度找到了一些计算来解决这个问题，但是我发现除法还是会出现一些问题，所以我对除法的方法重写了一下。代码如下 var computeTool={ //减法函数 "jianfa": function (arg1, arg2) { var r1, r2, m, n; try { r1 = ...
2016-03-29 12:48:57
615
原创 angularjs中判断ng-repeat是否迭代完
angular中的ng-repeat指令会自动迭代数组然后你就可以将这些迭代的数据在页面逐条显示。但是怎样才知道数据迭代完了，其实还是有方法的，今天就介绍一种方法来判断ng-repeat是否已经迭代完。众所周知ng-repeat会为每一个repeat的对象创建一个控制器，我们就利用这个来判断。首先我们要定义一个数组$scope.testArrray = [ {id: 1
2016-02-22 17:47:58
6265
原创 将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
17902
2
原创 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
2427
原创 使用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
3054
原创 ionic中的$ionicPopup连续两个调用alert时需要注意的事项
$ionicPopup.alert();返回的是一个promise,再执行的时候其实是异步执行。所以当连续调用两个ionic中的alert时就要注意了，不然就会出现点击按钮之后遮罩层不消失，弹出框不消失等情况。$ionicPopup.alert()调用之后会返回一个promise，我们可以在这个里面执行。代码可以参考下面：var alertPopup=$ionicPopup.a
2015-09-28 14:48:47
3291
原创 angular中获取一个dom元素的作用域
1.首先获取这一个dom元素 2.通过这个元素获取这个元素的作用域代码如下： var dom = document.getElementById('targetId'); var targetscope=angular.element(dom).scope();
2015-07-29 14:14:11
1337
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人