前端一名小学生-优快云博客

原创关于IE的时间转换

原代码：// 格式化时间戳 yyyy-MM-dd hh:mm:ss, type==1: yyyy-MM-dd ; type==2: yyyy-MM-dd hh:mm:ssfunction getDateStr(my_dateTime, type) { if (isBlank(my_dateTime)) { return ''; } var d = new Date(my_dateTime); var year = d.getFullYear(),

2021-04-23 15:46:48 467

原创关于IE的ES6语法

IE不支持ES6语法，因此一些像=>的语法都需要转换到ES5解决方法：打开以下网站进行转换https://babeljs.io/repl/#?browsers=defaults%2C%20not%20ie%2011%2C%20not%20ie_mob%2011&build=&builtIns=false&corejs=3.6&spec=false&loose=false&code_lz=CYQwLiB0BmD2BOBREBjAFgCgJZgKYFs

2021-04-23 15:42:41 350

原创小程序获取某个view高度

小程序获取某个view高度并给其他模块赋值<view class="pageBox" catchtap="catchShare" style="padding-bottom:{{bottomHeight}}px">setTimeout(() => { var query = wx.createSelectorQuery(); query.select('.orangeModuel').boundingClientRect() query.exec(

2021-03-29 15:20:07 932

原创与teambition相似的可拖动任务看板

与teambition相似的可拖动任务看板前端实现网站示例：https://www.jq22.com/yanshi10850和示例一样我只负责在页面实现拖动，保存功能是另一位同事写，如果可行后面我再发出来图片示例：需要引用的js文件：http://ceshi.youcaiyongyong.cn/themes/admin_htcyltd/public/assets/css/task/Sortable.js我页面上的内容是数据循环出来的，所以获取一下列表个数，便于循环加ID//定义列表个

2021-03-29 14:39:37 664

原创图片在网页能打开，小程序上不显示的解决方法

这种情况可能是图片被小程序自动加上了防盗链，导致显示不出来解决方案：1、在img标签是上加属性 referrerPolicy=“no-referrer” <image referrerPolicy="no-referrer" src="{{item.attr.src}}" ></image>2、在图片地址上加链接前缀 https://images.weserv.nl/?url= <image referrerPolicy="no-referrer" src="

2021-03-29 14:18:13 4579 2

原创关于富文本编辑器的图片处理

不经意间发现项目内有个bug就是推文详情是使用富文本编辑器处理的，但是富文本编辑器支持的数据又比较局限，上一位前辈并没有把它处理好。于是就出现了如下画面：文字都在，图不见了控制台里也看不见也不知道问题出在哪里了，再看看JS代码吧。打印content试试：很明显！content里有img图片！只是富文本编辑器不显示！那先排除一下数据问题吧，富文本编辑器只支持img的src属性，数据里用的是data-src，那么我们把content当做字符串处理一下：var content1=content

2021-03-25 16:53:17 2844

原创 web多分辨率自适应

UI给的图如下，要求不同屏幕大小下都是平铺满屏，并且登录那一块上下居中，中间几个模块的上下边距成了问题；最后解决效果如下：图1大屏幕图2小屏幕首先，背景平铺body { background-image: url(/themes/admin_htcyltd/public/assets/images/background.png); background-size: 100% 100%;}利用js判断屏幕宽高代码如下： var width_layer = document.b

2021-03-25 08:47:43 965

原创三角形条幅设计

根据项目需求，用css做了一个如下图所示的CRM三角形条幅，简单说就是三角形背景色块，加一个倾斜缩放的CRM字体；代码如下：<div class="triangle-topleft"> <span class="font-CRM">CRM</span></div>.triangle-topleft { width: 0; height: 0; border-top: 32px solid #ebf2f9;

2021-03-24 14:47:51 154

原创文字超出部分显示省略号...兼容IE

文字超出分为单行展示和多行展示，以下代码可以兼容多个浏览器以及小程序和APP唯独低版本IE浏览器不兼容单行设置：text-overflow: ellipsis;overflow: hidden;white-space: nowrap;多行设置text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;IE兼容方式

2021-03-24 14:44:41 650 2

原创使用小程序ID在微信上打开小程序

首先我们要在代码中找到小程序ID如下图所示为一个已开发好的小程序代码在json文件project.config中可以找到小程序的ID如图所示文件中的appid即为小程序ID，复制到手机上微信扫码，输入复制好的小程序ID 就可以打开了...

2021-03-24 14:39:46 1602

原创背景渐变/字体颜色渐变（可应用于银行卡背景框）

背景色渐变（可应用于银行卡背景框）先放两张背景渐变的样图银行卡渐变色红黄色渐变盒子我就不写了直接放css代码：background-color:#038EAB;background-repeat:repeat-x;background:-webkit-linear-gradient(left,#03ADA4,#038EAB);可从 top/left开始渐变自行设置接下来是字体颜色渐变可以应用于小图标，先放两张样图css代码：(只写了其中一种实现形式)background-ima

2021-03-24 13:44:20 629

原创原生checkbox（复选框）样式调整

原生checkbox（复选框）样式调整应UI要求改变原生复选框的样式，本来想用layui带出来样式再调，奈何页面早就做好了，复选框绑定了点击事件，如果大动就要改大量的js代码。想了想用伪元素来尝试解决这个问题。仅做了UI要求的样式，有需求可以更换伪元素的样式。样式如下：代码如下：input[type=checkbox] {text-align: center;vertical-align: middle;border: none;appearance: none;/关键代码隐藏原生样式/

2021-01-29 10:18:34 2252

a_SuperAdmin的博客