- 博客(29)
- 收藏
- 关注
RSS订阅原创 解决 This is probably not a problem with npm. There is likely additional logging output above.
【代码】解决 This is probably not a problem with npm. There is likely additional logging output above.
2023-07-28 09:28:13
4909
原创 Vue中使用Typescript及Typescript基础
准备工作新建一个基于ts的vue项目通过官方脚手架构建安装# 1. 如果没有安装 Vue CLI 就先安装npm install --global @vue/cli最新的Vue CLI工具允许开发者 使用 TypeScript 集成环境 创建新项目。只需运行vue create my-app然后选择选项，箭头键选择 Manually select features，确保选择了 TypeScript 和 Babel 选项在已存在项目中安装typescript在建好的vue项目中执行vue
2023-07-28 09:20:58
1496
原创 react-组件跨层级通信 Context
在⼀一个典型的 React 应⽤用中，数据是通过 props 属性⾃自上⽽而下(由⽗父及⼦子)进⾏行行传递的，但这种做法对 于某些类型的属性⽽而⾔言是极其繁琐的(例例如:地区偏好，UI 主题)，这些属性是应⽤用程序中许多组件都 需要的。Context 提供了了⼀一种在组件之间共享此类值的⽅方式，⽽而不不必显式地通过组件树的逐层传递 props。React中使⽤用Context实现祖代组件向后代组件跨层级传值。Vue中的provide & inject来源于Context。Context API.
2020-07-27 16:05:01
694
原创 对 Vue-SSR的理解和使用场景
定义SSR解决方案，后端渲染出完整的dom结构返回，前端拿到的内容包括首屏和spa结构，应用激活后按照spa方式运行，这种页面渲染方式被称为服务端渲染（server side render）官网上对此ssr的定义Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。服务器渲染的 Vue.js
2020-07-15 23:27:58
1495
原创 Vue查看看源码的技巧
搭建调试环境获取地址：git clone https://github.com/vuejs/vue.git安装依赖：npm i安装rollup：npm i -g rollup(因为是用rollup打包的)script修改dev脚本 加上–sourcemap"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",作用：打包之后 dist 下多了map文件，可以和源码进行很好的映
2020-07-12 18:30:56
6130
原创 npm registry
1.持久使用，设置原npm地址npm config set registry http://registry.npmjs.org 2.临时使用npm --registry https://registry.npm.taobao.org install express注意：如果下载公司私有的npm（1）npm set registry ip:端口 【例如 http://120.120.120.101:4433 】（2）npm adduser --registry ip:端口 【例如 http
2020-06-19 16:04:23
1148
原创 es6之flat
es6之数组的flat()，flatMap()，多维数组变一维数组扩展一、flat()：1.负责将多维数组--->一维数组。该方法返回一个新的数组，对原数据没有影响。[1,2,[2,3],[2,2]].flat()//[1, 2, 2, 3, 2, 2]2.flat()默认只会“拉平”一层，默认为1，如果想要“拉平”多层的嵌套数组，可以将flat()方法的参数写成一个整数，表示想要拉平的层数。[1, 2, [3, [4, 5]]].flat()// [1, 2, 3, [4, 5]]
2020-05-28 16:25:24
1844
原创 es6之set
基本概念Set数据结构，类似于数组，但是 它的成员都是唯一的 ，其构造函数可以接受一个数组作为参数set对象允许存储任何类型的唯一值,无论是原始值或者是对象引用;set对象是值的集合,元素只会出现一次,即Set中的元素是唯一的.let arr = [1,2,3,1,2,3]let set = new Set(arr)console.log(set) //[1,2,3]值得注意的是,NaN被Set认为是相同的,{}被认为是不同的var set = new Set([{},{}])s
2020-05-25 18:26:41
176
原创 数组-常用的数组遍历方法
常用的11种数组遍历方法:1、for循环语句2、forEach数组对象内置方法 (es5) 3、map数组对象内置方法 4、filter数组对象内置方法 5、reduce数组对象内置方法 6、some数组对象内置方法 和 every数组对象内置方法7、indexOf数组对象内置方法 和 lastIndexOf数组对象内置方法 8、for in循环语句 和 for of循环语...
2020-04-06 17:49:48
2291
原创 数组-判断数组的方法及他们的区别和优劣
一、方法1. instanceofinstanceof 的内部机制是通过判断对象的原型链中是不是能找到类型的 prototype。使用 instanceof判断一个对象是否为数组，instanceof 会判断这个对象的原型链上是否会找到对应的 Array 的原型，找到返回 true，否则返回 false。[] instanceof Array; // true但 instanceo...
2020-04-06 17:48:54
368
原创 数组-为什么普通for的性能远高于forEach的性能
为什么普通for的性能远高于forEach的性能forEach vs for loop网址：https://jsperf.com/testing-foreach-vs-for-loop(有如下几种可能)1.for 循环没有任何额外的函数调用栈和上下文；forEach函数签名实际上是 array.forEach(function(currentValue, index, arr), th...
2020-04-06 17:47:56
263
原创 JS 异步解决方案的发展历程解析
1.回调函数（callback）setTimeout(() => { // callback 函数体}, 1000)缺点：回调地狱，不能用try catch 捕获错误，不能return try { setTimeout(() => { console.log(aa) }, 1000) } catch (e...
2020-04-06 17:47:24
314
转载 浏览器存储 的几种方式
浏览器存储常见的浏览器存储主要有：1.属于文档对象模型：documentcookie，2.属于浏览器对象模型 localStorage，sessionStorage，indexDB一.cookieh5之前，存储主要用cookie，缺点是请求头上带着数据，h5之前，存储主要用cookies，缺点是在请求头上带着数据，导致流量增加。大小限制4k。cookie也是在所有同源窗口中都是共享的，...
2020-04-06 14:58:11
3354
1
原创 设置图片变成黑白色 css代码
html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicIm...
2020-04-05 18:06:26
530
原创 5种this绑定全面解析
5种this绑定全面解析this的绑定规则总共有下面5种1、默认绑定（严格/非严格模式）2、隐式绑定3、显式绑定4、new绑定5、箭头函数绑定一.绑定规则1.默认绑定函数直接调用，一般发生在回调函数独立函数调用：this指向全局对象严格模式下，不能将全局对象用户默认绑定，this会指向undefined。在严格模式下调用函数则不受影响setTimeout比较特殊，严格模式...
2019-11-26 11:45:58
369
原创 支付宝小程序input 动态改内容不生效问题
axml代码如下代码：<input type="text" onInput='bindInput' name="firstname" value="{{firstname}}" maxlength='16' placeholder-style='color:#c5c5c5' placeholder='如：SAN'></input>js代码如下bindInput: ...
2019-10-28 16:52:27
1569
4
原创 解决支付宝小程序安卓手机字体图标（iconfont）不显示问题
解决支付宝小程序安卓手机字体图标（iconfont）不显示问题问题：支付宝小程序部分安卓手机（真机）不显示字体图标，ios真机和模拟器都显示正常，如下图：解决方法：iconfont默认下载下来的是woff2的base64，添加一个woff的base64就好了如下图：附赠：ttf、woff2等文件转base64的链接是：https://transfonter.orgtransfonter...
2019-10-22 17:05:31
3595
原创 微信小程序swiper前后边距的使用
微信小程序swiper前后边距的使用小程序有一个滑动视图容器swiper提供了两个属性：（1）previous-margin：前边距，可用于露出前一项的一小部分，支持px和rpx（2）next-margin：后边距，可用于露出后一项的一小部分，支持px和rpx假如需要做一个效果，如下图所示，图片左右滑动，每次滑动都居中显示。注：1.图片的宽度不能和swiper-item的宽度一致，否...
2019-10-11 20:01:16
3738
原创 百度智能小程序添加‘分享到贴吧’功能
1. 在智能小程序官网-流量配置-贴吧推广管理中，填写小程序名称，Appid, Appkey 申请开通功能使用权限2.在自己的小程序中设置“分享到贴吧”按钮，如下图示例3.给“分享到贴吧”按钮添加bindtap事件，如下callTieba() { // 自定义名字即可 let data = { third_app_id: 'balabala', // 历史原因，这里...
2019-10-11 19:14:18
3245
原创 mac操作系统新建一个vue-cli项目步骤
mac操作系统新建一个vue-cli项目步骤1.安装nodeJs（已安忽略）2.安装淘宝镜像（根据自己的习惯，选择安或者不安，已安忽略）终端输入：npm install -g cnpm --registry=https://registry.npm.taobao.org3、安装webpack（已安忽略）cnpm install webpack -g4.安装vue-clisudo np...
2019-09-23 17:16:18
1212
原创 微信h5支付前端代码
一.首先，需要确认是否在微信开通了这个服务，如果开通了，如下图二.就是前段和后台互调。????????微信h5支付官网地址：https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_4根据官网解释，前段要做的事情很简单：就是在用户点击微信支付按钮的时候，跳转到后台返回的MWEB_URL即可。但是，官网说：注意：1.需对redirect_url...
2019-09-09 15:08:07
4917
5
转载 css 伸缩布局 display:flex
一.display：flexdisplay:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。如下图，学习新的概念：主轴：Flex容器的主轴主要用来配置Flex项目...
2019-08-29 22:55:25
281
原创 JavaScript Array 对象
length属性可设置或返回数组中元素的数目concat()不会改变现有数组，仅返回连接副本join()数组变字符串push()向数组的末尾添加一个或多个元素，并返回新的长度。reverse()用于颠倒数组中元素的顺序。sort()对数组的元素进行排序pop()删除并返回数组最后一个元素shift()删除并返回数组第一个元素unshift()向数组的开头添加一个或...
2019-08-18 23:57:23
87
原创 小程序的事件
1.什么是事件（1）一种用户行为（2）一中通讯方式2.事件类别（1）点击事件 tap（2）长按时间longtap（3）触摸事件 touchstart touchend touchmove touchcancel（4）其他 submit input等3.事件冒泡冒泡事件:以上事件类别的（1）（2）（3）都属于 ，其他都属于非冒泡事件非冒泡事件4...
2019-08-13 00:01:55
79
原创 七牛上传转变图片格式
解决例如将https://qimage.owhat.cn/test/media/article/1536385940808.mp4?vframe/jpg/offset/0转变成.png后缀的图片实现思路：将图片通过canvas转变成base64格式然后上传到七牛，转变格式代码如下 function getBase64(url){ //通过构造函数来创建...
2018-10-10 11:44:13
1761
翻译 zepto 和 jQuery 的data方法的区别
zepto坑之一，data和jquery的data方法有区别。jquery 的data()方法众所周知，data() 方法很好用，而且效率相当不错，如$("#tableid").data("style")就是读取tableid上面的属性data-style的值。但是需要注意的点是-区分大小写，且只能小写，即，data-xxx其中不管xxx是大小写，读取统一小写如data
2017-10-23 18:46:42
970
原创 stopPropagation()；和 return false;和e.preventDefault;的区别
1. 存在的原因 （1）因为有父节点.子节点的存在 （2）有监听事件和浏览器默认事件之分 使用javascript时为了达到预期的效果，经常需要阻止事件和动作执行，下面我们来一一讲解。 术语补充： 监听事件：在节点上能被监听的页面操作，例如： select 节点的 change 事件，a节点的click事件。 浏览器默认动作：指特定元素上带有的默认功能，如：a链接节点的跳转，表单提
2016-09-07 11:34:22
587
原创 关于微信浏览器的图片长按的坑
关于微信浏览器的图片长按的坑最近公司新开发了一个项目，在测试过程中发现，在其他浏览器中打开的网页中的图片，长按图片下载都没有问题，只有微信的浏览器，长按图片有时候会右键出现下载，但是大部分时候不行。 解决方法： 修改图片的大小。（之前不行的时候宽是490px，高自适应。）在ps上将图片修改成640px以上就ok了。哈哈哈
2016-09-01 17:41:52
11349
1
原创 解决 IE 不支持 document.getElementsByClassName()
html>html> head> meta charset="UTF-8"> title>title> style type="text/css"> div { width: 400px; height: 50px; margin: 10px 0;
2016-08-17 17:57:23
459
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人