- 博客(53)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue3中ref和reactive的区别
ref接受一个内部值并返回一个响应式且可变的 ref 对象，有一个 .value 属性，可以通过其读取/修改对象的值。const active = ref(false)console.log(active.value) // falseactive.value = trueconsole.log(active.value) // true为ref值指定泛型参数覆盖默认推断类型：const active = ref<boolean> (false)当值的
2022-02-20 18:19:32
22526
1
原创 vsCode正则去除代码中的注释
1、匹配/**/的注释（单行）\/\*([\s\S\w]*?)\*\/2、匹配/**/的注释（多行）/*** @function 分享小程序* @author hutao**//\*\*([\s\S|\r]*?)\*\/2、匹配html单行注释<!--(.*?)-->3、匹配html多行注释（也可以单行）<!--([\s\S|\r]*?)-->或者<!--([\w\W]*?)-->4、匹配//的...
2021-11-08 12:06:43
794
原创 vue中的v-model
默认元素v-model：vue 中的v-model 实现了对数据的双向绑定，即 数据->模版，模版-> 数据 的绑定， 例如：<input type="text" v-model="message"><p>{{message}}</p>v-model 是经过vue封装后的一个指令，目的是方便我们使用，它内部真实的实现方式：<input :value="message" @input="message = $event.target.
2021-11-05 14:55:17
1211
原创 npm不能下载依赖
突然我的npm不能下载任何项目的依赖，并且不能安装任何东西，一直卡在load状态，没有进度；解决方案删除代理设置解决了问题：终端输入：npm config rm proxynpm config rm https-proxy
2021-04-01 22:04:07
921
原创 git分支提交错误
写了好久的代码，终于写完了～～提交！等等。。好像哪里不对，分支提错了！！！OMG.....鉴于这件事已经发生了2次了，我决定改正方法写过了，你以为是为了了下次不再发生这样的错误嘛，不是的，是为了再提错时能快速切回来[Facepalm][Facepalm]1、当你完整的把代码提到了错误的分支上;不要慌，先看下提交记录git log2、如果你想撤销上一次的提交可以直接：git reset HEAD~ --soft如果想回到以前指定某个版本: git reset [HEAD]-...
2020-07-14 21:06:55
1091
原创 Charles入门级使用方法
下载地址链接:https://pan.baidu.com/s/1oXI8MYsRrNG81uMGY8N4lg 密码:3886配置1、设置Proxy端口号88882、设置SSL Proxying 添加*:4433、下载证书；第一个是电脑上下载的证书；第二个是手机上下载的证书；下载完证书后要设置信任；（一定要设置信任）4、设置手机上网络的代理看下charles链接的IP地址，在手机上配置代理服务器为这个IP地址，端口为上面写的8888...
2020-05-13 16:56:05
279
原创 js/ts严格模式
vue3.0要来了，你有考虑过使用TypeScript吗？作为一个强类型检测语言，我们都知道它的限制很多，比如：类型检测，参数个数检测...等，你以为只有这些吗，我们都知道js有"usestrict"，那么TypeScript的严格模式又是怎样的呢？了解这些严格模式，有助于我们更深更细致的了解js/ts，成为更好的程序员。ts环境准备为方便下面的严格测试，先部署下运行环境:typeS...
2019-11-20 18:47:39
4388
原创 h5事件监听
问题：点击div(或弹框)外的任何区域div(或弹框)消失前情提要：项目是用angular写的移动端页面，测试反馈点击确认按钮每次都要点击2次才生效，体验很不好，需要优化。页面如下图所示：点击金额输入框键盘出现输入金额，键盘是单独封装的组件，点击页面其他地方键盘消失。定位问题：当测试跟我说的时候，我第一反应是是不是点击有延迟啊，然后我亲自测了一遍，发现有键盘出现的时候需要点2次...
2019-08-27 20:18:44
2393
原创 CSS3----动画抖动/闪烁问题
当我们使用css3的transform或者animation写动画时，会出现抖动或者闪烁的问题，尤其是在Chrome和Safari上，以下代码可以解决这个问题：.transform { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: ...
2019-07-02 17:08:34
10600
2
原创 浏览器跨域问题
什么是跨域？ 跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议，端口，域名。只要这3个中有一个不同就是跨域。为什么会有跨域？因为浏览器的同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。通俗来讲就a.com不能调用b.com里面的内容，因为域不一样，所以就有了跨域。怎么判断跨域了？那我们在日常...
2019-05-12 12:30:28
431
翻译 mac 清除/修改SSH的私钥密码
在生成私钥的时候 为了安全设置了密码，导致之后每次提交代码或者拉代码都需要输入密码，很烦，于是就是试用了以下方法来清除掉之前的密码，也可以用来修改密码。1、在终端下输入ssh-keygen -pssh-keygen -pEnter file in which the key is (/Users/username/.ssh/id_rsa):2、系统会提示选择需要修改的私钥，可以直接...
2019-04-23 18:22:58
5506
2
原创 探索moment.js
写这篇文章主要是因为最近写的一个项目用到了moment，除了我们平时用来转化时间格式外，还用了进行时间段的截取。在用的时候也是尝试了很多次，才选对时间段。虽然不多，内容也不深，但在工作中还算是很常用的。安装：npm install moment项目中引入：//require 方式var moment=require('moment');//import 方式...
2019-03-13 11:56:07
488
原创 nuxt搭建项目介绍
前沿：去年首次使用nuxt框架搭建项目，一个是对于新知识的学习，一个是公司项目需要使用到该框架，任务需求。前期看了下api后，开始着手开发，在使用过程中有疑问再去api文档查找。现在是项目上线后的某一天，作为当事人再次回顾一下事件的整个过程，整理下需要记录在案的一些点，便于有个系统性的了解。一、根据官网api的安装步骤，根据自己个人的框架喜好初始化一个新项目。二、大致回顾下项目中常用的几个...
2019-03-13 09:45:34
865
原创 js删除数组的方法
1. delete array[index]使用这种方式删除的数组，元素删除后数组长度不变（即数组原来的索引不变），删除的元素变为undefined。遍历的时候可以用for...in，会跳过其中的undefined元素。for(index in arr){ console.log('arr['+index+']='+arr[index]);}2.array.splice...
2018-10-16 09:43:00
2121
原创 typeScript总结（上）
我是从去年开始使用typeScript的，刚开始用的时候也是因为项目使用的ts,所以也是糊里糊涂的用着，一直没系统整理学习过，所以正好借此机会，整理一下，加深理解。 一、概念首先呢，它是跟javaScript一样属于一种脚本语言； 其次，它始于javaScript,归于javaScript，属于javaScript的超集，它内部包含了javaScript的所有语法，而且在此基础上还扩展...
2018-10-12 14:31:08
1086
原创 angular2---总结
1、安装配置1、node 和 npm 大家应该都安装了吧， 然后来验证下你的版本是否是node 8.x 和 npm 5.x 以上的版本，更老的版本可能会出现错误.2、安装脚手架 npm install -g @angular/cli3、生成新项目 ng new my-app 官网学习更多：http://angular2.axuer.com/docs/ts/latest/guide/forms...
2018-07-12 20:51:50
464
原创 ionic2中全局配置强制使用ios模式
在app开发中，很多地方需要分别对android和ios的样式做设置，这使得代码量增多，而且显得特别繁琐。这个时候可以强制将android的样式设置为ios的样式；设置：在跟模块里（也就是app.module.ts）设置mode:'ios';...
2018-04-25 10:11:31
736
原创 ionic2+angular2+cordova搭建app
（一）IONIC介绍：Ionic是基于Cordova的使用Web技术开发混合应用的前台基于Angular的框架，Ionic1使用的是Angular1，Ionic2之后使用的都是Angular2技术栈，Ionic以后更多的新版本也都是在2的版本上迭代。Ionic2之后只支持android4.3以上的版本。注：该文章只介绍搭建app的整体流程，具体页面开发使用到 一些技术（例如angular和ioni...
2018-04-24 13:58:50
1881
原创 Angular2--constructor和ngOninit的使用
Angular中根据适用场景定义了很多生命周期函数，其本质上是事件的响应函数，其中最常用的就是ngOnInit。在TypeScript或ES6中还存在着名为constructor的构造函数，开发过程中经常会混淆二者，两者在含义上有部分重复，下面主要解析一下它们的区别和各自的使用场景。区别：constructor:Es6引入类的概念后出来的东西，是类自身的属性，并不属于angular，所以Angul...
2018-02-27 21:36:32
2538
原创 defer和async的区别
1、<script src="script.js"></script>没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。2、<script async src="script.js"></script>有 async，加...
2018-02-26 21:27:48
235
原创 angular中使用trackBy
在Angular的模板中遍历一个集合的时候你会这样写：<ul> <li *ngFor="let item of list">{{item.name}}</li></ul>有时你会需要改变这个集合，比如从后端接口返回了新的数据。那么问题来了，Angular不知道怎么跟踪这个集合里面的项，不知道哪些该添加哪些该修改哪些该删除。结果就是，Angula...
2018-02-25 17:01:11
3532
2
原创 JavaScript获取鼠标及元素在页面上的位置
1、clientX/Y属性获取鼠标在页面的位置{{value}}chooseVal(i,index,e){ console.log(e.clientX); console.log(e.clientY); this.attrIndex.x = i; this.attrIndex.y = index; }代码解析：从代码中可以看出，
2018-01-27 16:02:44
3185
原创 搭建cordova 打包app环境(android)
1、下载安装 Java JDK配置系统环境变量：（1）添加 CLASSPATH变量（如果没有的话），变量值：.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar；（2）、PATH变量中增加：%JAVA_HOME%\bin；%JAVA_HOME%\jre\bin；（3）、添加JAVA_HOME 变量： C:\Program Files\Java\jdk1
2017-11-02 18:06:27
961
原创 时间戳与日期的转换
（1）、日期格式转转为时间戳：例如var time = '2017-02-01';var date=new Date(time);date.getTime(); //此时date为：Wed Feb 01 2017 08:00:00 GMT+0800 ，因为只传入了年月日，所以小时默认为8点，结果：1483200000000如果想要修改默认的时分秒为00:00:00，添加语句
2017-02-15 18:51:02
642
原创 Object.assign()
1、复制一个objectvar obj = { a: 1 };var copy = Object.assign({}, obj);console.log(copy); // { a: 1 }2、合并 objectsvar o1 = { a: 1 };var o2 = { b: 2 };var o3 = { c: 3 };var obj = Object.assi
2017-02-15 17:18:41
219
原创 javascript的本地对象，内置对象和宿主对象
一般来说，可以创建并使用的对象有3种：本地对象、内置对象和宿主对象。1. 本地对象 ECMA-262把本地对象（native object）定义为“独立于宿主环境的ECMAScript实现提供的对象”。 何谓宿主环境？ “宿主”，生物学上，一般是指寄生的生物体选择的寄生体，如：火影里的“白”（哈哈哈）。此处的宿主环境，简单来说就是用户的机器环境，包括
2017-02-09 17:37:21
280
原创 splice()方法功能
splice()方法：1.删除-用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数） 2.插入-向数组指定位置插入任意项元素。三个参数，第一个参数（其实位置），第二个参数（0），第三个参数（插入的项） 3.替换-向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项
2017-02-09 16:00:55
727
原创 js添加、移除、移动、复制、创建节点
1、添加节点append方法例子：为body添加一个内容为sss的文本节点document.body.appendChild(document.createTextNode("sss"));2、移除节点，removeChild移除某个节点的子节点例子：var ccn=document.getElementById("sd").childNodes[0];//获取到要移除的节点 documen
2017-02-09 15:01:27
779
原创 jQuery用法--遍历
1、向下遍历 children find.children() :只遍历儿子，即只向下找一个元素，可以传参也可以不传；.find()：必须传入参数，可以向下找任何一个元素。2、向上遍历：parent parents parentUntil.parent:只能找到它的直接父类，只能找一层.parents（）:能找到元素向上所有的元素.parentsUntil（） :它
2017-01-17 17:44:16
197
原创 jquery用法--jquery盒子模型
jquery的盒子模型主要是用来区分jQuery中所定义的宽高方法在盒子模型中的具体的大小以及它所包含哪几个部分。例如定义一个div样式如下：#dvi{ width: 100px; height: 100px; margin:50px; padding:50px; bor
2017-01-17 17:11:56
1089
原创 jquery用法--css操作
1、在jquery中对css的操作主要是在js中对元素进行样式的设置；写法一:css操作$(document).ready(function(){ $('#dvi').css('width','100px'); $('#dvi').css('height','100px'); $('#dvi').css('background','red');})
2017-01-17 16:43:05
286
原创 jquery用法--删除元素
jQuery中两个删除的方法是：remove empty两者的区别是：remove 是删除掉这个元素；empty是将元素内的内容置空；具体例子如下： hahaha hello world hell world删除$(document).ready(function(){ $('#btn1').click(function(){//
2017-01-17 16:20:37
226
原创 jquery用法-添加元素
我们常用到的添加方法主要有：append prepend before after 下面通过例子来说明它们之间的不同：1、添加内容hello worldp id="p2">hell worldp>button id="btn1">按钮button>button id="btn2">按钮2button> $(document).ready(function(){
2017-01-17 15:52:21
254
原创 jquery获取元素内容
jquery 在获取元素内容的时候，.text()和.html（）都可以获取到元素的内容，但是这两者到底有什么区别呢？下面让我们来看一个例子：今天天气不错哈！点我 js部分$('#btn').click(function(){alert('text:'+$('#text').text());alert('text:'+$('#text').html());/两种写法都可以
2017-01-17 10:21:58
803
原创 progress加载进度条
progress元素的使用开始下载 var intValue=0; var intTimer; var objPro=document.getElementById('proDownFile'); var objTip=document.getElementById('pTip'); //定时事件 function Interval_
2017-01-16 16:55:13
617
原创 单选按钮radio样式的改变
很多时候，我们都会用到radio，但是又觉得它默认的样式不好看，所以就需要我们自己来进行修改；1、首先写一个input; p> span class="circle-btn">span> input type="radio" value="1" name="country" class="radio" checked> label for="a" class="ra
2017-01-16 11:25:43
3120
原创 jQuery 用法二
打开浏览器 点击之后，会打印2条信息添加解除绑定$('button').unbind('click',bindtwo);再次点击后发现，只弹出一条信息；第二个绑定函数已经被解除成功！因为bind和click事件基层上都是通过调用on方法来实现的，所以 bind和click也可用on方法来代替；4、事件的焦点:: blur(挡元素失去焦点时触发)，通常blur事件被用在表格
2017-01-04 20:28:48
197
原创 jQuery 使用笔记（一）
总结下jquery的使用方法，算是一知识巩固吧！jQuery主要包含以下几个方面的内容： HTML元素设计 HTML元素操作 CSS操作 HTML事件函数 Javascript特效和动画 HTML DOM 遍历和修改 AJAX Utilities在使用jQuery之前一定要记得先引入jquery外部文件；；一、jQuery语法$(选择器).操作（）;例如：$(
2017-01-03 20:21:19
226
原创 Magnific Popup使用方法
1、引入外部文件 magnific-popup.css和 jquery.magnific-popup.js 如果你已经导入了 jQuery.js，就不要再次包含它。当然你可以使用jQuery.noConflict(); 2、初始化poopupPopup 的初始化代码应该在document（文档）ready之后执行，例如： $(docu
2016-12-25 21:11:08
6874
原创 在一个html页面加载另一个html页面
jquery方法：例如：实现在section选择器中添加third,html; $('section').load("third.html");如果带有回调函数： //$('section').load('third.html',function(response,status,xhr){ // $('section').html(response); //}
2016-11-25 08:21:25
15957
1
空空如也
magnificPopup 中的ajaxtype
2016-12-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人