![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
随笔
Software攻城狮
从 "前端" 向 "大前端" 方向进发 ————
(成功人士习惯去做失败者不爱做的事。他们当然也不喜欢干这些事,但他们让这种不喜欢服从于对自己目标的追求 。。。。。。 远离舒适,不断学习,知识更新,提升竞争力)
展开
-
前端学习方向
前端学习方向基础:HTML语义化标签媒体标签表单元素CSS选择器布局模式响应式设计外观定义过渡和动画JavaScript/ES5高级特性事件AjaxDOMBOM经典框架BootsrtapJQueryWeUInpm其他开发支撑MarkdownGit&源码仓库LinuxDocker正则表达式提升:PC端框架VUEReactCompasselement-uiant design移动端框架原创 2021-06-06 15:09:35 · 159 阅读 · 1 评论 -
js中删除列表中的某一行
js中删除列表中的某一行原创 2021-05-23 17:32:39 · 1074 阅读 · 0 评论 -
时间处理插件moment.js 的使用
时间处理插件moment.jsde 使用import moment from 'moment'...moment().format('MMMM Do YYYY, h:mm:ss a'); // 五月 11日 2021, 2:12:54 下午moment().format('dddd'); // 星期二moment().format("MMM Do YY"); // 5月 11日 21moment().format('YYYY [原创 2021-05-11 14:17:55 · 112 阅读 · 0 评论 -
视频和音频的下载
视频和音频的下载 //后端返回相应的数据流url地址 export function downloadFIle(url,name){ let xhr = new XMLHttpRequest(); xhr.open('get',url, true); xhr.responseType = 'blob'; xhr.onload = function(){ if(this.statu原创 2021-02-09 22:29:40 · 113 阅读 · 0 评论 -
视屏截图功能的实现(canvas)
视屏截图功能的实现(canvas)<template> <div> <video class="shotVideo" src="http://xxxx.com" controls="true" autoplay="true" loop="true" objectFit="原创 2021-02-04 00:27:23 · 119 阅读 · 0 评论 -
函数去抖(debounce)
函数去抖(debounce)定义:当调用动作n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执行时间。/**函数去抖 */// _.debounce = function(func, wait, immediate) { //js中单独定义方法的写法export function debounce (func, wait, immediate) { // i...原创 2019-08-04 00:29:22 · 298 阅读 · 0 评论 -
ie浏览器文字显示超出正常范围
ie浏览器文字显示超出正常范围处理方式:限制外围的宽度, 给宽度一个值如:width:600px;原创 2020-11-24 08:03:05 · 530 阅读 · 0 评论 -
MobaXterm_personal应用中的Linux命令行操作
Linux命令行操作cd opt/zhonghua/test 切换到某目录下export App_config 指定运行目录lsof -i:9038(端口号) 查看进程kill -6 pid 杀进程删除文件 rm -r src(文件名)解压文件 unzip render.zip ('render(1)'zip)重起 ./render restart查看状...原创 2020-04-05 21:23:51 · 2008 阅读 · 0 评论 -
输入框值的规范验证(正则)
输入框值的规范验证(正则)function checkRule(type, value, callback){ switch(type){ // 11位手机号 case 'telephoneNumber': { if(!(/^1[3456789]\d{9}$/.test(value))){ callback(false); ...原创 2020-02-14 22:13:29 · 273 阅读 · 0 评论 -
自适应布局rem
自适应布局rem//百分比布局只能实现宽度自适应 高度无法自适应//高度也自适应 使用一个新的单位remrem : root element 根元素 参照根元素的字体大小,是相对单位默认html元素文字大小是16px 所以 1rem == 16px 10rem == 160px原理: <script> resize(); functio...原创 2020-02-14 21:55:50 · 187 阅读 · 0 评论 -
如何通过css来画三角形(border属性)
如何通过css来画三角形三角形实现原理:宽度width为0;height为0;(1)有一条横竖边(上下左右)的设置为border-方向:长度 solid blue,这个画的就是底部的直线。其他边使用border-方向:长度 solid transparent。(2)有两个横竖边(上下左右)的设置,若斜边是在三角形的右边,这时候设置top或bottom的直线,和右边的斜线。示例1: html:...原创 2020-02-13 17:13:37 · 163 阅读 · 0 评论 -
前端学习资源
前端学习资源比较常用的IT网:Github: https://github.com/Google: https://www.google.com/博客园:https://www.cnblogs.com/CSDN:http://www.csdn.net/SegmentFault: https://segmentfault.com/深度开源:http://www.open-open.co...原创 2020-01-31 11:21:41 · 146 阅读 · 0 评论 -
关于js中正则匹配特殊字符
关于js中正则匹配特殊字符function CheckStr(){var res = /[`!@#$%^&*()_-+=<>?:"{}|,./;’\[]·!@#¥%……&*()——-+={}|《》?:“” 【】、;‘’,。、]/im;if ( res.test(str)) {// 如果包含特殊字符返回false// message(“输入不合法”...原创 2019-08-13 00:33:25 · 757 阅读 · 0 评论 -
Nginx服务器配置的简易说明
Nginx服务器配置的简易说明gzip压缩反向代理设置项目位置:本地开发时,可直接代理到前端工程的服务测试, 生产环境的参照wiki上的配置,需要配置root ,index...原创 2019-08-18 17:54:28 · 98 阅读 · 0 评论