随笔分类 -  前端标准化教程

HTML/CSS -- 浏览器渲染机制
摘要:我们可能都知道浏览器含有一个渲染引擎,用来渲染窗口所展示的内容。默认情况下,渲染引擎可以显示html、xml文档及图片,它也可以借助插件(一种浏览器扩展)显示其他类型数据,例如使用PDF阅读器插件,用于显示PDF格式。但是其具体的渲染原理和流程估计也有很多人都不知道或者不清楚吧。这些天研究了一下浏览 阅读全文

posted @ 2020-08-09 18:39 漫思 阅读(519) 评论(0) 推荐(0) 编辑

echarts tooltip超出容器被遮挡的解决办法
摘要:如果实在解决不了可以加我微信 一定能解决 最近项目中使用到echarts。由于数据的分类较多,导致tooltip超出容器,且被周围的其他dom所遮挡。网上找了一圈发现很多朋友说配置其中的confine: true, 然而该配置只是将tooltip限制在该容器内。 当周围的dom的z-index过于高 阅读全文

posted @ 2020-07-31 17:14 漫思 阅读(13102) 评论(0) 推荐(0) 编辑

前端常用60余种工具方法
摘要:1.邮箱 export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } 2.手机号码 export const isMobile = 阅读全文

posted @ 2020-07-06 11:17 漫思 阅读(358) 评论(0) 推荐(0) 编辑

echarts itemStyle symbol 折线图原点样式调整
摘要:symbol 适用类型 :折线图、散点图 。默认:null 标志图形类型,默认自动选择(8种类型循环使用,不显示标志图形可设为'none'),默认循环选择类型有: 'circle' | 'rectangle' | 'triangle' | 'diamond' | 'emptyCircle' | 'e 阅读全文

posted @ 2020-07-05 17:16 漫思 阅读(3195) 评论(0) 推荐(0) 编辑

