<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/fgdfgasd</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; fgdfgasd]]></copyright><item><title><![CDATA[搜索页_封装搜索组件 Vue_支持联想模糊搜索_关键词标红]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/130286179</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/130286179</guid><author>fgdfgasd</author><pubDate>Fri, 21 Apr 2023 13:20:27 +0800</pubDate><description><![CDATA[search 搜索页面, 关键词变红, 界面清新大气, 亲测可用, 支持联想搜索、模糊搜索、关键词变红]]></description><category></category></item><item><title><![CDATA[vite 避坑笔记]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/118599627</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/118599627</guid><author>fgdfgasd</author><pubDate>Fri, 09 Jul 2021 10:24:33 +0800</pubDate><description><![CDATA[vite启动失败：

错误描述：[plugin:vite:import-analysis] Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.


解决方案：// vite.config.js
import vue from "@vitejs/plugin-vue";
export ]]></description><category></category></item><item><title><![CDATA[联调中通wincall平台-踩坑指南]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/107250794</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/107250794</guid><author>fgdfgasd</author><pubDate>Fri, 10 Jul 2020 14:55:22 +0800</pubDate><description><![CDATA[开发踩坑指南

初始化阶段new CTIPlus({
     token: user.token, //token
     agentPhone: user.phone,  //坐席工号或者手机号
     agNo: user.agNo  //坐席工号
     renderHtml: 'PHONE_BAR'   //必填，虽然官方说非必填，不想用可以隐藏
 })


外呼阶段CTI.init(() =&gt; {
    //这里一定要加延时，否则外呼不通，我猜测是因为初始化时会自动签入，这个过程是]]></description><category></category></item><item><title><![CDATA[学习方法]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/89635924</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/89635924</guid><author>fgdfgasd</author><pubDate>Sun, 28 Apr 2019 12:52:37 +0800</pubDate><description><![CDATA[管控好多巴胺水平
当一个打游戏正沉迷的时候(多巴胺旺盛期)，是很难让他马上投入学习(多巴胺低水平)，但如果学习是为了追求女神呢，那多巴胺是可以迅速提升，所以让多巴胺从高到低是很困难，给自己一个提高多巴胺的方向，可以快速的进入学习。
我更加喜欢的方式是，杜绝无效的高多巴胺，不下载抖音小视频等高多巴胺而对学习无益的app
留意学习状态，加以复制
每个人都有学习状态非常好的时刻，比如我在图书馆可以看书到...]]></description><category></category></item><item><title><![CDATA[我知道的ajax和跨域]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/89471433</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/89471433</guid><author>fgdfgasd</author><pubDate>Tue, 23 Apr 2019 14:12:00 +0800</pubDate><description><![CDATA[为什么会有跨域？
表单提交不会有跨域，但为什么js的ajax请求就会有跨域？我们都知道是浏览器的同源策略导致的。
那么为什么会有跨域

什么是同源策略？
同协议、同端口、同域名
同源策略限制的对象

Cookie、LocalStorage 和 IndexDB 无法读取。
DOM 无法获得。
AJAX 请求不能发送。
解决canvas图片getImageData,toDataURL跨域问题


为什...]]></description><category></category></item><item><title><![CDATA[vue-audio组件,支持拖拽]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/82152482</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/82152482</guid><author>fgdfgasd</author><pubDate>Tue, 28 Aug 2018 18:25:54 +0800</pubDate><description><![CDATA[

&amp;lt;template&amp;gt;
&amp;lt;div style=&quot;margin:100px;&quot;&amp;gt;
    &amp;lt;!-- 此处的ref属性，可以很方便的在vue组件中通过 this.$refs.audio获取该dom元素 --&amp;gt;
    &amp;lt;audio ref=&quot;audio&quot; @pause=&quot;onPause&quot; @play=&quot;onPlay&quot; @timeupd]]></description><category></category></item><item><title><![CDATA[video视频组件-视频切换播放_全屏-微信小程序]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/81780049</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/81780049</guid><author>fgdfgasd</author><pubDate>Fri, 17 Aug 2018 16:46:56 +0800</pubDate><description><![CDATA[videoUI


videoUI 视频切换播放和全屏播放 微信小程序




解决痛点：


解决了viode自动下载的bug 
加快页面加载速度，为用户节省流量
视频切换播放 

解决视频缓存中卡住的问题 
腾讯给出的方案是： 
    custom-cache=”{{false}}”
视频全屏播放 
解决iPhone X兼容问题 



说明：


我们贝壳亲自英语小程序，经过多版本迭代，优...]]></description><category></category></item><item><title><![CDATA[mac下mysql安装、卸载、基本操作]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/80620135</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/80620135</guid><author>fgdfgasd</author><pubDate>Fri, 08 Jun 2018 10:57:26 +0800</pubDate><description><![CDATA[执行mysql报错

mac下运行mysql报错 
       
      ERROR 1045 (28000): Access denied for user 'zhang'@'localhost' (using password: NO) 
 
  解决很简单，执行命令sudo mysql即可 
  或者执行命令，mysql -u root 
  再解决不了，我就不知道了啊，你可以按照下边...]]></description><category></category></item><item><title><![CDATA[searchUI-微信小程序 搜索插件]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/80519546</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/80519546</guid><author>fgdfgasd</author><pubDate>Thu, 31 May 2018 09:45:48 +0800</pubDate><description><![CDATA[searchUI


微信小程序优雅的搜索框


特性


[x] 不吹不黑-我们的界面UI还是蛮漂亮的
[x] 支持搜索历史
[x] 支持搜索历史（记录）缓存
[x] 支持热门搜索
[x] 支持删除搜索记录、清空搜索记录




效果

() 


使用



1.将component下的wxSearch放入项目中



2.引入wxSearch的方法

```js
    import * a...]]></description><category></category></item><item><title><![CDATA[使用Flexible实现手淘H5页面的终端适配]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/78811218</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/78811218</guid><author>fgdfgasd</author><pubDate>Fri, 15 Dec 2017 11:45:11 +0800</pubDate><description><![CDATA[来源：https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html

曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？

那么趁此A]]></description><category></category></item><item><title><![CDATA[Vue2.0 和 Vue1.0——生命周期和钩子函数的一些理解]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/78807718</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/78807718</guid><author>fgdfgasd</author><pubDate>Thu, 14 Dec 2017 21:58:59 +0800</pubDate><description><![CDATA[前言

在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。

因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不清楚。

于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是]]></description><category></category></item><item><title><![CDATA[介绍几个移动web app开发框架]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/78800917</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/78800917</guid><author>fgdfgasd</author><pubDate>Thu, 14 Dec 2017 11:36:08 +0800</pubDate><description><![CDATA[jQuery Mobile



    jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。jQuery Mobile最新版本是1.4.0，默认主题采用扁平化设计风格。jQuery Mobile1.4.0主要侧重于性能和控件方面的改进。除了全新的默认主题和SVG图标，还新增了开关控件、通用过滤器、箭头弹出框、滑动提示框等一系列功能，更是集成了jQ]]></description><category></category></item><item><title><![CDATA[dedecms织梦后台模板layui框架-20171126更新]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/78740064</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/78740064</guid><author>fgdfgasd</author><pubDate>Thu, 07 Dec 2017 12:41:27 +0800</pubDate><description><![CDATA[后台效果



更新日记

2017/11/26    修正gbk版后台删除文档报错问题；

2017/11/22    修正部分Linux下后台-系统-系统基本参数不正常问题；


2017/09/13    修正新建模型checkbox select字段无法显示文字问题；


2017/09/11    修正独立模型添加文章时上传缩略图后发布文章报错；修正图集添加文]]></description><category></category></item><item><title><![CDATA[windows下配置nginx+php环境]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/78740037</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/78740037</guid><author>fgdfgasd</author><pubDate>Thu, 07 Dec 2017 12:35:15 +0800</pubDate><description><![CDATA[刚看到nginx这个词，我很好奇它的读法（engine x），我的直译是“引擎x”，一般引“擎代”表了性能，而“x”大多出现是表示“xtras（额外的效果）”，那么整个词的意思就是类似“极致效果”，“额外性能”。当然这里不是要来唠嗑，以上是题外话。

　　nginx相较于我们熟悉的apache、IIS的优势，就我浅入浅出的了解，在于“反向代理”和“负载均衡”。因此考虑到能够为Web服务器节省资]]></description><category></category></item><item><title><![CDATA[sublime配置ESLint_Linting React/JSX and ES6 Javascript with Eslint in Sublime Text 3]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/78628260</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/78628260</guid><author>fgdfgasd</author><pubDate>Fri, 24 Nov 2017 20:59:25 +0800</pubDate><description><![CDATA[A few weeks ago, I wrote a blog on how to setup
 ST3 for React dev. Since then, I learned more about react development, I started to use eslint. Jslint is great but it does not support JSX. We need a]]></description><category></category></item><item><title><![CDATA[Mac OS X 系统配置 Apache+MySql+PHP 详细教程]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/75137024</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/75137024</guid><author>fgdfgasd</author><pubDate>Fri, 14 Jul 2017 21:51:01 +0800</pubDate><description><![CDATA[转载自：http://blog.youkuaiyun.com/greenqingqingws/article/details/46594455




如果你是一名 Web 开发者，很多时候都需要在本地搭建服务器测试环境，比如 Apache+MySql+PHP 这样的环境。


事实上 Mac OS X 中想要搭建这样的环境很简单，接下来就会将详细的教程分享给大家。


首先需要说明的是]]></description><category></category></item><item><title><![CDATA[利用ajax实现织梦dedecms瀑布流无限加载功能]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/56139500</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/56139500</guid><author>fgdfgasd</author><pubDate>Tue, 21 Feb 2017 02:13:52 +0800</pubDate><description><![CDATA[该功能主要用到AJAX技术！ 
一、首先找到并打开/plus/list.PHP文件，在里面找到如下代码：
require_once(dirname(__FILE__)."/../include/common.inc.php");11

在其代码下面添加如下代码：
//列表页瀑布流无限加载代码
if(isset($_GET['ajax'])){
    $typeid = isset($_]]></description><category></category></item><item><title><![CDATA[web app页面开发必备]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/52935605</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/52935605</guid><author>fgdfgasd</author><pubDate>Wed, 26 Oct 2016 16:30:30 +0800</pubDate><description><![CDATA[节省样式的加载，其实不仅是为了节省加载，也是为了达到自适应的效果
目前而言，要改变网站的配色方案或者写不同设备的专用样式表，是通过如下代码：
@media only screen and (min-device-width:640px) { ... }//例如，适应某设备的分辨率
其实，没有必要这样让你的样式表白白超载。可以通过下面这个方法去加载指定分辨率下的样式。

这样的好处是，只有]]></description><category></category></item><item><title><![CDATA[介绍了各手机的像素密度_(-webkit-min-device-pixel-ratio)_响应式布局]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/52835755</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/52835755</guid><author>fgdfgasd</author><pubDate>Mon, 17 Oct 2016 07:24:54 +0800</pubDate><description><![CDATA[响应式布局—设备像素密度测试 (-webkit-min-device-pixel-ratio)


最近遇到这种头疼的问题，百思不得其解，不耻下问，悬梁刺股这些事情都做过之后，终于看到希望，于是攒见好就收，感觉整理分享给大家，希望有所帮助。

对手机分辨率和网页像素的初步认识是，是2倍的差别。

但是让人费解的是为什么还要 1.325 这种数据呢，原来是这么回事：



举个]]></description><category></category></item><item><title><![CDATA[玩转HTML5移动页面_非常实用的css\js\图片优化等工具]]></title><link>https://blog.youkuaiyun.com/fgdfgasd/article/details/52835746</link><guid>https://blog.youkuaiyun.com/fgdfgasd/article/details/52835746</guid><author>fgdfgasd</author><pubDate>Mon, 17 Oct 2016 07:03:38 +0800</pubDate><description><![CDATA[前言

作为一名前端，在拿到设计稿时你有两种选择：


快速输出静态页面
加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来

作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？

这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少。
同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为动效篇和优化篇。

]]></description><category></category></item></channel></rss>