- 博客(18)
- 收藏
- 关注
RSS订阅原创 JS实现任务执行进度（非真实任务进度）
当交互需要使用进度条而后端无法提供进度数据时，前端可以参考如下实现展示任务进度。需要注意此进度不是真实的任务进度。
2022-10-03 21:58:14
850
原创 我理解的call、apply、bind和__proto__、prototype
第一部分 call、apply、bindcall、apply、bind都是修改函数内部的this指向。函数调用call方法，函数内部的this指向call方法的第一个参数，call方法的其他参数会作为函数的实参传递，函数会立即执行。函数调用apply方法，函数内部的this指向apply方法的第一个参数，apply方法的第二个参数是函数的实参组成的数组，函数会立即执行。函数调用bind...
2019-03-01 15:07:28
281
原创 实现vue父子组件中数据双向绑定
第一版实现思路如下：父组件通过props向子组件传递数据，并向子组件提供一个方法更新自己的数据。子组件中当数据更新时，调用父组件提供的方法，将更新之后的数据传递给父组件。// 父组件 app.vue<template> <my-input :msg="msg" :updateMsg="updateMsg"/></template><s...
2019-02-27 16:16:43
14951
4
原创 npm设置淘宝镜像
方法一：设置 npm config set registry https://registry.npm.taobao.org查看是否设置成功 // 如果输出 https://registry.npm.taobao.org 表示设置成功 npm config get registry通过这种方式设置成功后，npm命令使用方式不变。 // 安装vue npm i vue ...
2019-02-25 13:46:41
339
原创 vue 2.6尝鲜
在大年三十Vue团队发布了Vue 2.6。官宣请看这里。纸上得来终觉浅，接下来动手实践一下新版本的slots、动态指令参数、显示创建响应式对象三个新功能，其他的新功能这里暂不实践。slotsVue 2.6中将普通插槽（slot）和作用域插槽（scope slot）统一在v-slot指令语法下。需要注意的是v-slot指令只能用在template标签或者引用的组件标签上。默认作用域...
2019-02-12 15:53:27
661
1
原创 iis服务器配置php代理解决跨域
配置首先需要配置iis环境，网上有很多教程，这里不再赘述了。我们直接开始配置php代理。检查iis环境有没有支持CGI。打开 控制面板-&amp;amp;gt;程序-&amp;amp;gt;打开或关闭windows功能-&amp;amp;gt;Internet信息服务-&amp;amp;gt;万维网服务-&amp;amp;gt;应用程序开发功能。如果CGI没有勾选，需要勾选它。去php官网下载ph
2019-01-03 14:47:33
944
原创 vue封装一个可以通过api调用的组件
先实现一个vue组件&amp;amp;lt;!--hello.vue--&amp;amp;gt;&amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div&amp;amp;gt;{{text}}&amp;amp;lt;/div&amp;amp;gt;&amp;amp;lt;/template&a
2019-01-02 14:29:28
6704
原创 vue.component和vue.use的用法
使用Vue.component()方法注册全局组件。这个方法接收两个参数：第一个参数是自定义元素名称，也就是将来在别的组件中使用这个组件的标签名称。第二个参数是将要注册的Vue组件。import Vue from 'vue';// 引入loading组件 import Loading from './loading.vue';// 将loading注册为全局组件，在别的组...
2018-12-29 15:23:23
35169
原创 web worker入门笔记
web workerWeb Worker 的作用，就是为 JavaScript 创造多线程环境，允许主线程创建 Worker 线程，将一些任务分配给后者运行。在主线程运行的同时，Worker 线程在后台运行，两者互不干扰。等到 Worker 线程完成计算任务，再把结果返回给主线程。这样的好处是，一些计算密集型或高延迟的任务，被 Worker 线程负担了，主线程（通常负责 UI 交互）就会很流畅，...
2018-12-18 11:10:29
243
原创 ios的微信浏览器输入框失去焦点后页面不能回弹
问题：注册页面，输入完手机号和注册密码，点击获取验证码，图片验证码弹窗弹出，一切进行的都很完美。然而在ios微信浏览器里面，无论点击哪里，弹出层毫无响应。开始排查问题：首先排除不是z-index导致元素点不到，进而无法触发点击事件。因为使用vue框架，所以给click事件加上一个native修饰符，然而仍然毫无响应。然后再排除不是因为css导致无法触发点击事件。直到滑一下...
2018-12-10 16:50:30
5396
2
原创 使用fastclick解决移动端点击延迟
一、引入fastclick.js1.使用scripot标签引入，可以从cdn引入，也可以将fastclick.js下载到本地放到项目中，然后再引入。2.使用webpack等构建工具的项目，需要先安装fastclick包$ npm i fastclick -S然后在项目的入口文件中引入fastclickimport FastClick from 'fastclick'二、在项目中使用经过第一步，我...
2018-06-23 12:01:08
1017
原创 将vue-cli创建的项目改成多页应用
一、使用vue-cli创建项目 $ vue init webpack project片刻之后，project项目创建完成。$ cd project & npm run dev然后打开浏览器，访问http://localhost:8080 ，正常情况下能看到一个Vue项目的页面。至此，我们就使用vue-cli创建了一个项目二、将这个项目修...
2018-06-22 09:59:36
600
原创 vue项目中使用lib-flexible解决移动端适配的问题
第一部分：项目中引入lib-flexible一、项目中安装lib-flexible$ npm install lib-flexible --save二、在项目的入口js文件中引入lib-flexibleimport 'lib-flexible'通过要以上两步，就完成了在vue项目使用lib-flexible来解决移动端适配了。lib-flexible会自动在html的head中添加一个meta n...
2018-05-26 16:27:49
28151
5
原创 使用yeoman快速搭建react-webpack开发环境
安装yeoman$ npm install -g yo1安装generator-react-webapck$ npm install -g generator-react-webpack1新建一个工程cd到工程目录$ yo react-webpack1根据提示即可新建一个项目可能出现的错误node-sass安装失败 https://git
2017-03-31 18:03:24
252
原创 webpack的基本配置
转眼春节之后已经快要开工一个月了，还记得春节期间给自己定下的一个小目标，在2017年要学会react相关的技术。其实2016年我已经对react开发有所实践，但是总觉得似懂非懂。所以开了博客来梳理一下。我也是查看了很多大神的博客，慢慢摸索总结得出以下内容，不完善之处，恳请各位大神斧正。工欲善其事，必先利其器。我先从webpack配置开始梳理。首先当前项目目录结构是这样的：-|app
2017-02-25 17:10:02
261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人