- 博客(58)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端-vue
Vue 2.x 中通过 Object.defineProperty 来劫持各个属性的 setter/getter，在数据变动时，通过发布-订阅模式发布消息给订阅者，触发相应的监听回调，从而实现数据的响应式化，也就是数据到视图的双向绑定。2、无法监听数组的长度的修改，例如：vm.items.length = newLength；3、无法监听 ES6 的 Set、WeakSet、Map、WeakMap 的变化；4、无法监听 Class 类型的数据；1、前端框架的数据响应式化。
2023-07-24 13:28:19
88
原创 mac机里通过Parallels装了一个虚拟机window10
讲真，通过mac装了虚拟机Windows10 真是实现工作自由了，太好用了吧parallels是需要花费的，这个自行解决（破解也好、购买也好步骤1、按照步骤一步步的装起来parallels2、继续装起来window3、接下来要实现文件共享啊。我是参考了接下来的文章，基本就是可以了http://download.parallels.com/desktop/v12/docs/zh_CN/Parallels%20Desktop%20User's%20Guide/32922.htm4、然
2022-11-25 17:08:28
654
原创 CSS的filter使用
1、filterfilter - CSS（层叠样式表） | MDNCSS属性 filter 将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter明亮度：用于hover的时候图片颜色变亮一部分brightness()函数将线性乘法器应用于输入图像，使其看起来或多或少地变得明亮。值为0%将创建全黑图像。值为100%会使输入保持不变。filter: ...
2022-05-24 19:32:49
591
1
转载 JavaScript for...in 循环出来的对象属性顺序到底是什么规律？
在学习 JavaScript 语言的 for...in 循环时，总是会被告知：用它循环对象，循环出来的属性顺序并不可靠，所以不要在 for...in 中做依赖对象属性顺序的逻辑判断。但是我们自己写一个对象时，来回刷新好几遍，发现循环出来的属性顺序是一样的啊？let user = { name: "John", age: 30, isAdmin: true};for(let key in user) { console.log( key ); // name age isAdm
2022-05-07 15:26:09
470
原创 vue中slot的使用
暂时先保存下，我今天会更新修改Vue——v-slot父组件调用子组件内的值 - 灰信网（软件开发博客聚合）
2022-03-03 10:08:41
398
原创 Mac 装 charles抓包步骤
1. 准备工作安装JDKCharles由Java开发，请先安装好JDK（笔者JDK版本为1.8.0_91）。下载Charles官网下载地址，目前最新版本4.0.2支持macOS 10.7 - 10.12（笔者macOS版本为10.12.4）。关闭VPN/代理为了正常使用Charles，请关闭自己的VPN或者其他代理设置。2、安装将上面的jdk和charles安装好之后，然后安装的时候有个弹窗提醒是不是默认的给设置，我选择了是。后期明白应该是省去了下边的步骤（截图从其他的文档上）.
2021-07-23 15:58:09
308
转载 推荐这几个流程图设计器web开发方案
由于原来是写过设计流程的这种，原来用的是gojs, 然后现在看到这种类型的就会比较留心一点，所以收藏下来有空接续看https://mp.weixin.qq.com/s/pkN0b2Ps7wS7rJyIaLO_7A
2021-07-14 13:26:54
537
原创 axios请求和ajax请求post请求默认的表头，content-type不一样
axios请求和ajax请求post请求默认的表头，content-type不一样
2021-05-11 19:34:17
275
原创 http和https的启动过程
1、http的请求过程和原理三次握手之所以是三次是保证client和server均让对方知道自己的接收和发送能力没问题而保证的最小次数。第一次client => server server只能判断出client具备发送能力第二次 server => client client就可以判断出server具备发送和接受能力。此时client还需让server知道自己接收能力没问题于...
2019-09-03 20:54:11
516
原创 事件循环 event loop
概念前提：上下文执行栈、任务队列（task queue）、微任务（microtask）、macrotask/Task(宏任务)首先附属一个英文视频学习：https://www.bilibili.com/video/av37759434/首先一个总结js的原理：1、代码从宏任务（script整体代码）开始执行2、如果遇到同步操作，则直接执行；3、如果遇到异步操作，则将它里面的异步任务分发...
2019-09-03 20:23:19
109
转载 swiper上下滑动，中间有一块可以出现滚动条，另外的都是翻页
完全是参考了别人的代码，大佬写的太好了，我是来抄袭的，回去再慢慢的研究https://blog.csdn.net/flower46273736/article/details/52687496有直接demo可以查看segmentfault上面的信息...
2019-05-08 15:19:10
939
原创 html文件的编码格式和编辑器的编码格式不一致会导致乱码
文件的编码格式是gb2312但是vscode的编码打开的是两个编码方式对不上，会导致这个文件中文乱码现象乱码现象平时都会想是chaset="UTF-8"这个导致的，其实还有可能编辑器导致的...
2019-03-07 19:06:23
801
原创 click事件会影响chromeenter上的mouseenter和mouseleave，这是一个错误吗？【用了别人的一个标题，为了方便搜索】
直接上图：需求是鼠标移走poptip的时候，提示框消失，但是里边点击是ok的但是bug来了，点击点着就消失了，神奇了。。。然后找到了一篇文章https://cloud.tencent.com/developer/ask/172332/answer/274607主要是chrome上面的这个bug，然后我使用了relatedTarget属性是可以的，暂时的解决验证ok...
2019-01-11 13:39:39
629
原创 关于图标的显示不全问题overflow-hidden
直接上图了，上面就是错误的bug的地方找了好久的呀，用的是vue+iview的项目，然后用的是iview的slider滑块，看的demo都是合适的（其实并咩有看的很仔细，因为就是和原来的代码不一样）因为我们重置了原来代码的样式，所以是导致了这边多了一个overflow:hidden；当时找了好几遍咩有考虑到这个问题，其实图片不显示能很明显想到的是：1、上面的高度不够2、overflow...
2019-01-09 11:18:28
1097
原创 git安装使用
安装 1、安装 https://git-scm.com/downloads2、安装完成之后 再开始菜单找到 git -> git bash 3、配置 git config$ git config --global user.name "Your Name"$ git config --global user.email "email@example.com"配置你...
2018-05-10 15:48:12
140
原创 vue 踩坑（一）
1、后来添加的html代码，样式应用不上去后来添加的html代码，比如是append进去的，这样的话我们写的样式只适合本页面使用的scoped, 但是这样的样式就是应用不上去。这就很尴尬了。 后来才知道，后续添加的html片段是没有经过vue编译过得，所以本页面的样式是应用不上的，但是我们可以通过全局的样式控制住。2、v-model 这真是一个神奇的东西啊，好用的一笔一般form表单会使用v-m
2017-11-23 16:13:32
1738
原创 es6入门
一、let 和const 1、let是块级作用域，声明变量用的。 这个可以很好的解决闭包的问题，请看下边的两个例子：var a = [];for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); };}a[6](); // 10这边的var是去全局范围内有效所以全局只有一个变量i,每次循环，变量i
2017-11-23 14:14:23
241
原创 less 基础 边学边整理
1、变量 定义一个变量可以全局使用 @nice-blue: #5B83AD; @light-blue: @nice-blue + #111;header{color: @light-blue; }2、混合 .border { border-top: dotted 1px black; border-bottom : solid 2px black; }menu a {color: #1
2017-11-16 10:51:03
378
原创 router-link 地址可以改变，但是router-view不渲染
1、看到这个标题百度，很多出现的问题都是单词拼写错误，比如export default new Router( { routes: [ { path：'\', component:home } ]})很多强调的就是上面的routes不能有错误,因为很多人写的时候哦会写成routers2、我的错误是因为当时用vue-cl
2017-11-09 17:37:14
5599
原创 svn不出现对勾
第一步：首先右键=》setting=》进入到下边的界面，按照下面的方式选择一下第二步：找到svn原来安装的exe，重新修复，点击repaire，然后重启电脑就可以了 找了半天找不到就是好难，找到了合适的方法就是很快
2017-10-24 16:02:06
5436
原创 每周学习20171019
1、router 官网 https://router.vuejs.org/zh-cn/essentials/named-routes.html 2、router-link使用可以代替导航a标签， ：to可以使用{name:’home’}//home是直接使用的，在路由里边只要写了一个name的名字就可以了 3、重定向 当用户访问 /a时，URL 将会被替换成 /b，然后匹配路由为 /b
2017-10-24 15:58:12
1438
原创 rgba（0,0,0,0.6）IE不支持解决方法
一般我们写透明的黑色部分都是用opcity（0.6）方式写的，但是这里带出来一个问题就是如果你在这一div上写字的话，然后那个字体也会变成透明色。然后我们采取rgba的样式写，前面三个数字分别对应r,g,b,的三种颜色，第四位的数字对应的是透明的系数。但是这个又出了一个问题就是IE8根本不支持这里我们通常的解决方案是把透明色的黑色蒙版，我们把它变成一张图片，作为一张图片放进去。 backgroun
2016-07-18 15:12:44
4449
1
原创 事件 与 属性
首先我们看下我们把 onerror当做属性和事件两种方式，用js添加的方法 $("#img").on("error",function(){ this.src = "../../css/images/361X190.png"; });$("#img").attr("onerror","javascript:function(){ this.src = '../../css/imag
2016-07-14 10:59:22
725
原创 类名称定义的总结
1、定义一个类的时候不要带有标签的名称：div class=”ceshuspan”这个类下边包了一个span的标签，然后需求上有改动，现在要改成select的样式，然后我就坑了，我要改一连串的东西，都是这个类名导致的.我下边是select option的标签不可以使用ceshuspan这个类名吧，所以我要改类名，还有联动的改其他的地方。解决方法：所以我们最好的定义一个类不要用标签的名字放在里边。这
2016-06-28 13:39:44
950
原创 取对象的Key和值
var obj = { “姓名”：“宁宁”, “年龄” ： “25”， “性别”： “女” };for(var k in obj) {//遍历对象，k即为key，obj[k]为当前k对应的值console.log(obj[k]);console.log(k);}
2016-06-23 17:37:37
9665
原创 对页面相应内容的具体定位
1、问题描述： 图一 图二还是拿原来的例子做个演示。图一中修改密码有个超链接，图二是要连接到的页面，但是页面进来是这个样子的。 显然我们不是想要看到个人资料，我们想最好是账号设置界面最好了，跟我们的修改密码比较匹配。因此我们就要给个人资料和账号设置这两块添加一些小的修改，让自动定位到我们想要的位置。2、解决方案我们在图二的页面上做了修改就是给一个参数传递a. 首先第3行开始，我们开始定义一个
2016-06-23 15:03:43
640
原创 js里边填充数据：点一次会闪一次的问题
1、结果图 2、问题描述：登录一个系统之后的获取到登录之后学生的姓名和头像然后放在进入页面的header部分，这是通过公用的scaffold.js来写入的，但是有个问题就是我们每次单击导航nav的时候，都会加载一次scaffold.js这个文件，因此就会出现一个页面缓冲，就是请求接口回来的这个事件，所以我们看到的头像和宁宁这两个地方就会闪一次。但是因为我们是在同一个账号里边进行操作的，我们当然
2016-06-23 14:04:17
1102
原创 收藏的优秀网站（备份一下）
http://getbootstrap.com/components/#glyphicons（bootstrap上面使用的小标签，都是统一）
2016-06-22 14:12:55
352
原创 HTML中的换行造成空格问题
对于html内置的内联级标签以及表单元素标签，源代码中连续几个内联级标签中的换行在浏览器中会被解释为一个空格。包括ie和ff。而这个空格是会被当作一个空白节点（nodeType等于3的节点，就是文字节点）。对于html内置的块级标签使用了display:inline;则没上述问题。 对于html内置的块级标签之间的换行，ff会当作一个空白节点（用js可以获取到），ie则会忽略掉这个换行。 这个
2016-06-22 13:47:35
2909
原创 正则表达式【项目中碰到使用的】
var reg=/([\u4E00-\u9FA5]|[\uFE30-\uFFA0])+/; 意义: 中文包括中文的标点符号var reg=/[\u4e00-\u9fa5]/ 意义：中文（不包括中文的标点符号）
2016-05-26 16:40:34
277
原创 对象 与 JSON数据 的对换
首先我们要认识一下什么是对象： 然后我们再看一下JSON对象 其实json对象就是一个轻量级的对象，就是规范了一种准则的对象，这样方便语言之间的沟通，他们之间的表达方式上就是json的key上面多了引号，这就是与对象之间的区别。但是很多的时候我们也要将json与对象之间互相的转换。 记住两个关键字就是stringify,parsestringify是将普通对象变成json对象 par
2016-05-25 13:52:48
272
原创 字符串与数组的相互转换
今天师傅临时的问我的一个问题，我感觉的确自己好像不熟悉，所以就搬过来再系统的学习一下，其实都是基础知识，但是我感觉还是定义啥的没有搞得很透彻！大家都明白的，一种给数组直接添加值： 这个就是简单的定义一个数组把这个字符串给push进去的方法，这个是基本的。 相反: 如果我们想将数组里边的值变成字符串我们就用pop方法让出来就好了。 今天推荐了两个其他的方法，join()【数组变成字符串】和
2016-05-18 13:47:50
1306
原创 小知识点_(内容管理系统总结5)
1、getBoundingClientRect()这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。var box=document.getElementById(‘box’); // 获取元素alert(box.getBoundingClientRect().top); // 元素上边距离页面
2016-05-17 17:02:31
533
原创 ztree树状结构_(内容管理系统总结4)
ztree.js是我们写树状结构的用的一个小组件，通过这个插件的使用，自动的生成一棵树状图，然后通过ztree的treeNode的一些属性灵活的应用，达到我们想要要的效果。首先要了解下ztree.js这棵树： 我的理解就是按照严格的参数名称传递，用ztree提供的方法把这棵树给渲染出来了，然后通过不同的参数设置，来对这棵树进行加工改造。反正插件开发出来是让我们应用的，所以使用一个插件之前一定要知道
2016-05-17 16:34:05
588
原创 渲染模板template_(内容管理系统总结3)
2 template模板渲染因为前面的总结中看到了script type=”text/html” ，在总结这章的时候又看到了script type=”text/template”，所以我就顺便的研究了下这个type的意义。必需的 type type： 规定脚本的 MIME 类型。 MIME 类型：(Multipurpose Internet Mail Extensions) 是描述消息内容类
2016-05-17 13:42:26
2283
原创 渲染模板render_(内容管理系统总结2)
1、 render渲染首先了解ejs是什么：EJS是一个JavaScript模板库，用来从JSON数据中生成HTML字符串。 我现在对它的了解就是知道如何去使用这个东西，真正高大上个的东西还是让度娘交给我们吧。 参考文档有：render的简单介绍于是我就写了简单的小例子进行了验证： 首先粘贴能跑起来的代码：<!DOCTYPE html><html lang="en"><head>
2016-05-17 10:44:32
416
原创 页面的布局——在一块区域中显示一条不定长度的下划线，根据前面的字决定这条线有多长
标题说的模模糊糊，直接上图更加简单明了一些： 就是说在这个宽度一定的条件下，根据前面变化的字决定后边的白色线的长度（新概念英语这个名字之外其他剩余的宽度都是由白色的线来填充的）设计思路： 就是让文字的那一块变成position:absolute状态，设置z-index比白色区域那块的z-index高，这样正好盖住了不愿意让出来的字体部分。但是注意字体左右和右边都是设置padding，还要设置字体
2016-04-21 11:11:05
1049
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人