- 博客(311)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 搜索页_封装搜索组件 Vue_支持联想模糊搜索_关键词标红
search 搜索页面, 关键词变红, 界面清新大气, 亲测可用, 支持联想搜索、模糊搜索、关键词变红
2023-04-21 13:20:27
302
原创 vite 避坑笔记
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.jsimport vue from "@vitejs/plugin-vue";export
2021-07-09 10:24:33
4028
原创 联调中通wincall平台-踩坑指南
开发踩坑指南初始化阶段new CTIPlus({ token: user.token, //token agentPhone: user.phone, //坐席工号或者手机号 agNo: user.agNo //坐席工号 renderHtml: 'PHONE_BAR' //必填，虽然官方说非必填，不想用可以隐藏 })外呼阶段CTI.init(() => { //这里一定要加延时，否则外呼不通，我猜测是因为初始化时会自动签入，这个过程是
2020-07-10 14:55:22
304
原创 学习方法
管控好多巴胺水平当一个打游戏正沉迷的时候(多巴胺旺盛期)，是很难让他马上投入学习(多巴胺低水平)，但如果学习是为了追求女神呢，那多巴胺是可以迅速提升，所以让多巴胺从高到低是很困难，给自己一个提高多巴胺的方向，可以快速的进入学习。我更加喜欢的方式是，杜绝无效的高多巴胺，不下载抖音小视频等高多巴胺而对学习无益的app留意学习状态，加以复制每个人都有学习状态非常好的时刻，比如我在图书馆可以看书到...
2019-04-28 12:52:37
221
原创 我知道的ajax和跨域
为什么会有跨域？表单提交不会有跨域，但为什么js的ajax请求就会有跨域？我们都知道是浏览器的同源策略导致的。那么为什么会有跨域什么是同源策略？同协议、同端口、同域名同源策略限制的对象Cookie、LocalStorage 和 IndexDB 无法读取。DOM 无法获得。AJAX 请求不能发送。解决canvas图片getImageData,toDataURL跨域问题为什...
2019-04-23 14:12:00
183
原创 vue-audio组件,支持拖拽
<template><div style="margin:100px;"> <!-- 此处的ref属性，可以很方便的在vue组件中通过 this.$refs.audio获取该dom元素 --> <audio ref="audio" @pause="onPause" @play="onPlay" @timeupd
2018-08-28 18:25:54
4825
3
原创 video视频组件-视频切换播放_全屏-微信小程序
videoUIvideoUI 视频切换播放和全屏播放 微信小程序解决痛点：解决了viode自动下载的bug 加快页面加载速度，为用户节省流量视频切换播放 解决视频缓存中卡住的问题 腾讯给出的方案是： custom-cache=”{{false}}”视频全屏播放 解决iPhone X兼容问题 说明：我们贝壳亲自英语小程序，经过多版本迭代，优...
2018-08-17 16:46:56
9975
2
原创 mac下mysql安装、卸载、基本操作
执行mysql报错mac下运行mysql报错 ERROR 1045 (28000): Access denied for user 'zhang'@'localhost' (using password: NO) 解决很简单，执行命令sudo mysql即可 或者执行命令，mysql -u root 再解决不了，我就不知道了啊，你可以按照下边...
2018-06-08 10:57:26
13484
原创 searchUI-微信小程序 搜索插件
searchUI微信小程序优雅的搜索框特性[x] 不吹不黑-我们的界面UI还是蛮漂亮的[x] 支持搜索历史[x] 支持搜索历史（记录）缓存[x] 支持热门搜索[x] 支持删除搜索记录、清空搜索记录效果() 使用1.将component下的wxSearch放入项目中2.引入wxSearch的方法```js import * a...
2018-05-31 09:45:48
7829
转载 使用Flexible实现手淘H5页面的终端适配
来源：https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？那么趁此A
2017-12-15 11:45:11
501
转载 Vue2.0 和 Vue1.0——生命周期和钩子函数的一些理解
前言在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不清楚。于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是
2017-12-14 21:58:59
2626
转载 介绍几个移动web app开发框架
jQuery Mobile jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。jQuery Mobile最新版本是1.4.0，默认主题采用扁平化设计风格。jQuery Mobile1.4.0主要侧重于性能和控件方面的改进。除了全新的默认主题和SVG图标，还新增了开关控件、通用过滤器、箭头弹出框、滑动提示框等一系列功能，更是集成了jQ
2017-12-14 11:36:08
4469
转载 dedecms织梦后台模板layui框架-20171126更新
后台效果更新日记2017/11/26 修正gbk版后台删除文档报错问题；2017/11/22 修正部分Linux下后台-系统-系统基本参数不正常问题；2017/09/13 修正新建模型checkbox select字段无法显示文字问题；2017/09/11 修正独立模型添加文章时上传缩略图后发布文章报错；修正图集添加文
2017-12-07 12:41:27
5177
转载 windows下配置nginx+php环境
刚看到nginx这个词，我很好奇它的读法（engine x），我的直译是“引擎x”，一般引“擎代”表了性能，而“x”大多出现是表示“xtras（额外的效果）”，那么整个词的意思就是类似“极致效果”，“额外性能”。当然这里不是要来唠嗑，以上是题外话。 nginx相较于我们熟悉的apache、IIS的优势，就我浅入浅出的了解，在于“反向代理”和“负载均衡”。因此考虑到能够为Web服务器节省资
2017-12-07 12:35:15
230
转载 sublime配置ESLint_Linting React/JSX and ES6 Javascript with Eslint in Sublime Text 3
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
2017-11-24 20:59:25
387
转载 Mac OS X 系统配置 Apache+MySql+PHP 详细教程
转载自：http://blog.csdn.net/greenqingqingws/article/details/46594455如果你是一名 Web 开发者，很多时候都需要在本地搭建服务器测试环境，比如 Apache+MySql+PHP 这样的环境。事实上 Mac OS X 中想要搭建这样的环境很简单，接下来就会将详细的教程分享给大家。首先需要说明的是
2017-07-14 21:51:01
524
转载 利用ajax实现织梦dedecms瀑布流无限加载功能
该功能主要用到AJAX技术！ 一、首先找到并打开/plus/list.PHP文件，在里面找到如下代码：require_once(dirname(__FILE__)."/../include/common.inc.php");11在其代码下面添加如下代码：//列表页瀑布流无限加载代码if(isset($_GET['ajax'])){ $typeid = isset($_
2017-02-21 02:13:52
1154
转载 web app页面开发必备
节省样式的加载，其实不仅是为了节省加载，也是为了达到自适应的效果目前而言，要改变网站的配色方案或者写不同设备的专用样式表，是通过如下代码：@media only screen and (min-device-width:640px) { ... }//例如，适应某设备的分辨率其实，没有必要这样让你的样式表白白超载。可以通过下面这个方法去加载指定分辨率下的样式。这样的好处是，只有
2016-10-26 16:30:30
499
转载 介绍了各手机的像素密度_(-webkit-min-device-pixel-ratio)_响应式布局
响应式布局—设备像素密度测试 (-webkit-min-device-pixel-ratio)最近遇到这种头疼的问题，百思不得其解，不耻下问，悬梁刺股这些事情都做过之后，终于看到希望，于是攒见好就收，感觉整理分享给大家，希望有所帮助。对手机分辨率和网页像素的初步认识是，是2倍的差别。但是让人费解的是为什么还要 1.325 这种数据呢，原来是这么回事：举个
2016-10-17 07:24:54
8934
转载 玩转HTML5移动页面_非常实用的css\js\图片优化等工具
前言作为一名前端，在拿到设计稿时你有两种选择：快速输出静态页面加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少。同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为动效篇和优化篇。
2016-10-17 07:03:38
2420
转载 检测移动设备横竖屏
使用场景移动端的开发过程中，免不了要判断横竖屏，然后在执行其他操作，比如分别加载不同样式，横屏显示某些内容，竖屏显示其他内容等等。如何判断移动设备提供了两个对象，一个属性，一个事件：window.orientation 属于window对象上一个属性；共有三个值 ：0为竖屏模式（portrait）,90为向左反转变为横屏模式（landscape），-90为向
2016-10-16 02:12:07
424
转载 颜色HSL（色调，饱和度，亮度）
资料来源：W3C下面的每一个表代表一种色调。每个色调以30度间隔从色环取得。表中的X轴代表饱和度(100%, 75%, 50%, 25%, 0%)。Y轴代表亮度。50% 属于 '正常'。 0度 红 100%75%50%25%0%100#FFFFFF#FFFFFF#FFFFFF#FFFFF
2016-07-28 10:07:10
4813
转载 图像像素处理_明度/亮度/平均值/灰褐色/滤镜/灰色_canvas_js动画
本文参考《写给Web开发人员看的HTML5教程》其他滤镜可参考jacob Seidelin的Pixastic图像处理库(http://www.pixastic.com/lib),那里有超过30种javascript滤镜，均基于Mozilla的公开授权。//明度function grayLigtness(r,g,b,a){ var val=parseInt(
2016-07-25 15:51:35
2783
转载 如何使用rem单位
最近搞移动端，真是被rem、em与px的换算要了老命了，看了不少文档，似乎弄明白了，这不今天用又蒙圈了。好多文档上老是说用rem就给html设置font-size，用em就给body设置font-size看了下bootstrap样式表，html {font-size:62.5%;} body {font-size:14px;}，其他样式略哈，就讲这两个主要的。可惜大姐长了
2016-07-22 11:12:40
8367
原创 HTML5 canvas贝塞尔曲线_图解贝塞尔
先上代码：context.moveTo(50,50);context.quadraticCurveTo(200,60,50,100);context.strokeStyle='blue';context.stroke();图解我对quadraticCurveTo的理解：
2016-07-20 16:31:19
2453
转载 canvas arcTo()用法详解
今天，我们接着介绍CanvasRenderingContext2D对象的方法arcTo()的用法。arcTo(x1, y1, x2, y2, radius)arcTo()方法将利用当前端点、端点1(x1,y1)和端点2(x2,y2)这三个点所形成的夹角，然后绘制一段与夹角的两边相切并且半径为radius的圆上的弧线。弧线的起点就是当前端点所在边与圆的切点，弧线的终点就是端点2(x2,y
2016-07-20 14:47:24
1374
转载 Nginx主配置参数详解，Nginx配置网站
1.Niginx主配置文件参数详解 a.上面博客说了在Linux中安装nginx。博文地址为：http://www.cnblogs.com/hanyinglong/p/5102141.html b.当Nginx安装完毕后，会有相应的安装目录，安装目录里的nginx.confg为nginx的主配置文件，nginx主配置文件分为4部分，main(全局配置)、server(主机配置)
2016-07-06 14:20:12
615
转载 mac 下 nginx 环境的搭建
nginx 是一个轻量级的高性能HTTP 以及反向代理服务器，今天在MAC 上安装成功。 我是通过brewhome 来安装的，很简单。brew install nginx 一路顺畅。。。 下面是安装信息。hematoMacBook-Pro:~ hechangmin$brew search nginxnginxhematoMacBook-P
2016-07-06 11:52:09
2748
转载 动态绑定事件插件—livequery
转载于： http://www.wangyexx.com/jquery/jc/1014.html 一、livequery插件简介jQuery的事件绑定功能使得jQuery代码与HTML代码能够完全分离，这样代码的层次关系更加清晰，维护起来也更加简单。然而对于动态加载到页面的HTML元素，每次都需要重新绑定事件到这些元素上，十分不便。一款新的插件由此产生，即l
2016-06-27 23:50:04
624
转载 jQuery学习之：Validation表单验证插件
最近由于公司决定使用AJAX + Struts2来重构项目，让我仔细研究一下这两个，然后集中给同事讲讲，让每个人都能够有所掌握，慢慢会用。于是，自己便开始学习…… 由于Struts2自己早就学过，因而不需要花多少时间。而AJAX之前没怎么用过。现在AJAX框架如此之多，选择哪一个呢？开始打算选择 dojo，但是看了一点后，发现蛮复杂的。在之前有学过一点点jQuery，而网上也说jQuery
2016-06-27 19:20:45
366
转载 jquery-validation 使用
[html] view plain copyjquery-validation 使用 一、用前必备 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.de/api-browser/plugins
2016-06-27 19:14:15
989
转载 动态绑定事件插件—livequery
转载于： http://www.wangyexx.com/jquery/jc/1014.html 一、livequery插件简介jQuery的事件绑定功能使得jQuery代码与HTML代码能够完全分离，这样代码的层次关系更加清晰，维护起来也更加简单。然而对于动态加载到页面的HTML元素，每次都需要重新绑定事件到这些元素上，十分不便。一款新的插件由此产生，即l
2016-06-25 17:51:46
351
转载 $.post以及解析xml-基于jQuery的Ajax聊天室程序
一个简单的Ajax实例——基于Ajax无需刷新技术开发的聊天室程序，实现多用户在网页上聊天，并可以实时更新信息。chartbody,div,p{margin:0;padding:0;font-size:12px;}#wrapper{width:438px;margin:0 auto; border:1px solid;}#messagewindow{height:250px
2016-06-24 14:29:00
609
转载 关于团队合作的css命名规范
常用的css命名规则头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：m
2016-05-29 23:42:54
665
转载 从onload和DOMContentLoaded谈起
来源：http://www.tuicool.com/articles/aae2me这篇文章是对这一两年内几篇dom ready文章的汇总（文章的最后会标注参考文章），因为浏览器进化的关系，可能他们现在的行为与本文所谈到的一些行为不相符。我也并没有一一去验证，所以本文仅供参考，在具体开发中还是要以实践结果为准。当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，
2016-05-23 20:58:48
2262
原创 js中的prototype_记录
参考《javascript高级程序设计》，记录：var Person=function(){}; Person.prototype={ name:’aaa’, age:29, job:’web’, sayName:function(){ alert(‘job’); } } //将Person.prototype设置为等于一个新
2016-05-22 23:35:55
320
转载 JS扩展方法
JS扩展方法与C#的扩展方法非常相似，也是可以链式调用的，也是通过对某个类的扩展写法来实现。这个东西非常好用，如果将预先写好的方法放到一个js里面引用的话，那么后面写js将非常有趣。 下面给出一个例子：head> title>测试JS扩展方法title> script type="text/javascript"> // 合并多个空白为一个空白
2016-05-22 18:15:57
336
原创 JS数组sort比较函数
//从大到小的排列方式 var arr=[1,2,4,456,7,67,3]; arr.sort(function(a,b){ return a-b; }); console.log(arr);//[1, 2, 3, 4, 7, 67, 456]//不区分大小写 仅排列字母从小到大的顺序var arr1=['B','a','b','A'];
2016-05-21 18:07:08
3639
原创 js中typeof和constructor
1.typeof 可以用来获取一个变量是否存在，如 if(typeof a!=”undefined”){alert(“ok”)}，而不要去使用 if(a) 因为如果 a 不存在（未声明）则会出错，对于 Array,Null 等特殊对象使用 typeof 一律返回 object，这正是 typeof 的局限性2.var cc4=[1,2,3]; console.log(typeof cc4)
2016-05-18 00:56:11
1000
转载 深入浅出Node.js（六）：Buffer那些事儿
作为前端的JSer，是一件非常幸福的事情，因为在字符串上从来没有出现过任何纠结的问题。我们来看看PHP对字符串长度的判断结果：<? php echo strlen("0123456789"); echo strlen("零一二三四五六七八九"); echo mb_strlen("零一二三四五六七八九", "utf-8"); echo "\n"; 以上三
2016-05-15 23:22:25
423
ecshop 支付宝自动发货接口-alipay_delivery.php文件
2015-02-02
jquery上传图片预览-免费下载
2014-12-29
php发送邮件-邮件地址加密-注册登录功能
2014-08-15
ecshop 放大镜效果
2013-11-07
CSS圆角框-免费下载
2011-07-29
DIV+CSS+JS二级树型菜单，ul li展开后刷新无影响
2011-07-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人