
web前端
文章平均质量分 65
主要记录前端相关技术
cc百川
一个不爱程序的程序员
展开
-
监听窗口变化
监听元素高度变化原创 2023-03-01 20:43:42 · 319 阅读 · 0 评论 -
js正则加载文件
js加载文件原创 2022-06-07 20:30:00 · 220 阅读 · 0 评论 -
webpack错误集合(持续计划)
记录webpack遇到的问题,问题即未来,未来即当下。原创 2021-06-26 16:24:32 · 619 阅读 · 0 评论 -
不熟悉页面,如何获取页面元素绑定的事件,同时查看js代码。
例如我想看:https://www.e-cology.com.cn/的登录页面,登录按钮的事件 第一种方法第一:f12/ctrl+shift+i/调出开发者工具 第二:按照下图       3.这里可以直观的看到这里onclick调用了checkall()函数(执行第三操作), 或者点击3.1可以看到这里的click函数,点击4即可跳转到这...原创 2018-09-06 11:10:40 · 6859 阅读 · 6 评论 -
文字转图片@图片加水印(JS版)
前端文字转图片,以及图片添加水印,并支持下载添加水印的文件到本地。原创 2021-01-28 18:59:49 · 1177 阅读 · 0 评论 -
在线实时编译运行html(v2)
实时编译运行html,css,js,一次编译多次使用,后期设想可保存在服务器,也可供用户下载到本地。原创 2021-01-27 19:43:01 · 583 阅读 · 1 评论 -
在线实时编译运行html
HTML,CSS在线编译原理讲解。原创 2021-01-26 20:11:50 · 1817 阅读 · 2 评论 -
jsp中自动运行window.open问题
window.open()引发的思考。弹出式窗口和重定向问题需求。原创 2020-08-12 17:33:55 · 1080 阅读 · 0 评论 -
前端跨域通信--【iframe上篇】
PostMessage页面之间的通信,解决跨域页面之间消息传递。原创 2020-05-29 19:31:13 · 702 阅读 · 0 评论 -
分享9:webpack脚手架搭建
前言:就职于weaver一年多来,以一名java开发入职,却大部分时间在做着前端开发,包括了客户二次需求,新功能扩展,公司某些新功能研发以及个人学习方向,发现自己大部分时间做着前端相关开发。突然发现我还没有搭建过一个webpack+react+mobx+router的脚手架,于是开启下面的脚手架搭建之路。项目源码:链接:https://pan.baidu.com/s/1YKE-FIQqDrH...原创 2019-12-06 15:35:11 · 376 阅读 · 0 评论 -
flex弹性布局
仅为个人学习记录原创 2019-12-07 14:23:59 · 221 阅读 · 0 评论 -
前端参考文献
声明:以下内容大多转载,或直接指向原文(本文仅供个人记录内容便于后期查阅,他人查阅建议直接查看原文)css 布局:flex布局教程:原文地址http://www.ruanyifeng.com/blog/2015/07/flex-examples.htmlFlex 布局语法 :原文地址http://www.ruanyifeng.com/blog/2015/07/flex-grammar.ht...转载 2019-08-28 10:34:57 · 10982 阅读 · 0 评论 -
h5页面禁止复制以及禁止右键
问题:禁止文档复制,禁止图片另存为等相关操作第一css禁止:复制(参考https://blog.youkuaiyun.com/qq_32007439/article/details/81145580)body{//可以通过css选择元素 -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit...原创 2019-08-08 19:16:00 · 2666 阅读 · 0 评论 -
LoadJS与myload实现
LoadJS与myload实现异步加载静态资源:原本我的想法是使用定时器,或者es6语法中的async、generator或者promise对象实现。但是查看到有现成的js插件即可完成,因此就查看了相关代码进行实现。常见用法:产品定制化开发需求需要,用户可能重写js中前端验证,或者css样式等myload:自己编码实现可点击链接获取源码原创 2019-04-12 17:53:52 · 3099 阅读 · 0 评论 -
ie下焦点问题-临时记录
参考:https://bbs.youkuaiyun.com/topics/392184820?page=1今天遇到的两个问题:主要是ie,以及火狐浏览器第一:ie下输入框得到焦点,位置不正常问题, 描述:在ie下对于可编辑框,通过事件触发获得焦点,通常情况想我没希望焦点在可编辑框的最右边。但是ie下第一次触发事件焦点(focus()事件)在最左边。...原创 2019-03-29 21:56:44 · 357 阅读 · 2 评论 -
Antd表格之行/列合并
Antd--表格之行/列合并注意:antd官方行/列合并参考:https://1x.ant.design/components/table/#components-table-demo-colspan-rowspan表格行/列合并表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpa...原创 2019-03-05 19:25:19 · 21703 阅读 · 17 评论 -
快乐的小鸟之避难(一)
快乐的小鸟之避难(一)欢迎查看我的cancvs画图类实践整体效果图窗口变化支持国际化支持自定义操作按钮主要问题演示欢迎查看我的cancvs画图类实践纯前端的简单cancvs学习之路,没有复杂的业务逻辑,不涉及高深的算法,只为自我充实。代码提取:链接:https://...原创 2019-02-12 11:06:08 · 355 阅读 · 0 评论 -
IE文档模式--添加水印
问题:ie浏览器修改文档模式的默认设置。每一次打开f12,文档模式都是8,有时候需要调至8以上等。这就需要在代码中进行修改,如下:ie默认模式设置文本模式版本修改代码:<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE9”>浏览器模式版本修改代码:<meta http-equiv=“x-ua-com...原创 2018-12-18 13:17:25 · 2182 阅读 · 2 评论 -
react中mobx失效问题
发现问题:小白解决过程第一:找关键点,即哪里触发到问题。第二:触发后执行了哪些操作。第三:操作业务问题是否正常。第四:与正常业务比较,差别在哪里。第五:思考问题。第六:求助。。。。小白感觉自己发现问题后,处理问题,找到问题的效率很低不知道是不是我的思路出现了问题,希望得到大佬们的支持。react中使用mobx状态失效(不重新渲染问题)问题描述:通过修改input中的值,onc...原创 2018-11-09 18:27:26 · 5435 阅读 · 2 评论 -
百度地图--获取自定义区域JSON数据(下)
基于百度地图的自定义区域绘图–绘制区域基于上一篇的尊卑工作后,开始正式绘图:第一步:创建react项目(我的目录结构如图)      &nb原创 2018-10-22 12:32:01 · 12064 阅读 · 0 评论 -
百度地图--获取自定义区域JSON数据(上)
基于百度地图的自定义区域绘图–调用地图注册百度地图的SDK:这一步是调用百度地图的核心,通过获取SDK才能进行相关操作。使用百度地图:在html中引入js文件: <script src="http://api.map.baidu.com/api?v=1.2&ak=kDfrUwYGgSaUbDLwKGXBwlaseKZbI7I9" type=&原创 2018-10-22 10:06:18 · 8274 阅读 · 0 评论 -
JavaScript通过字符串调用方法
同学:如何通过名称字符串调用方法呢?我:不是可以通过反射吗?同学:那(js)javascropt呢?我:咦咦咦,等我想想!!!!!!我(内心独白):这个咋个没有遇到过呢,好像以前遇到都是在java中,那么js没有有这种方法呢?咦好像以前用过字符串计算(eval(“1+2+3-1+1.3”)),可以直接对字符串计算的东西,这个可以吗?不管了百度一下在说!JavaScript eval()...原创 2018-10-15 11:27:19 · 3738 阅读 · 0 评论 -
我的JSON问题
为了方便数据交互,我在写前后端是进行了数据转换,这里使用的是JSON.stringify()进行转换。第一:通过stringify把JSON格式的数据转为json字符串(好处是后端便于接收处理):<script>var str = {"spaid":"动态值", "spapage":"动态值"}str_pretty1 = JSON.stringify(str);//转为js...原创 2018-10-12 21:09:13 · 516 阅读 · 0 评论 -
Html5 适用API
HTML5 新增了许多重要的特性,像 video、audio 和 canvas 等等,这些特性使得能够很容易的网页中包含多媒体内容,而不需要任何的插件或者 API。而其它的新元素,例如 section、article、header 和 nav 等则是用来丰富网页内容。1...原创 2018-07-17 21:33:55 · 1357 阅读 · 0 评论 -
跨域解决方式
今天做毕业设计又遇到问题,主要是跨域问题。 1.跨域请求头问题。 方式一: 响应头加上:一下代码,其他不用任何处理,推荐方法/** * 用户登陆 * @param name 账号 * @param password 密码 * @param code 验证码 * @param req * @param res ...原创 2018-04-24 11:23:25 · 481 阅读 · 0 评论 -
input date设置时间
ATM_之交易记录查询过程中遇到一问题。如下图,通常在页面初始化的时候我们都希望时间选中框,和下拉选择框有初始值(重点是时间初始化); 这里我遇到问题是:不管我使用原始js还是jQ都不能给默认值。代码如下简单html部分,可以自行设计css(这都不是重点)&lt;!-- 查询条件 --&gt; &lt;div id="query"&gt; &lt;fo原创 2018-03-26 22:52:00 · 13584 阅读 · 0 评论