- 博客(56)
- 收藏
- 关注
RSS订阅原创 解决使用html2canvas生成的图片在ios电脑上样式展示异常的问题
使用html2canvas照着网页生成图片时，生成的图片在部分macos上会有啥的会有一些额外的细线啥的，windows下面看着一切正常。原来的这张蓝色的图片在在原网页上均展示正常的，但是在生成图片后，异常会多一些空白和细线出来。
2023-04-20 11:34:52
509
原创 mac 好玩的软件推荐
1. runCat简介：安装以后会在Mac顶部菜单栏出现一只跑动的小猫，(还能选择别的图标动画)，但是它的跑动运动频率会随着 CPU 的使用率增加而变快。如果CPU占用越高，那么跑动速度越快。设置使用在Preference 里General —> Startup: launch Runcat at login ，即可实现开机启动。另外还可以选择Runner color给动画匹配上系统颜色。System Info中选中下面的CPU监控状态、内存状态、硬盘空间、网络使用后，这个小软件还能额外
2022-04-22 16:10:34
819
原创 APPStore 打开后白屏的解决记录
心血来潮看到个好玩的软件想安装，需要在APPStore里安装，没想到一打开引入眼帘的是下图1这个鬼样子。于是先乎检查了网络，一切正常，百度了一下大致有以下几种办法：去活动监视器里内存下 appStore 和 appstoreagent 强制退出了 ，然后重启----- 没用在 网络—> 高级 -----> DNS 设置为 114.114.114.114, 和 代理先全部取消一下（应用完了可再改回去），点击应用按钮， 先杀一下进程， 再打开APPStore，就可以啦。...
2022-04-22 15:07:38
1726
1
原创 js 中 clientHeight、scrollHeight 等获取的高度的区别和使用
1、 clientHeight在盒模型中，代表元素的高度加内边距。语法：var elmnt = document.getElementById("content");element.scrollHeight;2、scrollHeight 代表元素的像素高度，值等于该元素在不使用滚动条的情况下为了适应视口中所用内容所需的最小高度不包含外边距（margin）、边框（border）使用场景：比如同一区域，一个标题和摘要，默认标题1行摘要2行，当标题超过2行，摘要就一行。css 标题样式：m
2022-04-22 14:39:13
1205
原创 vue中通过路由跳转的三种方式
router-view 实现路由内容的地方，引入组件时写到需要引入的地方 需要注意的是，使用vue-router控制路由则必须router-view作为容器。通过路由跳转的三种方式1、router-link 【实现跳转最简单的方法】<router-link to='需要跳转到的页面的路径> 浏览器在解析时，将它解析成一个类似于<a> 的
2022-04-01 11:26:33
89611
4
原创 2021-08-05
判断一个字串是否是回文数字1. 字串转换成数组， 数组翻转后变成字符串，和源字符串对比一样则是。var s=“1234321”;function Palindrome(s){var arr= s.split(""); // [‘1’,‘2’,‘3’…]var b = arr.reverse(); // 数组翻转var strb = b.join(’’); // 数组翻转后转为字符串if(s === strb){console.log(true)} else {console.log(
2021-08-05 22:33:15
94
原创 git小技巧： 在github上像在vscode 上浏览代码
分享给大家一个小妙招：在github域名后面加上 1s 就可以像在vscode 那样 浏览代码。比如：https://github1s.com/sentsin/layui/像这样子：
2021-06-04 16:56:33
489
原创 git的超实用命令 、vscode快捷键汇总
long long ago，记不住这些写了些笔记，偶然翻出了，分享一下mac 清除dns缓存sudo dscacheutil -flushcachegit常用操作查看git提交的tree图git log --graph --pretty=oneline --abbrev-commit git log --oneline --graph --decorate --allgit分支挑选某些提交从a 分支只选择x——y之间的提交 提交到 B分支在B分支上操作：git cher
2021-05-26 18:29:08
1565
原创 jq+js获取接口数据并动态添加到页面
jq+js获取接口数据并动态添加到页面如果结构相似，但是某一部分有不同，动态添加元素：案例：文章列表页，接口获取数据。展示效果一致图片加标题，有三种类型.当type=special： 图片左上角加专题字样，当为video，图片加播放按钮图标，当为article：无图标。如下图所示： $ajax({ url: 'httpxxxxxxx?id=' + id +' &page = ' + page dataType: json, succes
2020-08-27 10:45:30
1339
原创 mac上使用homebrew安装git
##安装homebrew其官网上的比较慢,而且还容易报错所以我们选择国内的源,在终端输入:/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"按照提示一步一步操作就好了,可能第一次不会成功,多试几次.最后提示安装成功后,使用brew -v 查看安装的版本.如果显示版本,没有提示command not found: brew,这会儿我们可以正常使用brew安装其他工具啦最
2020-07-23 12:20:29
1301
2
原创 拷贝对象（深拷贝，浅拷贝）
a 1 = [{a:1},{b:1} ]或者 [1,2,3]Typeof（数组a1），// “Object”A1 instanceof Arrray //true 所谓的浅拷贝和深拷贝：浅拷贝是在在拷贝过程中，遍历时那部分为对象/数组类型指向原来的地址，而深拷贝，则是完全开辟新的内存地址。浅拷贝：对拷贝对象的引用，不是本身① For （var I in obj） 最后用var CloneObj= simpClone（拷贝对象obj）② Object.assign( {目标}, 源o
2020-07-21 16:05:28
410
原创 数组原型上面的方法有哪些,哪些是可以改变数组的,哪些是不可以的?
改变原数组的方法：ES5:splice() 可删除从 index 处开始的零个或多个元素sort()pop() 删除尾部元素，返回删除的值push() 数组尾部添加，返回新数组长度shift() 数组头部元素删除，返回删除元素unshift() 数组头部增加, 返回新数组长度reverse()ES6:copyWithin()fill不改变原数组的方法：ES5：slice、join、toLocateString、toStrigin、cancat、indexOf、las
2020-07-09 23:06:36
537
原创 electron遇到的问题
一、由于页面不会保存一些信息，一旦刷新页面就会导致很多问题，所以这里要禁止用户手动刷新客户端页面在windows下，CTRL+R 页面会刷新。全局禁止参考资料：https://github.com/electron/electron/issues/11895https://cloud.tencent.com/developer/section/1116189在main.js 里javascript该globalShortcut模块可以向操作系统注册/注销全局键盘快捷方式，以便您可以自定义各
2020-07-08 15:19:52
1909
原创 mac安装howbrew 报curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused
mac安装howbrew，使用howbrew官网的命令安装，提示如下解决：换用国内的源，使用如下命令：/bin/zsh -c “$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)”最后提示安装成功！
2020-05-26 09:50:57
302
原创 event loop事件队列的简单理解
因为js是单线程，但是在js中有同步事件，还有一些异步操作等，那么执行顺序是怎样的？这就涉及到一个事件队列，用来存储待执行的事件。event loop分为三个重要组成部分：调用栈（call stack）: 将函数事件压入栈中，执行完该事件，从栈中弹出。微任务队列（microtask Queen）：异步任务的promise的回调函数会被放入微任务队列中。微队列也叫jobs宏任务队列（macrotask）： 包含 setTimeout 、setInterval。宏队列也叫tasksjs引擎在执行过
2020-05-10 23:23:48
804
翻译 Less.js简单介绍
Less是一门向后兼容的CSS 预处理语言。使 CSS 更易维护和扩展。安装在服务器上安装less最简单方法是通过node.js软件包管理npm安装，-g全局安装npm install less -gLess的新功能：1.新增变量在样式表中相同的值重复n多次，使用变量控制这些值，使代码更易于维护。@link-color: #428bca; a, .link { color: @link-color; }div {backgroud: @link-color; }2.混合（Mixi
2020-05-08 23:41:04
748
原创 三列布局自适应【四种方法】
面试时遇到这样一个题，题目要求：分为左中右三列，左右两边固定宽度，均为200px；中间宽度自适应。当时没太明白，甚至把几个元素混为一谈了。得空了便来捋一捋。我们先设这三块分别为left、middle、right。1、浮动法浮动法的原理：对左右块使用分别使用float:left和float:right，float使左右两个元素脱离文档流，中间元素在正常文档流中。注意：middle位置要求...
2020-05-07 09:25:49
1501
1
原创 js事件机制 相关
JavaScript 事件机制描述的是事件在 DOM 里面的传递顺序，以及我们可以对这些事件做出如何的响应一、事件监听：事件监听函数：addEventListener（ 事件名，callback，监听阶段）用于向指定元素添加事件句柄。第三个参数值为布尔型，当处于事件捕获阶段监听为true，冒泡阶段监听为false。移除事件监听：removeEventListener（事件名，callb...
2020-05-07 00:07:55
199
原创 js中闭包的简单介绍
在js中，函数内部可以直接读取全局变量。在函数外部无法读取函数内部的局部变量。通过闭包，可以在函数外面访问到内部变量的函数。一、了解闭包① 闭包定义和用法：当一个函数的返回值是另外一个函数，而返回的那个函数如果调用了其父函数内部的其它变量，如果返回的这个函数在外部被执行，就产生了闭包。② 表现形式：函数外部能够调用函数内部定义的变量③ 变量的作用域： 全局变量和局部变量。函数内部申明变量...
2020-05-05 10:43:53
237
原创 js中和对象相关的操作(判断类型，是否有属性。。)
1.判断一个对象上是否有某属性① 通过点. 或者方括号[]let test = { name: ‘he’ } test.name , test[‘name’] // 都会输出he。当属性不存在会返回undefinedtest[‘toString’] // ƒ toString() { [native code] } 原型链上有的toString方法，也能返回② in ...
2020-05-03 23:03:54
306
原创 vue 原理以及defineProperty
Object.defineProperty( 目标对象，属性，描述)定义对象上属性的一些特性var obj2 = {};Object.defineProperty(obj2, "age", { value: 2, //属性值 writable: true, //对象上属性是否可修改 configurable: true, // 是否可配置，为false，不可(删、写、枚举...
2020-04-25 23:25:55
1327
原创 实例、原型、构造函数的关系，以及继承
实例、原型、构造函数的关系：function Parent () { this.name = 'name'}var person = new Parent()1.概念：构造函数： js中所有的函数都可以作为构造函数，前提是被new操作符操作。通常函数名首字母大写实例： 接收了被new实例化后新建的对象原型：构造函数都有一个prototype属性，这个属性指向原型对象。原型链：...
2020-04-25 22:35:49
2678
原创 H5 拨打电话&&根据不同状态显示不同的背景色
1。根据不同状态显示不同的背景色 <div class="status"> <span class="mark" :class="markClassMap[baseInfo.status] || ''"> {{baseInfo.status}} </span></div> ma...
2019-10-31 17:40:05
428
1
原创 vscode保存时格式化缩进空格由设置的2变成4 （已解决）
在最近一次更新vscode之后我的vs code出现了问题：（之前正常）保存vscode代码时， tabsize设置的是2，但是保存时空格变成4，如下图然后百度了tabsize 设置为 2之类的方法对我来说根本没用（我一直是这么设置的）。看了看之前的项目，2的还是2，但是新建保存全是4，所以排除了是这个项目的问题。应该是全局的一些配置。所以将目光锁定在了格式化format这块，用com...
2019-10-25 23:58:23
14244
16
原创 vue使用express mock模拟后台接口数据（新手亲试）
一、安装和命令1.在项目中安装 expressnpm install express --save （本地安装）或者npm install express -g （全局安装）2.全局安装nodemon （）npm install nodemon -g3.最后用nodemon server.js 替代之前的node server.js 实时更新 server.js二、代码具体实现1、...
2019-10-22 11:57:02
668
原创 vue 组件之间的通信（父子组件，vuex）
1.深复制的使用场景以及如何用？意义2.lodash。的使用引入import _ from ‘lodash’解决_ is not defined 的问题
2019-07-30 17:58:43
1010
原创 项目开发中 git 常用的命令
一.git 常用命令//文件存入暂缓区git add filename//将暂存区文件提交到本地仓库git commit -m "添加信息 "//连接远程仓库git remote add origin 远程仓库地址//将当前本地分支dev_hp推送到远程 (第一次推加-u，将本地与远程的master分支关联)git push （-u） origin de...
2019-07-13 17:36:52
180
原创 Javascript编程实现确定两个文件之间的相对路径
目标：找a-&gt;b的相对路径分析：1、首先需要把a、b绝对路径分割成数组形式（使用split（）方法，以/为分割点），2、其次我们申请一个空的字符串str用于存放最终相对路径。比较两个数组里的元素，如果相同位置的值相同，那么说明他两在在同一文件夹下，此时向str加入‘…/ '。否则就加上目标b数组中**对应位置元素+"/"**符号。直至到最末尾3、最后，别忘记，最后一个元素后面还会...
2018-11-04 16:52:02
728
原创 XX笔试面试题目
浏览器默认字体大小是16px查询某网站的cookie信息只需要在地址栏里面输入javascript:alert(document.cookie) 【返回当前文档所有 键/值 对的所有cookie】cookie的属性name字段 ：一个cookie的名称。name字段 ：一个cookie的名称。value字段 ：一个cookie的值。expires：过期时间，指定cookie的过期时间...
2018-11-04 11:52:46
139
原创 浏览器缓存、Cache-Control
为什么需要浏览器缓存？客户端和浏览器建立连接时需要消耗时间，客户端和服务器之间进行多次往返通信才能获得完整的响应，这拖延了浏览器可以使用和处理内容的时间。这就增加了访问服务器的数据和资源的成本，因此利用浏览器的缓存机制重用以前获取的数据就变成了性能优化时需要考虑的事情。说到浏览器中的缓存机制，其实就相当于HTTP协议定义的缓存机制。为每个资源指定一个明确的缓存策略，用以定义资源是否可以缓存，由...
2018-11-04 11:22:25
682
原创 setTimeout的理解
1、执行先后顺序setTimeout（）有两个参数值，分别是函数、时间值（ms）.这是因为 js 是单线程的，有一个事件队列机制，setTimeout 的回调会到了延迟时间，排队执行。页面中所有由setTimeout定义的操作，都将放在同一个队列中依次执行。而这个队列的执行时间需要等到函数调用栈执行完毕后才会执行，也就是等待所有的可执行代码执行完毕，才到setTimeout执行举例1说...
2018-11-03 15:57:40
794
原创 强制、隐式类型转换
强制类型转换：ECMAScript 中可用的 3 种强制类型转换如下：Boolean(value) - 把给定的值转换成 Boolean 型；如果该值是空字符串、数字 0、undefined 或 null，它将返回 false。Number(value) - 把给定的值转换成数字（可以是整数或浮点数）；Number(false/null) //0Number(true) /...
2018-11-03 00:13:02
164
原创 js 事件绑定
js绑定事件①html元素中直接绑定。 <input type=“button” id’=“button” onclick=“click()”>function click(){ }②DOM0级事件处理程序即js代码中绑定—----------若添加多个同类型事件，则后来的事件会覆盖原有的事件，即同类型的事件只能有一个。以button按钮绑定事件来举例： ...
2018-11-02 23:00:32
175
原创 ：：before 和：after的区别
：：和：区别：css3中为表示区分：表示伪类。 伪类用于向某些选择器添加特殊的效果。：：表示伪元素。 伪元素用于将特殊的效果添加到某些选择器&amp;amp;gt; 常见伪类——:hover, :link, :active, :target, :not(), :focus。&amp;amp;gt; 常见伪元素——::first-letter, ::first-line, ::...
2018-11-02 21:30:04
5154
原创 清除浮动的几种方法--伪元素清除浮动（首推）
29. 清除浮动元素/*问题描述：一个父div，两个子Div，父不设宽高，会被子元素撑起高度。当给两子元素设置float（浮动，不占文档流的位置）后，父元素没有高度了————即高度塌陷形如 ：&amp;amp;amp;amp;lt;div class=&amp;amp;amp;quot;clearfix&amp;amp;amp;quot;&amp;amp;amp;amp;gt; &amp;amp;a
2018-10-29 16:52:57
3142
原创 我的问题总结
1.判断一个对象是否属于数组三种方式①Objct.prototype.toString.call(obj)==="[object Arrary]" （最佳）②obj instanceof Array③typeof obj=="object" && obj.constructor==Array2. js三种弹出框（警告窗口、确认窗口、信息输入）...
2018-10-29 11:39:31
143
原创 div+css实现文本居中和图片居中
1、纯文本居中 #left{ width: 100%; height:200px; background: pink; text-align: center; line-height: 200px; }<div id="left">我已亭亭，不忧亦不俱-----------------《莲的心事》&l...
2018-10-28 15:56:28
360
原创 浏览器内核及兼容问题
浏览器及兼容27. 五种css浏览器兼容的写法① * ： ie6,ie7可以识别；② _和- ： ie6可以识别；③ !important ：表示高优先级，ie7及以上，firefox都支持，ie6认识带!important的样式属性，但不认识!important的优先级；④ 引擎前缀 -ms- -moz- -o- -webkit-28. 三种js浏览器兼容性的写法详见...
2018-10-23 16:50:37
607
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人