Vue 组件 Props 类型及默认值
摘要:refArr: { type: Array, default: () => { return [] } }, refFun: { type: Function, default: () => () => {} }, refObj: { type: Object, default: () => ({} 阅读全文

posted @ 2020-06-19 09:41 漫思 阅读(2629) 评论(1) 推荐(0) 编辑

vue-cli3使用bootstrap4
摘要:jQuery 1.安装jQuery 和 popper.js npm install --save jquery npm install --save popper.js 2.在main.js中引入 import $ from 'jquery' 3.配置全局jQuery 在项目根目录下创建vue.co 阅读全文

posted @ 2020-05-18 14:51 漫思 阅读(3502) 评论(0) 推荐(0) 编辑

在vue-cli + webpack 项目中使用sass
摘要:1、准备工作: 由于npm的服务器在国外,网速慢而且安装容易失败,建议在安装之前,先安装国内的镜像,比如淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 2、安装vue-cli 全局安装 vue-cli cnpm 阅读全文

posted @ 2020-03-25 09:53 漫思 阅读(1045) 评论(0) 推荐(0) 编辑

ES6如何引入图片
摘要:Vue-cli脚手架引入图片的几个方法 1、import方法 第一步:在.vue文件中import edit from 'path'(path是图片与.vue的相对路径) 第三步:在template中 给标签绑定属性 最后刷新界面看效果就可以了! 2、static方法 第一步:图片放在static文 阅读全文

posted @ 2020-03-11 10:31 漫思 阅读(4598) 评论(0) 推荐(0) 编辑

浏览器报Mixed Content错误的解决
摘要:正常来说一个网页中要么全部使用http,要么全部使用https 但是偶尔有些不完善的库自己会写死了调用的链接。 一个简单的方法是在网页的head下加入下面这句 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-r 阅读全文

posted @ 2020-01-07 17:41 漫思 阅读(1268) 评论(0) 推荐(0) 编辑

JS、C#编码解码
摘要:最近在项目中用到请求一个地址的时候,会传个JSON数据。刚开开始没什么问题,后来发现有特殊符号就会有问题,找到一些解决方案,在此记录下。 escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,, 阅读全文

posted @ 2019-12-19 15:18 漫思 阅读(319) 评论(0) 推荐(0) 编辑

js 获取当前日期和时间
摘要://显示日期在页面上 yyy-MM-dd function init(){ var date=new Date(); //年 var year=date.getFullYear(); //月 var month=date.getMonth()+1; //日 var day=date.getDate( 阅读全文

posted @ 2019-12-17 21:53 漫思 阅读(3270) 评论(0) 推荐(0) 编辑

如何使用闭包形成计数器
摘要://闭包,返回生成新id的函数。 //2013-12 function geAppendNewId(){ var counter=1; function appendNewId(arr1) { //入参 arr1 = arr1 || []; $.each(arr1, function (i, ite 阅读全文

posted @ 2019-12-09 17:38 漫思 阅读(410) 评论(0) 推荐(0) 编辑

多次调用settimeout 如何使用单例模式
摘要:<script> function aaa() { window.counter = window.counter||1; console.log(window.counter); window.counter++; window.caonima= setTimeout('aaa()', 1000) 阅读全文

posted @ 2019-12-09 17:37 漫思 阅读(1152) 评论(0) 推荐(1) 编辑

一文学会 TypeScript 的 82% 常用知识点(下)
摘要:一文学会 TypeScript 的 82% 常用知识点(下) 前端专栏 2019-11-23 18:39:08 都已经 9021 年了,TypeScript(以下简称 TS)作为前端工程师不得不学的技能,我们必须掌握。 在上篇「一文学会 TypeScript 的 82% 常用知识点(上)」中,主要介 阅读全文

posted @ 2019-11-30 00:24 漫思 阅读(584) 评论(0) 推荐(0) 编辑

TINYMCE使用手册
摘要:TINYMCE使用手册 这方面的教程会陆续加进来。 tinymce.get('f1').getContent(); 阅读全文

posted @ 2019-10-30 19:12 漫思 阅读(389) 评论(0) 推荐(0) 编辑

大屏的前提代码
摘要:1、用于释放内存 window.dxt=function(){ location.reload(); } $(function(){ $(window).resize(function () { location.reload(); }); var interval = 1000*120; setI 阅读全文

posted @ 2019-09-12 10:32 漫思 阅读(202) 评论(0) 推荐(0) 编辑

浏览器从高版本到低版本的适配工作如何进行
摘要:浏览器从高版本到低版本,浏览器适配,低版本浏览器适配,浏览器适配 阅读全文

posted @ 2019-09-11 19:41 漫思 阅读(357) 评论(0) 推荐(0) 编辑

contentType: 'application/json' C#后台怎么处理
摘要:contentType: 'application/json' 的处理如下: $(function () { $.ajax({ 'url': "/Home/Send2SHengPi", data: JSON.stringify({"WorkId":[1, 2, 3, 4, 5]}), content 阅读全文

posted @ 2019-09-11 13:30 漫思 阅读(2477) 评论(1) 推荐(0) 编辑

使用正则表达式验证注册页面(用户名,密码,确认密码,邮箱,手机号)
摘要:<style type="text/css"> body{ margin:0; padding:0; font-size:12px; line-height:20px; } .main{ width:525px; margin-left:auto; margin-right:auto; } .hr_ 阅读全文

posted @ 2019-05-04 22:34 漫思 阅读(13180) 评论(0) 推荐(0) 编辑

页面开发的标准
摘要:1、浏览器的兼容性。兼容IE8,火狐,32位的各种SB浏览器 2、缓存性,保证发版的顺利,资源统一化,或者压缩代码 3、发版要验证图片是否上传。是否有文件夹的位置信息. 4、组策略一定要克服。角色,特征,都是组策略,组内人员可见不可见的范围。 5、图片大小,图片剪裁的使用。 6、一定要注意适配移动端 阅读全文

posted @ 2019-04-25 18:38 漫思 阅读(191) 评论(0) 推荐(0) 编辑

导航