- 博客(38)
- 收藏
- 关注
RSS订阅原创 【面试】回文数字宫格的实现（js基础版）
前言：觉得我写的好，麻烦您点赞点关注加收藏/推荐，其他问题欢迎底部留言，佛系回复！在某个群里看到“回文数字宫格”的面试题：
2021-06-05 21:36:59
808
原创 【vue】.sync修饰符与watch侦听器一起“食用”的方式
前言：本文记录作者在vue项目中使用sync修饰符时，父组件中watch监听事件无效并解决的过程，如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。一、.sync修饰符我直接贴官方截图：官方链接：.sync修饰符二、作者的使用假设需求：实现列表翻页功能详情：1、列表页面实现列表数据请求（getList）、根据pageInfo.page数据变化更新页面数据；2、当page数据改变时，翻页组件通知列表组件更新页面；由于要传较多的数据，作者选择了“用一个
2021-01-10 20:04:39
2438
7
原创 完美解决小程序中css样式中calc计算无效的问题
开篇老规矩：有用点赞+收藏+转发，欢迎留言讨论！最近在写小程序项目，遇到calc计算无效：.viewOne{ height: calc(100vh - 30rpx);}.viewTwo{ height: calc(100% - 30rpx);}在浏览器查看样式的时候，可见：.viewOne{ height: calc(70vh);}.viewTwo{ height: calc(70%);}上面的明显就不对，下面展示有效的写法：.
2020-10-16 00:50:34
3954
4
原创 mac vscode插件live server报错“宿主意外终止”的解决办法！
最近发现打开vscode会弹窗：原因是live server在vs code 1.49版本不适配，最快的解决方法就是回退到上一个版本1.48.2，问题就解决了。后面会持续跟进版本问题，好了，一大早我又水了一篇文章！记得点赞、关注+转发！...
2020-09-16 10:22:44
904
原创 解决：Uncaught DOMException: Blocked a frame with origin “xxx“ from accessing a cross-origin frame.
同源策略是一个重要的安全策略，它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。如果两个 URL 的protocol、port(如果有指定的话)和host都相同的话，则这两个 URL 是同源。这个方案也被称为“协议/主机/端口元组”，或者直接是“元组”。（“元组” 是指一组项目构成的整体，双重/三重/四重/五重/等的通用形式）。
2020-08-27 23:48:40
37719
1
原创 用图片填充为文字背景技巧
本文适合有一定css基础的同学阅读食用，前端技能太强的大佬，禁食！ 您要是觉得我写的好，对您有帮助，记得点赞+收藏哦！您要是过于慷慨本人不介意您的打赏！ 您觉得我写得不行可留言反馈，我看天气回复，但是禁止白嫖哦！一、先看效果图：二、需求分析：文字要大，要粗。如果文字太小太细，效果是不明显的； 文字得是透明的。如果不透明的话，图片是没有办法填充上去的。三、关键技术(css)：/* 设置元素的背景（背景图片或颜色）是否延伸到内容盒子下面。*/-webkit-background-cli
2020-07-31 18:36:45
1122
原创 前端工具：识别手机号码是否正确
很简单，就是用正则来识别，不过要注意的是每年通信公司可能会开放新的号段或者是虚拟号，需要及时更新。isMobileNumber: function (mobile) { if (/^(0|86|17951)?(13[0-9]|15[012356789]|17[0-8]|18[0-9]|14[5679]|19[189]|16[56])[0-9]{8}$/.test(mobile)) {...
2020-03-13 19:04:46
689
原创 VUE：从toast组件到toast插件（二）
在上一篇文章当中，我们简述了在vue的项目中toast组件的使用，可以说是非常麻烦，现在我就来简述一下如何搞一个toast插件。其实比较理想的使用方式是在项目中随心所欲的使用，如：this.$toast.show("展示的内容", 多长时间后关闭)。一、改造Toast.vue//components/common/toast/Toast.vue<template> ...
2020-02-16 18:11:55
686
1
原创 VUE：从toast组件到toast插件（一）
最近学习使用vue-cl写一个商城的项目，其中封装一个toast插件这个过程我觉得非常有趣，所以想记录下来。文章根据知识点，分两篇来写：1.tast组件；2.toast插件。组件写起来很简单，先在组件目录下的公共组件部分创建一个文件：// components/common/toast/Toast.vue<template> <div class="...
2020-02-16 16:40:36
998
原创 一眼就能看懂的常用git命令
对于git我也没有去深入研究，感觉会用就行。博主一般就是先本地初始化git，然后再关联远程仓库，这篇文章就是记录自己常用的git命令：1、初始化git init2、关联远程仓库git remote add origin 远程仓库地址3、本地添加、保存# 添加git add .# 查询添加文件git status# 本地保存git commit -m '填写保...
2020-02-09 15:00:57
105
原创 浅谈前端模块化开发的四种方法
最近在了解前端模块化开发，接下来会把相关的笔记/心得分几片文章记录下来。一、为什么要模块化开发js越多，依赖越强，灵活性越小（如引入顺序）； 多人开发，容易出现命名冲突等问题； ... ...二、解决方案：匿名闭包； 解决了命名冲突； 代码复用性变弱； 使用模块作为出口； // 3.使用变量接收对象var myModule = (function(){ ...
2019-11-23 15:44:10
1002
原创 跟我一起入门grunt，读我这篇文章就够了！
这是一个菜鸟的学习笔记，很适合也是菜鸟的你！相关传送门：点击这里观看相关的别人的视频； 点击这里去往grunt网站； 点击这里去“基德哈噗”上看grunt。开始学习：一、grunt的开发环境二、个人目录：注意点：package.json文件的配置 { "name": "grunt_test", //下载的包名和自定的名字不能一致，有冲突 ...
2019-11-23 12:56:36
171
原创 Vue组件失效（全局组件注册成功但未生效，非命名问题）
最近在写一个vue的项目，发现写好组件并引入之后标签没有任何效果，也没有报错。我们先看一下我的vue实例：var actDoubleEleven = new Vue({ el: "#actDoubleEleven", data: { }, methods: { }, created: function () { var ...
2019-10-29 14:20:39
7849
2
原创 permission denied, mkdir '/usr/local/lib/node_modules/@vue/cli/node_modules/fsevents/.node-gyp'
手痒在mac上开始尝试重新玩@vue/cli，sudo npm install -g @vue/cli结果遇到一堆报错：gyp ERR! configure error gyp ERR! stack Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue/cli/node_modules/...
2019-09-11 14:57:15
4016
1
原创 h5上传图片，修改用户头像
一、如何触发上传文件html：<input accept="image/*" type="file" id="picInput" style="display: none;">说明：accept属性—— 一个字符串，用于定义文件输入应接受的文件类型。此字符串是以逗号分隔的唯一文件类型说明符列表。由于可以以多种方式识别给定的文件类型，因此在需要给定格式的文件时提供一组完...
2019-07-01 11:14:35
2747
原创 UC浏览器页面，图片，css，js加载问题
开头要说一些废话：公司要在uc上投放广告，产品把需求安排给我，测试的时候，发现在UC浏览器上达不到效果：第一次进入无显示，第二次加载显示部分内容，第三次加载才有预期效果。查阅资料，原来是uc浏览器自带屏蔽广告的功能。UC浏览器会屏蔽地址中带ad字符的文件，如img，js，css都会给屏蔽掉。我们公司是二级域名含有ad字符，eg:ad.xx.com,被屏蔽掉了，改成其他的地址不含ad的即可，注意...
2019-06-20 15:48:24
814
原创 原生js实现jQuery的toggleClass功能以及多个dom元素绑定同一个事件
关键在于判断dom元素是否含有目标类名，判断函数如下： function toggleClass(ele,cln) { if ((' ' + document.querySelector(ele).className + ' ').indexOf(' ' + cln + ' ') > -1) { document.querySelector(ele)....
2019-05-22 16:52:54
1096
原创 button按钮在ios真机和Chrome显示不一样
html中一些语意化标签会有默认的样式，像button标签就有颜色，阴影，圆角。这些完美的“假象”在Chrome浏览器和实际的真机显示是不一样的。我就被实实在在的坑了一回。在Chrome的移动端调试模式下，button会有一个默认的跟随系统的颜色：显示的效果也是不错的：可是这个颜色，在真机上默认是白色的，如果你的背景是白的色话，这个按钮就被隐藏了。没有啥更好的解决办法...
2019-03-29 11:59:00
375
原创 font-style属性italic与oblique的区别
众所周知，italic与oblique的效果都是倾斜效果，那他们的区别具体是什么呢？查看MDN文档，得到以下答案：可以看到，他们俩是可以互补的；不过font-style用的也比较少，这点小知识还是挺有趣的。...
2019-03-28 15:30:21
2087
原创 一次追踪h5游戏中google广告的经历
这个h5游戏是刚进入游戏的时候会加载一次广告，当gameover的时候，也会加载一次广告。广告相关的文件是一个js，里面有创建与广告相关的dom元素，控制广告的隐藏和显示，在刚进入游戏的时候会初始化广告。重要的我都标榜了，debug，一步一步网上查，最终在html的script里面查到下面这个监听事件：当游戏给的信息有“show_middle_ad”的时候，加载广告。...
2019-03-21 17:34:34
976
原创 微信内引导用户关注公众号以及普通浏览器唤起微信的方法
一、微信内引导用户关注公众号最新有效的方法，要在微信pc版才有效！登录pc版微信，找到你要关注的微信公众号==如：https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzU0NTkyNjA2Mw==&scene=124#wechat_redirect就可以在微信环境内跳转到指定的公众号并关注了...
2019-02-15 15:21:55
5619
1
原创 css解决h5在ios上滑动卡顿的问题
以前看到的解决方案是用iscroll.js来解决，后面看到一个别人分享的文章，自己也记录一下：-webkit-overflow-scrolling: touch;这行代码启用了硬件加速特性，所以滑动更加流畅。更深层的原因可以看上面的链接在，文章有介绍。但是有一个限制条件，就是安卓4.0以上，ios要5.0以上才支持（webkit108400版本左右）...
2018-12-21 11:48:54
2671
转载 Math函数的举例（摘自js权威指南）
Math.pow(2,53) //2的53次幂Math.round(.6) //1.0：四舍五入Math.ceil（.6） //1.0：向上取整Math.floor(.6) //0.0：线下求整Math.abs(-5) //5：求绝对值Math.max(a,b,c) //返回最大值Math.min(a,b,c) //返回最小值Math.ra...
2018-11-26 16:34:36
220
原创 关于xshell的用法（记录自己用到的）
运行：sh deploy.sh 文件夹 分支切换目录：cd不知道干嘛用的： tail -f ./logs/jws.log查看当前目录：ls
2018-11-23 17:16:25
144
原创 git的日常使用
1、新建一个文件夹2、初始化 git init3、与远程origin master建立联系 git remote add origin xxxxxx表示地址4、把远程分支拉到本地 git fetch origin devdev是远程仓库分支名5、在本地创建分支dev并且切换到该分支 gi...
2018-11-23 17:01:11
86
原创 js识别浏览器踩坑记
最近产品给的一个需求是区分safari和其他浏览器显示不一样的东西。先贴一张在pc端的图： 上代码：const ua = navigator.userAgentvar browser = { isIE: function(){ return ua.indexOf("Trident") != -1 }, isOpera: function(){...
2018-11-23 11:32:26
222
原创 刷新页面的几种方式（reload，replace，meta标签，assign）
1、meta标签<meta http-equiv="refresh" content="times">这里content的值“times”表示的是时间，以秒为单位，是隔times秒自动刷新的。2、window.location.reload()方法window.location.reload(boolean)boolean参数默认为false，表示从缓存中读取，...
2018-11-20 10:00:27
1378
原创 h5调起QQ客服的坑（PC端、移动端）
废话：最近运营要求研发增加qq客服功能，于是这个任务就交给了我这个前端小白，查了一下资料，跟着他们做，发现都不正确，自己研究之后，写下这个博客，希望大家不要踩坑！ 不是任何一个QQ都直接加进那段代码里面去就可以的！！！ 1.把要作为客服的qq先在QQ在线登录一下2.然后按步骤选好自己的样式，填好信息，生成代码我把代码弄下来了，进行说明：<!-- 这段代码最关...
2018-11-20 00:04:01
4462
原创 解决input输入框在ios中有阴影
废话不多说，普通的去边框：input{ border: none; outline: none;}需要边框只要把第一句去掉就可以：input{ outline:none;}但是发现在ios下border-top会有阴影，去掉方式如下：input{ -webkit-appearance: none; outline: none;...
2018-11-08 11:35:44
1586
1
原创 h5:js识别非微信环境、微信环境、小程序环境
废话不多说了，项目H5页面是用vue写的，老大是想在微信小程序web-view里面内嵌我写的H5页面，根据使用环境传不同的参数得到不一样的返回值。知道需求的我惊呆了，我哪里有写过这个，不过老大很棒哒~把相关的资料给了我web-view看到这里兴冲冲的就把代码写完了：引入文件，使用wx来判断（写在created里面）但是发现执行的时候完全跳过了这里，根本就没进去~~~欲哭无泪的我试了很多...
2018-10-02 15:44:25
5469
4
原创 在vue中使用swiper做分类选项卡渲染时遇到的坑
公司产品最近一个版本要求是要做一个分类的选项卡，选项卡可以滑动，可以点击不同分类显示不同的关卡当时公司是用了swiper插件来做的，可是swiper一般是用来做轮播图，相比较之下还是差别比较大的，奈何我又是一个比较懒的程序猿，只能将swiper来完成需求了~~第一步是要引入文件，我随便写一个大概的样子<script src="swiper.min.js"></scr...
2018-10-02 15:08:43
4710
原创 解决页面中图片尺寸的问题
上次在做某些咨询页详情的时候，发现页面中的图片会撑开页面的宽度，如果只是设置100%的宽度，又有被拉伸的尴尬。网上查阅之后，找到了根据设置css来解决的方法：img{ // 保证图片可以以原尺寸显示 width: auto; height: auto; // 保证图片超过页面大小时不会被撑开 max-width: 100%; max-heigh...
2018-10-02 12:21:34
299
原创 关于解决在textarea输入连续输入数字和字母不换行以及在显示连续的数字和字母不换行的问题
前段时间在做一个评论功能的时候，测试人员告诉我在文本域连续输入数字或者是字母不会换行，在评论展示区也是一样的，我就纳闷了。这给用户的体验很不好，解决方案就是在对应的样式区加上word-break:break-all;word-wrap:break-word;打断单词，并且允许换行；至于数字不换行的原因可能是数字也会被当成字母连在一起。刚刚有看到别的博主写的更具体的解释，大家可以...
2018-09-23 13:41:19
2411
原创 jQueryDOM操作--动画--show()|hide()、slideDown()|slideUp()、fadeIn()|fadeOut()、stop()、animate()
简介：jQuery动画提供了一组网页中常见的动画效果，这些动画是标准的、有规律的效果；同时还提供了一些自定义动画的功能。1.显示的方法show()：作用--让匹配的元素展示出来；隐藏的方法hide()①参数为数值类型，表示执行动画的毫秒数$(selector).show(2000);②参数为字符串类型，jQuery的自带预设值（slow--600ms、normal--400ms、...
2018-09-04 00:48:34
522
原创 jQueryDOM操作--样式操作（css、className）
1.基本样式属性操作作用：设置或获取元素的样式属性值。2.设置样式属性操作设置单个样式（第一个参数为样式的属性名称，第二个参数为样式属性值）$(selector).css("color","red")设置多个样式，参数为对象，使用对象的形式设置一个或多个类和样式（参数为对象）$(selector).css({"color": "red", "font-size": "3.
2018-09-03 23:53:23
722
1
原创 jQuery容易忽略的选择器
选择器： 伪类选择器（标签+一个英文冒号） $("ul li:eq(3)")$("li:even")$("li:odd") 表单选择器（一个英文冒号+表单属性） $(":checkbox")$(":checked")$(":text") 3.属性选择器（选择某个属性或者是某个属性属于某个值） $("li[id]&qu
2018-09-03 20:45:37
88
原创 firework、301重定向、二级域名、nofollow、网站伪静态化、TKD标签、robots、canonical标签
1.firework：是一个网页作图的软件，以后可能要用上，功能上还没有体验过；2.301重定向：页面永久性移走（301重定向）是一种非常重要的“自动转向”技术。网址重定向最为可行的一种办法。当用户或搜索引擎向网站服务器发出浏览请求时，服务器返回的HTTP数据流中头信息(header)中的状态码的一种，表示本网页永久性转移到另一个地址。参考文章：https://blog.csdn.net/sd...
2018-09-02 23:18:03
359
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人