- 博客(36)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 Gird布局精要
Grid 布局详情请参考阮一峰大神的文章本文仅作为总结笔记参考网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。
2025-02-13 14:44:27
570
原创 轻量级服务器http-server
如：线上模式有app和manifest两个资源文件，子页面是manifest的版本命名来加载的，而在开发模式下只有app，子页面直接从app中的路由命名到内存中加载文件，所以，我们只需要设置app的代理，然后将app里加载的文件代理一个文件夹即可。修改项目中webpack-dev-server的host配置为:0.0.0.0,这样设置后，就支持localhost和IP两种访问方式(其他非webpack-dev-server启动服务的资源文件可以使用nginx或单独创建一个服务的形式处理)
2025-02-07 15:19:53
1304
原创 M1芯片 nvm 安装低于16版本的node环境
新电脑的同时，安装各种开发软件和环境变量的配置也是必不可少的环节。在 m2 版本的 MacBookpro 上使用 nvm 安装 node ，安装16版本的很正常，一两秒就装好了，接下来我继续安装 14 版本的node 时，终端显示就不对了，首先是进度十分缓慢，装了得有一分多钟，成功者之后一直循环输出 warning log，显示一些node的依赖，当然，在经过漫长的等待之后，也是成功装好了，但是使用的时候，还是发现这个 14 版本的node有问题，在运行一些指令的时候会报错。
2023-05-19 15:08:59
1476
原创 vue-pdf 打包后[hash].worker.js路径问题—打补丁
vue-pdf插件中[hash].worker.js的默认打包路径是在dist根目录下因我司前端项目部署系统原因，需要将[hash].worker.js文件移入dist/js/路径内。首先需要借助 postinstall、patch-package两个插件。安装命令行：npm ipostinstall-postinstall --save-devnpm i patch-package --save-dev在package.json的scripts中增加一行，postintall是.
2022-05-23 18:31:13
1904
3
原创 git命令
三、拉取、提交项目 git命令行 git clone http/ssh 克隆 git init 生成.git文件 git remote 查看主机名 git branch -a 查看所有的分支 gitpull 拉取代码（合并） git fetch 主机名 拉取代码（不合并） git push 远程主机名 本地分支名：远程分支名 推送代码 git checkout ...
2022-05-20 11:37:20
91
原创 常用的正则表达式
正则表达式在线测试工具：正则表达式在线测试 | 菜鸟工具1、手机号/座机号码let str = 'xxxxxxxx';let reg = /^[1]([3-9])[0-9]{9}$/;//手机号码let reg1 = /^\d{3}-\d{8}|\d{4}-\d{7}$/;//座机号码if(reg.test(str)){ // 格式正确}else{ // 格式错误}2、大陆身份证正则表达式省份代码，简而言之就是该省在全国范围内的独有的数字代码（全国统一制定的表示行
2022-05-20 11:19:12
3142
原创 mac本 vscode克隆、拉取、运行vue项目
一、下载安装网址：https://code.visualstudio.com/2、安装node npm vue-cli转载链接：https://www.cnblogs.com/PowerTips/p/11649411.htmlMac 安装node npm cnpm vue 创建并启动vue项目的流程 以及清空npm缓存和卸载 node 和 npm 的方法S01 安装node(内含npm)首先，到官网下载长期支持版，截止目前，最新的长期支持版本号是10.16.3https://no
2020-12-09 18:51:17
3273
1
转载 js判断移动端手指的上滑，下滑，左滑，右滑，事件监听
原理：1：当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和startY；2：当触发touchmove事件的时候，再获取此时手指的横坐标moveEndX和纵坐标moveEndY；最后，通过两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。代码：document.getElementById("id").addEventListener("touchstart", function(e) { e.preventDefault(); startX = .
2020-07-16 10:20:31
2338
原创 微信调整字体大小后，页面样式错乱解决方法
IOS简单些：body{ -webkit-text-size-adjust: 100% ;}安卓复杂些：(function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { if (document.addEventListener) {
2020-05-21 14:16:59
2230
原创 前端jquery 根据excel表达式自动计算结果
最近接到一个开发任务，大致需求如图：刚看到这个任务时，我头都大了，不敢下手去做，但是晚上总是梦到表达式(╥╯^╰╥) 各种解决办法也是酝酿了好几天才有了头绪，下手一写倒觉得没那么难了。代码主要考虑了4种情况，1、固定数值2、基础的数值运算3、单层IF条件4、嵌套IF条件这里所有的表单字段都是动态从数据库取的，由用户自定义，所以逻辑上更复杂一点，通过stan...
2020-04-22 19:39:04
835
1
原创 NPM安装vue脚手架（完整版）
npm：是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。比如常用的有： 1）允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2）允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 3）允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。首先：先从nodejs.org中下载nodejs如图，...
2019-12-02 15:43:30
6486
3
原创 NodeJS安装及环境配置（windows）
一、安装环境1、本机系统：Windows 10 Pro（64位）2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的 Java...
2019-12-02 15:07:08
11115
1
原创 表单中常规的正则验证（电话/邮箱/身份证/数字/英文字母组合等）
<form class="form"> <div class="my-form-group"> <label class="my-form-label">非空<span class="my-form-label-required">*</span></label> <input ...
2019-11-27 18:55:41
479
原创 Flex布局精要
传统布局方式：基于盒子模型，依赖display+position+floatW3C在2009年提出了新的方案—Flex布局，目前已得到所有浏览器的支持，可安全使用。Flex布局即弹性布局，使盒子模型更灵活。任何容器、行内元素都可以使用Flex布局，在webkit内核的浏览器使用时，需加上-webkit前缀。.box{ display: -webkit-flex; /* Saf...
2019-11-12 18:27:50
540
原创 H5 密码 调起安全键盘 导致页面底部出现留白
bug情况：使用米8的微信打开登录页，当输入密码时，会调起系统默认的小米安全键盘，偶发性出现键盘已收起，但页面未落下，底部原输入法位置变为空白。如下图：首先尝试通用解决方式，如：https://www.jianshu.com/p/c8f3a4036251https://blog.youkuaiyun.com/a_small_insect/article/details/85162236实...
2019-09-18 17:53:02
2399
原创 JavaScript如何一次性展示几万条数据
有一位同事跟大家说他在网上看到一道面试题：“如果后台传给前端几万条数据，前端怎么渲染到页面上？”，如何回答？ 于是办公室沸腾了， 同事们讨论开了， 你一言我一语说出自己的方案。 有的说直接循环遍历生成html插到页面上；有的说应该用分页来处理；还有的说这个面试官是个白痴， 哪有后台传几万条数据给前端这种情况的；我仔细思考了一下，先不论后端到底会不会白痴到传几万条数据给前端，假如真碰到这种情况，那么...
2019-05-09 17:17:50
354
原创 dwz框架自定义组件 使dialog在navTab下显示
主页面打开全屏页面 只占navTab部分根据Dwz框架的原理，应是在某个元素下append元素，设置z-index，先将全屏默认用的body改成想要使用的layoutBox元素下，同时修改width计算的值，maxsize方法下，$("document").width();改为$("layoutBox").width() 并赋值/** * @author Roger W...
2018-10-17 19:14:25
817
4
原创 DWZ框架 完善tree组件 通过传参实现刷新页面时，默认打开动态的指定分支
1、左侧tree页面代码<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@include file="../../../common/taglib/taglib.jsp"%><script src="${baseU
2018-10-16 11:29:18
606
2
原创 JQuery 遍历 祖先/同胞/后代/过滤
祖先.parent()直接父级元素.parents()所有祖先元素 可过滤 示例：$('#id').parents('li').parentuntil()两个给定元素之间的所有祖先元素 示例：$('#id').parentuntil('div')同胞.siblings() 所有同胞元素.next()下一同胞元素.nextall() 所有跟随的同胞元素.nex...
2018-09-03 23:19:16
398
原创 CSS3 @media查询 设置断点 实现响应式页面
使用@media可以针对不同的屏幕尺寸设置不同的样式，实现响应式页面开发。同样，重置浏览器大小时，会重新渲染页面。这里做一个简单的总结，如下为参考链接：http://www.runoob.com/cssref/css3-pr-mediaquery.html两种使用方式：第一种：style中设置@media mediatype（媒体类型） and|not|only (media ...
2018-09-03 23:01:27
1869
原创 allowed memory size of 134217728 bytes exhausted(tried to allocate 3264 bytes) liabraries/Image_li
php.ini的内存不够使用这个问题非常好地体现了算法的重要性，因为php不能手动释放内存，unset也要等函数执行完才会释放，所以算法要足够简练高效才行在不优化算法的情况下，可以修改服务器的php.ini的 memory_limit的大小，默认是128M，可以提升为256或者512等...
2018-04-25 11:34:54
551
原创 IOS微信内置浏览器history.back()；不刷新页面解决办法
最近开发了一下小型投票网页，发现苹果手机的微信内置浏览器history.back();语句能返回上一页但是无法自动刷新，已经被苹果微信内置浏览器坑了太多次了。。。这次总算下定决心找一下解决办法了。我详细描述下这坑是这样的，使用流量是一切正常的，但是当使用公司公用无线网时，大概是网速受限，（说起来我司的无线网也是很调皮，刷微博淘宝简直是飞一般的感觉，一刷自己开发的微信企业号网页，就慢成了地里的老
2018-02-02 14:19:39
8543
原创 微信客户端打开网页慢或出现“网络出错，轻触屏幕重新加载，错误码：-1005”
这个错误真的是不可思议。。。只要将时间制改成24小时就好了操作方法：仅存在于苹果手机中，在设置->通用->日期和时间->24小时制
2017-12-26 13:25:50
34938
原创 网页操作汇总
1、根据ID实现网页内滚动（跳转）$("html,body").animate({scrollTop:$("#tz"+id).offset().top},100)在$()内的为跳转所在的范围，当为html,body时，即为整个网页内部的滚动，animate为动画函数，动画函数内部scrollTop代表动画为滚动的意思，$("#tz"+id).offset().top获取的是目的ID距离网页顶部
2016-08-11 13:24:42
431
原创 HTML5离线应用
今天学习了一下离线应用，感觉棒棒哒~向前端又走进了一步~下面就说一下我理解的离线应用，此篇先写简单一点的离线应用。 首先呢，HTML5为我们提供了离线应用这个功能，这个功能主要包括3部分：（1）在线打开页面的同时，缓存离线文件（HTML/CSS/JS/图片/其它） manifest文件，从现在开始我们就要牢牢记住这个名字，因为这个文件就是实现离线的关键。
2015-04-16 17:43:08
482
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人