HTML标签使用style background-image属性添加背景图片，需要和vue双向绑定。 HTML代码 <div id="app"> <div class="pic" v-bind:style="{backgroundImage:'url('+ bg + ')'}"></div> </div> 这里需要注意的是： 在vue中background-image要用驼峰写法，写成backgroundImage（和在jquery里的写法一致）； 结束不要加分号。 ...
一个对象数组，已知其中一个对象属性的某个属性值，然后通过该属性值获取其所属对象的对象下标。 简单地说就是通过指定对象属性值获取对象的下标，可以通过 javascript 的 findIndex() 方法实现。 findIndex() 方法的作用是传入一个函数条件，然后返回符合条件的数组的第一个元素的位置（下标）。 示例代码： var _name = 'tddx'; //已知属性值 var _object = [ { name: 'tddx', age: '10' }, { name: 'neirong', a...
网页中常见的效果，点击按钮改变内容的字体显示大小，方便眼睛视力不同的人阅读，提高网页的用户体验。 实现方法也比较简单，通过js修改元素css的font-size属性。 实现代码 HTML代码： <a id="cut" href="javascript:void(0);">A-</a> <a id="add" href="javascript:void(0);">A+</a> <div id="entry"> 这里是内容 </div> Javascript代码...
AI文件图层比较混乱，怎么样快速找到选中内容的图层？使用Illustrator的定位对象功能。 鼠标选中要定位的内容，然后在图层面板点击底部的定位对象按钮（搜索图标）即可 遗憾的是，好像没有对应的快捷键。
制作web动画效果，通常会想到使用svg或者canvas甚至flash，其实一些简单的动画效果，使用css3属性transition就可以实现，比如动态显示矩形边框线的效果，实现原因是利用过渡效果时宽高显示的时间差。 示意图 实现代码 HTML代码： <div class="border"> </div> CSS代码： .border {position: relative; width:300px; height:300px;} .border:before, .border:afte...
如果某一天使用Firefox浏览器时发现鼠标左键点击网页任意一处文本都会出现闪烁的光标，还可以通过键盘方向键移动光标，就好像输入框输入状态一样，而自己并不知道为什么会这样时，那么应该就是误触了键盘的F7键，并且点击了“是”。 在Firefox浏览器窗口按下F7键是Firefox光标浏览设置，可以启用或禁用光标浏览，此功能可以在网页中放置一个可移动的光标，以便能使用键盘选择文本，如果没有鼠标、非触屏、没有触摸板的情况下，这个功能是非常有用的。 关闭方法 方法一： 在Firefox浏览器窗口，按下键盘F7键，在弹出的“光标浏览”设置窗口中，点击...
安装xampp后，apache服务器时间所在时区的时间不一致，原因是xampp的apache服务器设置的默认时区不是自己所在的时区，导致时间晚一些或早一些，解决方法是在php.ini把时间修改为自己所在时区即可。 编辑apache的/php/php.ini文件，找到timezone，将其修改为Asia/Shanghai 如默认为 date.timezone=Europe/Berlin 修改为 date.timezone=Asia/Shanghai 保存文件，重启apache即可。
网站数据表比较多，通过 phpmyadmin 导出数据时，弹出警告窗口提示： 警告：当前表单包含的字段多于 1000，受限于 PHP 中 max_input_vars 值的配置，该次提交有可能忽略其中一部分。 max_input_vars 介绍 max_input_vars 是 PHP 5.3.9开始增加的一个变量，作用是限制提交的表单数量。（其实是字段数量？），php.ini 配置中 max_input_vars 默认值是 1000（就算 php.ini 文件没有这个变量，这个值也是 1000）。 解决方法 ...
serialize() 函数序列化后存储在数据库的值，不能通过 mysql replace 直接批量替换修改其中的内容，想批量替换序列化后的内容，可以使用 php 的 unserialize() 函数对内容进行反序列化，然后使用 str_replace() 函数替换，再 serialize() 序列化后存储进数据库。 如 数据库表 table_post 字段 post_meta 的值： a:4:{s:8:"thumbnail";s:73:"http://www.tddx.net/uploads/2022/01/626086271217.jpg";} ...
有一个单独的视频设置字段，需要视频上传的功能，自己编写相关代码太麻烦，那么可以通过单独调用 UEditor 编辑器的视频上传组件来实现。 HTML代码 <div class="uploadvideo"> <input name="video" id="video" type="text" class="uplod_video" value="" /> <span class="btn">上传视频</span> </div> 引用UEditor编辑器相关文件 <!-- 配置文件 ...
前一天还能正常使用的 xampp，再一次使用时，无端端地无法启用 mysql 服务，启用 mysql 服务时提示 MySQL 意外关闭（Error: MySQL shutdown unexpectedly.） 查看 mysql 错误日志文件 mysql_error.log 发现有一行提示 “Plugin 'FEEDBACK' is disabled.” 看字面意思是 “FEEDBACK” 这个插件被禁用，查找到的解决方法如下： 1、先备份 /xampp/mysql/data/中的所有文件。 2、将 /xamp...
微信小程序原生组件input文本输入框，点击聚焦后，placeholder占位符文字位置会向上编移，原因是input使用了box-sizing: border-box;样式的同时添加了上下内边距（padding）或上下外边距（margin），解决方法可以把box-sizing:border-box;或者上下内外边距去掉。 示例： wxml代码 <input type="text" confirm-type="search" placeholder-class="placeholder" placeholder="输入关键词搜索"/> wxs...