近期外包总结
时间:2022-07-23
本文章向大家介绍近期外包总结,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
以前总是在各个地方水自己是切图仔,在这次自己接了个外包之后,才知道怎么切图。。。当PSD文件给到我的时候,我是一脸懵逼,怎么搞,以前公司都是切好给我的,,,
欢迎访问源码: https://github.com/ZZES-ZCDC/questionnaire_manage_bd
1.切图相关
使用ps的切片工具就行了。。。
image.png
在你需要切出的地方,使用切片工具框出来,如果需要透明,那么需要把一些背景隐藏,比如
image.png
然后再切即可
切好后,在菜单栏,文件->存储为web所用格式
image.png
可以用ctrl点中多个切图一起导出
image.png
2.居中定位
需求是将视频在中间位置定死,随页面滚动一直定在中间
position: fixed;
top: 20%;
left: 0;
right: 0;
margin: 0 auto;
3.手机号码正则判断
phone.match(/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])d{8}$/) === null
4.layui表格对接,api数据的格式, 原接口的分页和需要的接口不一致
let thePage = parseInt(page)
if (thePage === 1) {
thePage = thePage - 1
} else {
thePage = thePage + parseInt(limit) - 1
}
5.锚点,锚点切换平缓过渡
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top
}, 500);
return false;
});
6.windows10连windows服务器报错解决
http://www.mamicode.com/info-detail-2290008.html
7.获取访问来源url , document.referrer
需要获取用户从那个地方进入网页的 当然获取关键字也需要,不过搜索引擎把关键字隐掉了
8.获取url的?后面参数, location.search
获取链接问号之后的数据
9.PC端和手机端盘的跳转
在PC端模板页头部引入js
function isMobile() {
var userAgentInfo = navigator.userAgent;
var Agents = ["Android", "iPhone",
"SymbianOS", "Windows Phone",
"iPad", "iPod"];
var flag = false;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = true;
break;
}
}
return flag;
}
if(isMobile()) {
kk = '/m'+location.pathname
}
通过判断userAgent,来决定是使用PC端还是跳转到手机端
- 一个闪回区报警的数据恢复(r11笔记第62天)
- 利用腾讯云COS云对象存储定时远程备份网站
- 分享一个自写的Python远程命令和文件(夹)传输类
- Oracle数据误操作全面恢复实战(r11笔记第78天)
- 远程协助解决异常宕库的问题(r11笔记第75天)
- Nginx-helper纯代码版,文章评论发布自动清理Fastcgi缓存
- MySQL和Oracle行值表达式对比(r11笔记第74天)
- 闪回数据库不是“万金油”(r11笔记第73天)
- 修改Apache的超时设置,解决长连接请求超时问题
- Oracle 12cR2初体验(r11笔记第91天)
- MySQL中的undo截断(r11笔记第89天)
- Linux系统 df 命令显示异常、分区丢失问题解决
- MySQL主从、字典死锁、连接数的Python监控脚本
- MySQL Online DDL(二)(r11笔记第88天)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法