
前端
FE
code-jam
~~~
展开
-
bootstrap 字体太大怎么办
问题用了一下bootstrap随便写了个页面,总感觉字很大不适应,感觉怪怪的。如下图(我没有缩放,完全1:1截图的)背景经查看代码发现,原来bootstrap(我用的是4.5版本了,如下)bootstrap@4.5.0/dist/css/bootstrap.min.css的字体不是用px定义的,而是用 rem定义的。如下图:办法办法很简单,全局处理一下就行了。我这里写了0.8rem,你用px或者其他单位定义也行。效果看看是不是和谐多了。(没有缩放,1:1直接截图)...原创 2021-08-21 21:46:36 · 1910 阅读 · 1 评论 -
前后端结合如何导出CSV文件
在常见的B/S架构中,也就是网站中,如果服务端需要导出一个一个数据表格怎么办?常见的方法有两种: 1. 导出一个Excel文件 2. 导出CSV文件。对于上述第一种,导出Excel的功能我做过,代码麻烦易错不说,而且并不是很有意义,毕竟很多情况下我们只是需要数据能看就可以(对于某些情况下)。 而且如果服务器需要导出excel,则服务器上还要安装office环境,代码要引用exce...原创 2018-02-01 15:25:54 · 2939 阅读 · 4 评论 -
jquery.tmpl.js 字符串不转码,像Razor里面的@html.Raw()一样输出
首先,你要明白jquery.temp.js是做什么的,此处略。------1.问题的产生我们通常这样使用jquery.temp.js ${name} $("#temp0").tmpl(list).appendTo('#container');其中 list = [{ name: '111' }, { na原创 2015-09-16 12:02:23 · 2868 阅读 · 0 评论 -
纯js导出csv文件[简单粗暴]
如题web项目中,经常会有导出excel表格的需求。 有时候在要求不高的情况下,我们就可以用csv文件来替代xls文件。 假如如图是查询出来的结果,已经展现在html的table中。 如果想要导出此结果怎么办?简单粗暴,如下段代码即可完成。 csv文件结构简单,没有什么好说的。 //导出 $(document).on("click", "#e...原创 2018-04-24 14:23:57 · 7693 阅读 · 12 评论 -
jquery.tmpl.js 展示序号
html<script id="tmplOrderItem" type="text/x-jquery-tmpl"> <tr> <td>${$item.getOrderIndex()}</td> <td>${PreOrder}</td> <td>${OldTableID}</td> <td>原创 2021-04-27 17:55:24 · 274 阅读 · 0 评论 -
JavaScript,jQuery 的css方法无效是怎么回事
今天遇到一个问题。试图通过jquery,给某节点增加css属性,使其实现预期的样式表现。但不生效。但又用了别的方式实现。不生效的写法://这种写法不生效。 $dom.find("p.text-p").css("-webkit-line-clamp",3) ; //或 $dom.find("p.text-p").css({"-webkit-line-clamp":3}) ;生效了的写法: $dom.find("p.text-p").attr("style", "-webkit-lin原创 2021-01-02 14:31:24 · 2588 阅读 · 0 评论 -
JavaScript代码报错 TypeError: url.indexOf is not a function
问题描述今天使用某jquery插件时,js代码中报错。查资料后通过改写插件,解决了这个问题,记录一下。原插件依赖的是 jquery 较早期的版本,如 1.7。今天是2021年1月1日,我使用了cdn上较新的jquery版本,jquery3.5.x。想要使用一个图片预览插件imgPreview,但是报错。报错如下图:插件地址: jQuery鼠标悬停图片预览页面中的评论还明显可见有人也出现了这个错误。解决办法1. 查问题先搜索这个问题:搜到的如:百度经验iiifff等。看了看原创 2021-01-01 23:02:26 · 5151 阅读 · 0 评论 -
html页面中引入script标签的src的写法,/与//的区别
/的写法,是向当前服务器的特定目录下去取(本地没有就取不到了)如当前网站域名是 http://debug.myself.com,如果写成如下这样<script src="/libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>即: http://debug.myself.com/libs.baidu.com/jquery/1.9.1/jquery.min.js 请求。如果是双斜线//的写法,是会自动匹配http或htt原创 2020-12-31 16:59:05 · 4977 阅读 · 0 评论 -
vue项目中关闭eslint的方法
vue中关闭eslint检测的方法转载 2019-08-16 10:08:13 · 93368 阅读 · 74 评论 -
markdown中的表格的样式控制
遇到过这个需求,然后经历了一番搜索和尝试,基本解决了问题。示例:基本表格代码:|第一列|第二列|第三列||-|-|-||111|222|333||111111111111111111111111111|22222222222222222222222222222222222222222222222222222222|333333333333333333333333333333333333...原创 2019-07-11 10:07:40 · 6936 阅读 · 0 评论 -
js监听textarea 内容的变化,并计算内容的长度
https://blog.youkuaiyun.com/qq_26212731/article/details/78523624转载 2019-06-28 18:47:57 · 598 阅读 · 0 评论 -
一个最骚的面包屑导航
一个用纯html+css3实现的优雅面包屑导航,附技术点分析。原创 2019-06-22 09:10:04 · 111816 阅读 · 0 评论 -
马勒戈壁的.net mvc webapi中的ajax 、post与 frombody
业务背景:帖子回帖,回帖框是富文本编辑器(ueditor),可以取到此富文本编辑器里的所有内容,然后传给后端保存。关键点:ajax,post请求,发给 .net MVC (MVC5, .net 4.6.1)的后端函数,后端接收,保存。前端的 contentType 和 dataType 该不该写,要怎么写富文本编辑器的内容里面有很多html等内容,是否需要转义保存,或者序列化传输后端是...原创 2019-06-25 17:59:44 · 1021 阅读 · 2 评论 -
placeholder样式写法
input[placeholder] { text-indent: 5px; color: #909090 !important; }原创 2015-09-24 15:42:08 · 908 阅读 · 0 评论 -
2016年里做前端是怎样一种体验
出处:https://segmentfault.com/a/1190000007083024感觉要笑尿了。问:最近我接手了一个新的Web项目,不过老实说我已经好久没碰过这方面的代码了。听说前端的技术栈已经发生了极大的变革,不知道你现在是不是仍然处于最前沿的开发者阵列?答:准确来说,过去俗称的写网页的,现在应该叫做Front End Engineer,我确实属于这所谓的前转载 2016-11-14 09:00:01 · 887 阅读 · 0 评论 -
grunt和gulp对比
grunt和gulp对比原创 2017-05-14 23:23:09 · 687 阅读 · 0 评论 -
webpack + vue 以及webpack的多种插件的具体用法。
添加链接描述很好的一篇文章,完全按照里面的操作尝试了,都正常成功。nodejs 版本 10.xwebpack 3.xvue 2.x时间:2019年2月23日mark一下。转载 2019-02-23 14:22:01 · 331 阅读 · 0 评论 -
Jenkins 部署前端项目遇到的问题
未必需要在jenkins的workspace里完成,不指定git的地址,可直接cd到你的服务器的某文件夹里,然后git pull, npm run build,然后cp dist到指定位置之类。而且这样也不必指定git的credentials了。如果cp和覆盖的时候,提示 permission denied,直接 chmod -R 777 xxx, chown -R 777 xxx 即可。如...原创 2019-03-16 09:31:54 · 1317 阅读 · 0 评论 -
.net core 后端,axios的patch请求失败,提示400错误(Bad Request)
封装axios时候,content-type写成application/json即可。即如下: 'Content-Type': 'application/json'我的原来是'Content-Type': 'application/x-www-form-urlencoded' 这样总是失败。...原创 2019-03-28 00:49:34 · 2848 阅读 · 0 评论 -
bootstrap-tagsinput.js 中的坑
这个插件差点把我气死各种问题。注意是用input还是selecthttp://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/比如我在页面加载完成就给input赋值,使之显示出来的时候就带有一个tag,然后还可以自由地增减tag,但官方demo实在是坑。浪费很多时间,骂了半天娘。经过多次尝试,才发现一些问题。<...原创 2019-06-14 13:30:01 · 2362 阅读 · 2 评论 -
Bootstrap 同一行几个元素col-md-4 怎样保证总宽度不超出
想要实现的样子大致如图所示。div0 是上一行的一个container或者row什么的,总之宽度特定。而下一行我们也想要写几个div,刚好占满col 12个。但是这样直接写的话由于div1、2、3的padding效果,会导致下方红色区域的宽度比上方绿色的左右各多出一些。怎样解决呢?---让div1 2 3外层的(图里没画出来)div padding-left和 paddin...原创 2015-10-19 09:39:18 · 8766 阅读 · 0 评论 -
html css 内部有浮动元素的div的高度没有被撑开怎么办【转载】
http://blog.youkuaiyun.com/piazini/article/details/8625935http://www.jb51.net/css/35568.htmlhttp://www.w3school.com.cn/cssref/pr_class_display.asphttp://www.jb51.net/css/173074.html转载 2015-12-03 00:59:49 · 1299 阅读 · 0 评论 -
一个相当不常见的css样式,css的Content属性
用于在每个链接(即a标签)后插入内容,最终显示为如下样式this is a (inserted text)示例:html代码:<pre name="code" class="html"><a>aaaaa</a>css代码:a:after{content: " 啊...原创 2015-09-30 09:13:12 · 946 阅读 · 0 评论 -
IE9 怎样用图片作border
border-image-source是一个css3属性,,现在主流的浏览器较新版本大多都已经支持了。但是在实际应用中我发现IE9还是不支持的,但有时候是不能换浏览器的(开发者都一定有同感)。但是现在找到了一种好方法:思路:照常使用background-image属性,同时结合使用 background-position属性。比如 如果想要bottom边框为图片,可以做一...原创 2014-12-24 23:20:22 · 745 阅读 · 0 评论 -
一句话,grunt是个神器啊
用了几个小时,认真看完,认真尝试,全部重现。仅有的一点问题就是windows下在visual studio中新建文件的时候文件名不能以.开头,因此配置csslint jshint遇到点状况。其他完全一致地实现了。下面请参考大神文章:http://blog.youkuaiyun.com/wangfupeng1988/article/details/46418203/转载 2016-04-21 16:26:26 · 390 阅读 · 0 评论