UEditor编辑器有上传附件的组件，如果网站有使用UEditor编辑器，又想在编辑器窗口外单独调用UEditor的上传附件功能，可以参考下面的代码。 HTML代码 <div class="uploadfile"> <input name="file" id="file" type="text" class="uplod_file" value="" /> <span class="btn">上传附件</span> </div> 引用UEditor编辑器相关文件 <!-- 配置...
按值传递和按引用传递是php中函数参数的两种传递方式，两者的主要区别是在函数内对传递进来参数的操作是否会影响函数外该参数的值。 值传递 只使用符号$，对传入的值进行复制操作，使得参数和传入的值成为两个独立的个体，在函数内对传递进来的参数作任何操作都不会影响该参数在函数外的值。 示例： $value = 'a'; function test($value){ $value = 'b'; } test($value); echo $value; 输出的值是 a 引用传递 使用符号&$，把传入...
HBuilder安装less编译插件可以在保存.less文件时，在同目录下生成一个同名的.css文件，自动把less代码编译为css代码，且每次编辑保存后，对应的.css文件都会自动更新，非常方便。 安装使用方法： 1、安装less编译插件，插件地址：https://ext.dcloud.net.cn/plugin?id=2031 2、安装成功后，在HBuilder的工具栏选择“工具->外部命令插件配置->compile-less->package.json” 在该文件中找到“onDidSaveExecut...
在Less中使用CSS函数calc()动态计算长度值时出现错误，原本是px像素单位的数值被当成%百分比单位来计算，导致计算结果不正确。 Less代码： .calc { width:calc(100% - 90px); } 编译后的CSS代码： .calc { width:calc(10%); } 原因是less对代码进行了转换编译，解决方法是使用 “~''” 符合禁止对其编译，让其原样输出即可。 修改代码如下： .calc { width:~'calc(100% - 90px)'; } 编译后的代码如下：...
Win10系统双击打开图片时弹出窗口提示“无法注册包”，据分析应该是Windows 10系统的“Microsoft 照片”应用出错导致，解决方法是卸载Microsoft 照片应用然后重新安装。 操作步骤 鼠标右键开始菜单，点击“Windows PowerShell(管理员)”打开运行窗口，输入下面移除“Microsoft 照片”应用包的命令，然后按回车键： Get-AppxPackage *photo* | Remove-AppxPackage 卸载完成后，在Windows 10系统的应用商店“Microsoft St...
一直以来使用 TorsoiseSVN 本地文件状态图标都能正常显示，某一天突然不显示状态图标了，虽然有点不习惯，但不影响使用也就懒得管。可今天又想把状态图标找回来，于是网上搜了一下相当的解决方法，发现挺简单的，只需要在注册表里把 TortoiseSVN 项的排序调一下就可以了。 1、使用键盘快捷键 Win+R 打开运行窗口，输入 regedit 打开注册表窗口 2、按下面的路径逐步展开 HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\ShellIconOverl...
使用 $.ajax 请求本地静态文件数据，数据明明是JSON格式，但返回值的数据类型却是字符串，这是因为在数据传输过程中，JSON是以文本（即字符串）的形式传递的，所以返回的值也就是字符串类型，因此在操作返回的JSON数据时，需要先把JSON字符串转换为JSON对象，也就是解析，即反序列化（简单地理解）。 涉及基础 简单地理解，序列化就是把JSON对象转化成JSON字符串类型的过程；反序列化则是把JSON格式的字符串转化为JSON对象的过程。 在jQuery中可以使用 $.parseJSON(data) 实现标准格式的JSON字符串反序列化为JSON对...
在修改网页的焦点图效果：当前焦点是视频的时候，暂停焦点图的自动轮播，当视频播放完成后再启用焦点图的自动轮播。查看代码发现该焦点图使用的是 SuperSlide.js 插件，这是一款存在时间挺长的 jquery 焦点图插件，但多年的更新，插件的参数还是不够丰富全面，一些效果实现起来会比较麻烦。不过庆幸的是 SuperSlide.js 插件有提供 startFun 和 endFun 函数。 温馨提示：以下代码适用于 SuperSlide 2.1+版本。 实现代码： HTML代码 <div class="slides"> <...
animation 动画是经常会使用到的CSS3样式属性，通常是用来运行 @keyframes 定义动画，在网页开发过程中，想暂停 animation 动画要怎么做？CSS3 提供了 animation-play-state 属性，该属性的作用是运行或者暂停动画，支持该属性的浏览器版本 Chrome 43+(4.0 -webkit-)、IE10+、Firefox 16+(5.0 -moz-)、Safari 9.0+、Opera 30+(12.0 -o-)。 语法 animation-play-state: paused|running; 参数 ...
做表单涉及到地址地区时，经常需要做地区联动，比如省市二级联动、省市县三级联动以及更深层次的省市县镇街道联运等，下面的代码是最常用到的省市二级联动，附带了完整的json数据，其实做地区联动不难，麻烦的是弄对应的地区数据。 引入省市数据文件 把json数据保存为area.js文件后，引入文件（json数据太长，放在文章末尾了，请在文章末复制） <script src="area.js"></script> HTML代码： <form> <select name="province" onchange...
三张图堆叠式立体轮播图效果在网页前端开发过程中经常会做到，之前不想费心费力自己弄，习惯使用一些成熟的jquery轮播图插件（如slick.js、Owl-Carousel.js）改造实现，效果也算是差强人意。这次在bilibili上看到有人分享相同效果的代码，下载下来发现代码挺简单，效果也比较合适，于是就在原代码的基础上对html、css和js都进行了些小修改，结果比较符合自己的要求。 HTML代码： <div class="owl"> <div id="stacked"> <div class="item">...
通过审查元素或者直接F12键打开浏览器控制台默认是空白的，但可以通过javascript代码的console.log给它添加一个带样式的提示内容，支持Firefox、Chrome、Edge（不支持IE系列）等浏览器。 代码 if (window.console) { console.log("%c掏点东西（https://www.tddx.net）","color:#fff; background-color:#333333; padding:5px; border-radius: 10px; font-size:16px;"); ...