- 博客(38)
- 收藏
- 关注
RSS订阅原创 jquery表单验证插件
/** * 内联配置式 * data-pattern 验证规则 可以是预定义的正则、正则字面量 与js配置式相比是不能指定验证函数 * eg: *{6-12}、\d+.\d+、*{6}|\d+.\d+ * data-ajaxcheck 异步验证url * data-ajaxtype 验证的请求类型 默认post * data-attach 属于配合异步验证使用 异步验证时有可能需要传递附加参数，name值以英文逗号分割 * eg: mobile,sex * data-depend 依赖于其他
2021-04-18 18:09:28
383
1
原创 nuxt原生node命令启动&打包
nuxt命令行的真实执行文件是./node_modules/nuxt/bin/nuxt.js，当我们用nuxt快捷命令启动时，nuxt其实是拿到第二个参数并且与nuxt拼接而来的命令执行指令 描述 拼接命令 nuxt 开启一个监听3000端口的服务器，同时提供hot-reloading功能 没有第二个参数，实际nuxt会添加默认参数dev，实际执行命令是nuxt-dev nuxt build 构建整个应用，压缩合并JS和CSS文件（用于生产环境） nuxt-s
2021-04-06 15:49:16
828
原创 nuxt项目子目录问题和cookie丢失的问题
如果一个nuxt项目只开发一个子目录，这种配置就行https://blog.csdn.net/hoyche/article/details/113866249如果一个nuxt项目要开发多个子目录，那么router就不能指定了，只能是默认的根目录，并且需要给Nginx多配置一条静态资源规则{ location ~ ^/_nuxt { proxy_pass http://localhost:3000; }如果要修改默认的_nuxt目录，可以给build配置publ
2021-04-02 11:26:01
550
转载 构建Vue大型应用的10个最佳实践
这些是我构建大型Vue项目得出的最佳实践，这些技巧将帮助你更高效的编码，并且使其更容易维护和协作。在我今年的自由职业生涯中我有幸开发了一些大型Vue程序。我所说的这些项目使用了大量Vuex stores ? ，很多Vue组件（有数百个）和很多视图（pages）?。对我而言这是非常有意义的经历，我发现了很多使扩展的方法。同时我还需要修复一些乱七八糟的错误用法。?所以我将分享我的10个最佳实践，如果你有大型项目需要开发推荐你使用他们。1. 使用Slots可以使你的组件更强大和便于理解。最近.
2021-03-23 16:38:34
569
原创 nuxt 环境变量的问题
nuxt 在dev开发模式下会把NODE_ENV设置为development，在生产模式下会把NODE_ENV设置为production，这些都由nuxt自动完成，不需要再配置。代码中直接通过process.env.NODE_ENV就能获取
2021-02-20 14:13:51
1861
原创 跨源资源共享（CORS）
文章目录概念什么情况下需要 CORS ？功能概述简单请求预检请求概念跨源资源共享 (CORS) （或通俗地译为跨域资源共享）是一种基于HTTP 头的机制，该机制通过允许服务器标示除了它自己以外的其它origin（域，协议和端口），这样浏览器可以访问加载这些资源。跨源资源共享还通过一种机制来检查服务器是否会允许要发送的真实请求，该机制通过浏览器发起一个到服务器托管的跨源资源的"预检"请求。在预检中，浏览器发送的头中标示有HTTP方法和真实请求中会用到的头。什么情况下需要 CORS ？允许在下列场景中使
2021-02-04 22:34:27
663
翻译 [翻译] 理解Nuxt 2.12中的 fetch
在研究 Nuxt 源码的过程中发现fetch的运行过程竟然和官网上说的完全不同，于是我灵机一动去看了英文官网... 果然Nuxt 2.12中更新了fetch，可以说完全变了个样，更加强大好用了，但是中文官网的文档还是 2.11.X ，并没有更新。看了英语文档之后在官网发现了这篇博文，写得很不错，想翻译过来给学习Nuxt的同学一个参考，毕竟现在中文资料基本没有，限于水平，有错误还请指出。介绍Nuxt在最新发布的2.12版本中引入了一个新的方法--fetch。Fetch 提供了一...
2020-12-09 12:39:30
1902
1
转载 搭建本地HTTPS测试环境
生成证书1. 使用openssl生成密钥privkey.pem：openssl genrsa -out privkey.pem 1024/20382. 使用密钥生成证书server.pem：openssl req -new -x509 -key privkey.pem -out server.pem -days 365证书信息可以随便填或者留空，只有Common Name要根据你的域名填写。以我的个人网站为例Common Name (e.g. server FQDN or YOUR
2020-11-18 14:28:39
1314
原创 node npm 相关
node安装工具nvm-windowshttps://github.com/coreybutler/nvm-windows安装指定版本nodenvm install 10.16.3使用指定版本nodenvm use 10.16.3获取npm所有参数配置npm config ls -l设置参数npm config set <参数名> <参数值>获取参数npm config get <参数名>可以在.npmrc文件中写上用户配置设置npm参数值从命
2020-11-10 21:17:38
54
原创 gulp-babel转码ES5
package.json{ "devDependencies": { "@babel/core": "^7.12.3", "babel-core": "^6.26.3", "babel-polyfill": "^6.26.0", "babel-preset-env": "^1.7.0", "babel-preset-stage-2": "^6.24.1", "babel-preset-stage-3": "^6.24.1", "babelif
2020-10-24 16:41:32
180
原创 内网安装node-sass失败的问题
npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。这个问题，不管是用哪个自动化工具，gulp还是webpack，都需要npm install 来下载依赖包。只要网络不行，都会出现这个问题。方法一：使用淘宝镜像npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/set SASS_BINARY_SITE=https://npm.taobao...
2020-10-24 15:01:05
882
原创 git difftool第三方工具配置
TortoiseGit：git config --global diff.tool tortoisediffgit config --global difftool.tortoisediff.cmd “TortoiseGitMerge $LOCAL $REMOTE”git config --global difftool.tortoisediff.path “C:\Program File...
2019-11-26 14:25:31
981
原创 解决IOS下iframe会被其内容撑开的问题
<iframe src="a.html" frameborder="0" scrolling="no" style="width: 1px!important; min-width: 100%;"></iframe>
2019-11-07 20:52:57
459
原创 apache支持include注释方式引入文件的配置方法
<!-- #include virtual="绝对路径" --><!-- #include file="相对路径" -->打开文件httpd.conf，开启AddType text/html .shtml .htmlAddOutputFilter INCLUDES .shtml .htmlOptions Indexes FollowSymLinks INCLUD...
2019-10-31 20:38:00
1582
转载 PHP实现文件列表拷贝文件
<?php/** * 递归创建目录 * @param $path * @param $mode * @return */function mkdirs($path, $mode = 0777){ $dirs = explode('/',$path); $pos = strrpos($path, "."); if ($pos === false) {...
2019-05-15 21:10:10
351
原创 vue-cli3.0 配置事项
vue-cli3 使用环境变量--mode参数分环境开发和打包http://www.cnblogs.com/alantao/p/10282477.htmlhttps://cli.vuejs.org/zh/guide/mode-and-env.htmlhttps://blog.csdn.net/hoyche/article/details/90230527环境变量https...
2019-04-30 09:22:49
454
转载 如何挑选适合的前端框架？
最近几年，前端技术迅猛发展，差不多每年都会冒出一款主流的框架。 每次新开业务线或启动新项目时，首先第一件事就是纠结：使用什么框架，重造什么轮子？我很高兴应CSDN的邀请谈我的看法。RequireJS，前端技术发展分水岭在五六年前，移动端还没有兴起，我们没有什么选择，就是jQuery。有人会说，jQuery只是类库，不是框架；但那时前端业务还没有像今天这么繁重，原本是后端干的事，全部挪到前端...
2019-03-28 12:10:10
3245
1
原创 微信js-sdk
demo地址：https://www.weixinsxy.com/jssdk/说明文档：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115微信分享自定义内容：指定分享的图片时，图片的地址必须是包含完整的协议、域名。...
2019-03-22 15:54:39
183
原创 导航锚点跟随页面滚动，点击导航锚点快速到达页面位置
// 是否存在点击导航锚点var click_quick = null;var last_scroll_num = 0;$(window).scroll(function(){ var w_top = $(window).scrollTop(); // 循环页面正文中定位锚点 找到定位位置 $(".nav_quick[id^=quick]").each(functi...
2019-02-28 09:53:44
5014
原创 js分页
$.fn.pageview = function(){ this.each(function(){ var $box = $(this); var type = $box.attr('data-type'); var data = product[type]; var prod_count = data.length;...
2019-02-13 14:10:45
75
原创 移动端适配方案
<meta name="viewport" content="width=device-width,inital-scale=1.0,user-scalable=0">最简单的移动端适配方案(rem+vw)https://blog.noob6.com/2018/06/03/the-simplest-way-to-adapted-to-mobile-in-css-with-vw+...
2019-02-13 14:10:38
403
原创 表格左右滚动 部分固定
$.fn.magicTab = function(){ this.each(function(){ var $t = $(this); $t.find('th').each(function(){ $(this).css({ 'width':$(this).css('width') ...
2019-02-13 14:10:32
775
原创 select控件单选多选美化下拉
.select-box { position: relative; overflow-y: hidden; padding: 0 10px; border: 1px solid #e4e4e4; line-height: 22px; cursor: default; background-color: #fff;}.select-box...
2018-08-14 10:30:05
1460
转载 图片懒加载，lazyload
/* * Lazy Load - jQuery plugin for lazy loading images * * Copyright (c) 2007-2012 Mika Tuupola * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * P...
2018-05-28 11:36:25
251
原创 异步下拉选择框
// 调用样例// $('.all_filter .sup :text').ajaxDropSelect({// url : '/ajax/ajaxBrandList',// type : 'post',// ablenum : 1,// callfn : function(op){},// onfn : function(op){}// })...
2018-05-25 17:41:17
727
原创 元素固定插件
/** * 元素固定插件 by sunhaochen * create time 2017-11-1 16:39:40 * **********参数说明*********** * topSpace 固定元素上面的间距，譬如前面已经有一个固定元素了，此时就不能覆盖到前面的固定元素，把这个值设置为前面元素的高度就可以了 * bottomLimit 向下滚动时，当下面有不能覆盖的元素时，就把固定元素固定...
2018-05-25 17:41:10
206
原创 弹窗插件
/** * 弹窗插件 by sunhaochen * create time 2017-10-31 17:01:27 * **********实例的方法*********** * show 方法显示窗口 * showModal 方法显示带黑色透明背景遮罩的窗口 * reset 方法重置窗口位置 * width height 方法设置窗口宽度：弹窗实例.width('5px') *...
2018-05-25 17:41:06
312
原创 倒计时
// 倒计时// 在元素上增加个自定义属性data-time，值为当前时间,结束时间，下面的js中会以逗号分割两个时间// 需要一个函数形参来处理结果，该函数的this指向的是HTML元素，并将要更新的倒计时结果传给该函数$.fn.countDown = function(_fn){ this.each(function(){ var $t = $(this),...
2018-05-25 17:41:02
232
原创 checkbox 多级状态联动选择
// 需要配合html设置特定属性// rechild是指定它的下一级// resibling是指定它的同级// reparent是指定它的上一级// 思路就是当前元素触发事件之后，先循环设置子级，子级还存在子级就继续循环下去，直到没有子级// 之后循环同级，通过循环同级确定父级的选择状态// 在通过父级的同级确定父级的父级的选择状态，直到没有父级$(":checkbox").cha...
2018-05-25 17:40:56
5876
原创 图片缩放（可多图层叠加、隐藏显示、拖动）
$(function(){ var $wrap = $(".layer-wrap"), // 外层包围 $img = $img = $("img",$wrap), // 图层 imgX, imgY; $wrap.addClass("layer-img-done"); // 载入完成视觉 // 显示隐藏图层 $(".J_selImg")...
2018-05-25 17:40:49
980
原创 侧边菜单
/** * update 2016年9月21日 15:58:38 * 侧边栏菜单定义 * outchildhide：离开二级菜单时是否隐藏二级菜单，默认隐藏 * outselfhide：离开菜单时是否隐藏整个菜单，默认不隐藏 * bd：所有菜单项的容器 * style：一级触发元素上要添加和删除的class * extWidth：二级菜单超过一级菜单高度时将二级菜单宽度乘以这个倍数...
2018-05-25 17:40:45
614
原创 menuSel选择下拉框
/* style基础样式 */.menuDownWarp{ position: absolute; margin: 6px 0 0 -10px; background-color: #fff; border: 1px solid #e3e3e3; width: 160px;}.menuDownWarp .on{ background-color...
2018-05-25 17:40:40
206
原创 目录导航
!function(win,doc){ var $dir = $('.art-aside-dir'); var $hd = $('.art-sec .hd'); // 离顶部距离 var spaceTop = 50; // 创建导航html $hd.each(function(i){ var $t = $(this); ...
2018-05-25 17:40:33
360
转载 webkit 内核浏览器滚动条样式
滚动条的组成： ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块，能上下左右移动（取决于是垂直滚动条还是水平滚动条） ::-webkit-scrollbar-track 滚动条的轨道（里面装有thumb） ::-webkit-scrollbar-button 滚...
2018-05-25 17:05:27
1013
转载 普通qq客服，不加好友临时会话
<a href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=smt&menu=yes"><img src="/Static/img/qq.png" width="18" height="18" style="margin-right:5px;vertical-align:-4p
2018-05-25 16:58:22
2092
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人