前端
文章平均质量分 71
zhangchao19890805
这个作者很懒,什么都没留下…
展开
-
【124】JavaScript获取下一个、上一个兄弟节点
我最近工作中碰到一个需求,要获取某个 HTML 节点的下一个兄弟节点。通过查阅文档,得知要使用 nextSibling 属性。但是碰到一个问题:实际使用中,为了方便阅读代码,HTML标签之间必然有缩进;而 nextSibling 属性会把 HTML标签之间的空白字符当作 text 节点,算作下一个兄弟节点。那么,这个问题该如何被解决呢?我的整体思路如下: 利用循环不断获得下一个兄弟节点,然后判...原创 2018-09-22 07:08:56 · 12389 阅读 · 0 评论 -
【021】表单中的文本框(input)禁止自动完成下拉框显示(兼容ie/firefox/ff)
IE浏览器: autocomplete="off"FF浏览器: disableautocomplete可以全部输入,各自的浏览器会使用自已的.实例: 原文地址: 点击打开链接转载 2015-02-04 11:09:17 · 6684 阅读 · 1 评论 -
【142】Java获取HTML代码中的图片URL地址
场景用户使用HTML编辑器把自己的文章上传到后台,我需要提取img标签的图片URL地址,用于做图片的鉴黄等内容安全操作。代码实现一共用了三个文件,分别是 RegexUtils.java ImgTagUtils.java 和 Main.javaRegexUtils 类封装了正则表达式。ImgTagUtils类负责提取HTML代码中的图片URL地址。Main类包含著主方法,用于测试。Reg...原创 2020-03-20 18:27:42 · 1570 阅读 · 3 评论 -
【016】Flex4.6 VideoDisplay播放flv视频时画面不清晰,显示字母时有缺损的问题的解决办法。
在做flex的时候,使用s:VideoDisplay标签播放视频原创 2014-09-17 08:04:12 · 1122 阅读 · 0 评论 -
【014】Flash Builder4.7打不开的解决办法
在C盘搜索workbench.xml , 这个文件应该在flash builder4.7相关的文件夹下面。把这个文件改名成workbench_bak.xml,然后重新打开 Flash Builder4.7 就可以正常打开并使用了。原创 2014-08-24 07:29:30 · 4368 阅读 · 0 评论 -
【007】推荐一个图标的搜索引擎
https://www.iconfinder.com/转载 2013-09-09 11:20:24 · 908 阅读 · 0 评论 -
【003】转载一个jquery在线教程
这个教程是w3cschool的,因为w3cschool的搜索用的是谷歌的,在国内速度较慢,所以直接把url记录下来: http://www.w3school.com.cn/jquery/jquery_ref_traversing.asp转载 2013-02-18 10:21:48 · 694 阅读 · 1 评论 -
【078】docute.js的v3.4.8版本在IE11下出现【对象不支持“from”属性或方法】错误的解决办法
为了实现根据markdown文件标题自动生成树形菜单的功能,我使用了第三方开源库 docute.js。在使用 docute.js 的过程中,在IE11浏览器中碰到了【对象不支持“from”属性或方法】的错误。本文记录了如何重新并解决这个错误的过程。原创 2017-07-25 12:19:48 · 5926 阅读 · 0 评论 -
【018】ie7,8下__flash__addCallback报错原因及解决方案
原文链接:翻译 2014-10-29 11:55:12 · 2628 阅读 · 0 评论 -
【159】微信小程序跨页面跨组件同步全局状态、跨页面跨组件通讯方案,使用自制广播模块实现
本文源代码位置:https://gitee.com/zhangchao19890805/csdnBlog 仓库中的 blog159 文件夹中,子文件夹 zcBroadcast 就是项目文件夹。建议使用微信开发工具打开。工作中需要让微信小程序各个页面、各个组件之间通信,及时获取全局状态的变化情况。我自己编写了 zcBroadcast.js 广播模块,用来完成此工作。目录结构:其中 lib/zcBroadcast.js 是广播模块,lib/store.js 是用来保存全局状态的模块。custom-t原创 2021-08-20 18:12:58 · 605 阅读 · 1 评论 -
【108】Vue-router 2.8.1 懒加载使用Webpack 3 的import() 语句出错的解决办法
错误重现文件结构:blog108 │ ├─.babelrc ├─.npmrc ├─index.template.html ├─package.json ├─webpack.config.js ├─yarn.lock └─src │ ├─App.vue ├─home.vue ├─main.js ├─rout...原创 2018-02-09 16:40:00 · 2747 阅读 · 0 评论 -
【111】Vue.js实现页面共用头部悬浮、共用底部跟随内容改变位置的例子。
页面具有共用头部和共用底部是一种常见的设计。头部多是链接或菜单,底部多是公司信息。为了让用户易于操作,我们常常将头部悬浮在页面上,方便用户随时操作 。而底部的公司信息对用户而言往往不重要,所以底部不采用悬浮的方案。这样当内容高度超过浏览器高度的时候,底部就在窗口之外,需要滚动才能看见。效果如图:这里需要注意一个问题,就是如果中间内容高度太小,浏览器窗口高度太大,怎么办? 解决方法是,监控...原创 2018-02-18 23:16:46 · 7125 阅读 · 0 评论 -
【116】vue-router使用懒加载机制,在生产环境中,如何避免浏览器缓存Webpack 3 编译后生成的js路径,导致404错误。(二)
整理思路我在【115】vue-router使用懒加载机制,在生产环境中,如何避免浏览器缓存Webpack 3 编译后生成的js路径,导致404错误。(一) 一文中已经详细阐述了问题产生的原因和重现的方法。一共有两种解决方法。这篇文章准备详细解说一下第一种解决方法。要解决这个问题,F5 刷新是最好的解决办法。但是每次发布新版本后,都要求用户主动按 F5 刷新浏览器,会让用户觉得不方便。这对于...原创 2018-04-08 10:39:46 · 3377 阅读 · 6 评论 -
【115】vue-router使用懒加载机制,在生产环境中,如何避免浏览器缓存Webpack 3 编译后生成的js路径,导致404错误。(一)
前言为了适应不断变化的市场需求,软件产品需要持续部署。生产环境的部署周期往往短则一周,长则半个月。在这一持续部署的过程中,前端开发人员要面临一个问题:生产环境部署了新版本的代码后,如果用户没有 F5 刷新浏览器,就会导致浏览器缓存Webpack 3 编译后生成的js路径,导致404错误。用户没有 F5 刷新浏览器的情况是有可能发生的。第一种可能发生的情况是用户经常不关机,而是休眠。第二种可...原创 2018-04-06 09:40:07 · 4577 阅读 · 0 评论 -
【128】Spring Boot 1 实现浏览器拍照上传功能
最近写了个DEMO,实现浏览器拍照并上传图片的功能。框架用了Spring Boot 1.5.17.RELEASE,Java版本是8 。我把代码传到了码云上,项目地址:https://gitee.com/zhangchao19890805/csdnBlogGit项目中的 blog128 文件夹就是这次的演示项目。整个项目使用 Maven 构建。前端使用了 Spring Boot 1 默认集成的 T...原创 2018-11-02 22:03:49 · 1574 阅读 · 7 评论 -
【132】为UEditor1.4.3.3编写代码插件
整个项目的代码在 https://gitee.com/zhangchao19890805/csdnBlog.git 中的blog132文件夹中。写这个代码插件的原因:觉着UEditor默认自带的代码插件太丑了,所以决定自定义一个新的代码插件。如果想要运行代码,需要Tomcat 8.5,把 zhangchao_ueditor1_4-utf8-jsp 文件夹放到 webapps 文件夹中。启动 ...原创 2018-12-06 01:06:37 · 422 阅读 · 0 评论 -
【103】Peer Dependencies (同版本依赖)
原文地址:https://blog.domenic.me/peer-dependencies/nodejs官网收录了这篇文章,地址是https://nodejs.org/en/blog/npm/peer-dependencies/作者是 Domenic Denicola ,就职于谷歌Chrome团队。github 上npm开源项目的参与者。在本文中我把 Peer Dependencie原创 2018-01-09 15:27:45 · 9170 阅读 · 1 评论 -
【075】Vue.js自定义下拉列表,如何实现在下拉列表区域外点击即可关闭下拉列表的功能
在开发过程中,为了效果好看,往往需要自己开发一个下拉列表,而不是使用 HTML 自身的 select 下拉列表。然而当编写自定义下拉列表的时候,就会碰到一个问题:如果用户在下拉列表的范围外进行鼠标点击的操作,如何关闭已经打开的下拉列表?解决思路如下:在 DOM 的根节点上添加一个 click 事件,同时下拉列表内阻止事件的默认行为和冒泡。当响应这个点击事件的时候,说明是在下拉列表范围外的点击(原创 2017-05-30 11:11:11 · 8644 阅读 · 0 评论 -
【073】Vuejs2 + Webpack框架里,模拟下载的实现方法
在实际的开发工作中,难免要配合销售人员,提前做一些前端的 DEMO 出来。这个时候往往还没有连接后端 API。假如要演示一个下载连接,那么应该如何做呢?我们希望能够达成以下两点:在开发环境下,我们可以在 webpack-dev-server 开发服务器上点击下载连接,点击后浏览器就能不下载文件。当演示的时候,代码编译后放到 nginx 中。用户可以点击下载链接。nginx存放的都是业务原创 2017-04-24 06:51:05 · 5210 阅读 · 0 评论 -
【033】Bootstrap实现标签页效果
1. 版本Bootstrap v3.3.6 jQuery v1.11.32. 实现方法给显示标签页内容的DIV分别设置上ID: tab_1 和 tab_2。在标签页按钮上的 href 属性设置 #tab_1 和 #tab_2 来控制标签页内容的显示。具体代码如下:tab.html<!DOCTYPE html><html><head> <meta charset="UTF-8">原创 2016-07-28 09:42:07 · 7369 阅读 · 0 评论 -
【032】JavaScript 计算笛卡尔积
这是一个用JavaScript实现笛卡尔积的例子。 注意:本文中所说的集合是指数学上的集合,不是es6里的Set。整体思路如下:用户传入一个二维的数组,每个子数组都是一个要进行笛卡尔积计算的集合。返回一个二维数组,每个子数组都是一个有序对或者n元有序组。当用户传入一个集合的时候,为了兼容业务,返回形如:[[a],[b]…]的二维数组。当用户只传入两个集合计算的时候,普通的嵌套计算即可。当用原创 2016-06-18 18:10:06 · 4395 阅读 · 0 评论 -
【049】使用webpack2和extract-text-webpack-plugin时遇到Chunk.entry was removed. Use hasRuntime()错误的解决方法
我遇到的报错信息如下:F:\workspaceSet\vsc\blog-ng-tab>npm run build> blog-ng-tab@0.0.1 build F:\workspaceSet\vsc\blog-ng-tab> cross-env NODE_ENV=production webpack --progress --hide-modules71% sealingF:\workspa原创 2016-11-13 19:42:14 · 13965 阅读 · 0 评论 -
【052】Failed to mount component: template or render function not defined. 错误的解决方法
Vue.js 2 遇到 vue.runtime.common.js?d43f:511 [Vue warn]: Failed to mount component: template or render function not defined. (found in root instance) 错误的解决方法。问题描述:先说一下每个文件的内容原创 2016-11-27 23:18:01 · 149029 阅读 · 14 评论 -
【053】使用vue时Module build failed: TypeError: this._init is not a function错误的解决方法
这个例子中Webpack的版本是2.1.0-beta.27。在这个版本中,loader不能用简写省去 -loader 的形式。原创 2016-11-28 15:31:47 · 63545 阅读 · 0 评论 -
【070】使用Vue.js加sass时遇到 Invalid CSS after “.xxx{“: expected “}“, was “{“ 错误的解决方法
使用Vue.js加sass时遇到 Invalid CSS after ".xxx{": expected "}", was "{" 错误。本文给出了一个小项目重现了这个错误,并指出更改这个错误的方法。原创 2017-03-24 09:06:13 · 28096 阅读 · 7 评论 -
【072】解决webpack-dev-server对图片缓存的问题
项目中使用了 url-loader 来处理图片。配置放到 webpack.config.js 文件中。偶尔会碰到 webpack-dev-server 会缓存旧的图片文件的情况。就算你把硬盘上的旧图片删除,换上同一个名字的新图片,也无济于事。我找到了一个方法来解决这个问题。原创 2017-04-17 16:36:59 · 3933 阅读 · 0 评论 -
【029】Angularjs + Webpack 框架里,引入Bootstrap-datepicker插件时,datepicker is not a function错误的解决方法
Angularjs + Webpack 框架里,引入Bootstrap-datepicker插件时,浏览器提示datepicker is not a function错误的解决方法问题描述:使用Angularjs作为前端的框架,利用Webpack打包。在引入Bootstrap-datepicker这个框架的时候,Firebug提示“datepicker is not a function”错误。引入原创 2016-04-06 10:12:46 · 16069 阅读 · 0 评论 -
【048】XDomainRequest——限制、局限性和变通方案
本文翻译自微软官网的一篇文章,名称是 XDomainRequest – Restrictions, Limitations and Workarounds 本文原作者是EricLaw,前微软正式员工。2004到2012年在微软担任IE程序经理(Program Manager)。译文如下:更新:IE10 以上的浏览器支持使用 XMLHTTPRequest 对象,进行跨域资源共享(CORS)访问。IE翻译 2016-10-31 13:50:12 · 7026 阅读 · 0 评论