- 博客(34)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 VSCode（win版）运行 vue --version 报错
VSCode（win版）运行 vue --version 报错vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。+ vue --version+ ~~~ + CategoryInfo : Secu
2022-09-13 18:10:43
728
2
原创 mac 更新 node&npm
#1.查看node版本MacBook-Pro:~ syd$ node -vv14.15.0#2.清除缓存sydMacBook-Pro:~ syd$ sudo npm cache clean -fPassword:npm WARN using --force I sure hope you know what you are doing.# 3.安装n工具，用来管理node.js版本的sydMacBook-Pro:~ syd$ sudo npm install -g n/u
2022-01-16 13:55:34
830
原创 Vue中如何像积木一样开发网页
在项目中，组件无处不在，可以通过对组件功能的封装，像搭积木一样开发网页。一、组件化开发比如 button 就是一个组件，前端页面会加上边框和鼠标悬停等样式，还可以使用 click 事件出发函数等。只不过这是浏览器封装好的组件，在编辑代码的任何地方，只需要使用如下代码，就能在前端页面显示一个按钮。<button> BUTTON </button>除了浏览器自带的组件外，Vue 还允许我们自定义组件，把一个功能模板 （template）封装在一个 .vue 文件中。把每
2021-12-14 16:28:49
1372
3
原创 JavaScript filter()方法
案例：1、删选排除所有最小的值function isBigEnough(element){ return element >= 18}var array1 = [10,14,15,16,18,17,20,28,24,27,22]var filtered = array1.filter(isBigEnough)console.log(filtered) // [ 18, 20, 28, 24, 27, 22 ]2、过滤 JSON 中的无效数据var arr = [ {
2021-12-01 16:00:07
893
原创 Javascript 二维数组排序
function sortArr(arr){ var goNext = true var entries = arr.entries() while(goNext){ var result = entries.next() if(result.done !== true){ result.value[1].sort((a,b) => a - b) goNext = true }else{ goNext = false }.
2021-12-01 10:03:49
733
原创 合并数组去重
function combine(){ let arr = [].concat.apply([],arguments); return Array.from(new Set(arr))}var a = [1,2,3,4], b = [1,2,3,4,5,6]console.log(combine(a,b)) // 1,2,3,4,5,6
2021-12-01 09:32:47
186
原创 javaScript 序列生成（指定范围）
const range = (start, stop, step) => Array.from({length:(stop - start) / step + 1}, (_,i)=> strat + (i * step);range(0,5,1) // 0,1,2,3,4,5range('A'.charCodeAt(0),'Z'.charCodeAt(0),1).map((x)=>String.fromCharCode(x)) // 'A','B','C','...,'Z'
2021-12-01 09:20:21
741
原创 Vue3 响应式原理
响应式原理Vue中的响应式通过三种响应式解决方案，defineProperty、Proxy、value setter。Vue2中使用 defineProperty API 实现响应式，存在的缺陷就是删除 obj.count 属性，set 函数不会执行，所以Vue2中需要使用 $delete 函数区删除数据。如下代码实现了简易的响应式功能，定义一个对象obj，使用 defineProperty 代理了 count 属性。这就实现了 obj 对象的 value 属性实现了拦截，读取 count 属性的时
2021-11-29 17:50:31
4124
原创 promise & async await
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l.
2021-11-02 22:49:09
74
原创 微信小程序隐藏滚动条
隐藏scroll-view组件或使用overflow-y:scroll;出现的竖向横向滚动条::-webkit-scrollbar { width: 0; height: 0; color: transparent;}
2021-08-05 15:18:43
168
原创 uni-app H5 打开下载文件跨域及移动端无法打开
使用uni.downloadFileuni.openDocument 移动端无法打开文件解决办法，使用 window.open直接打开....也看了官方以及各论坛的解决方案，没能解决。。。希望解决了的指点指点。
2021-08-05 10:20:24
2013
原创 uni.saveImageToPhotosAlbum的使用
uni.saveImageToPhotosAlbum(OBJECT)保存图片到系统相册。平台差异说明App H5 微信小程序 支付宝小程序 百度小程序 字节跳动小程序 QQ小程序 √ x √ √ √ √ √ OBJECT 参数说明参数名 类型 必填 说明 filePath String 是 图片文件路径，可以是临时文件路径也可以是永久文件路径，不支持网络图片路径 suc
2021-07-31 10:17:45
8513
原创 每天一个 js 小技巧
//定时执行并返回pormisefunctiona(fn,ms){returnnewPromise((reso,sule)=>{setTimeout(()=>{fn()},ms)})}
2021-06-09 13:09:00
159
原创 JavaScript 防抖节流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button id="button">BUTTON</button><script> function thro(func, wait) { .
2021-06-06 16:37:42
283
1
原创 微信小程序获取数据封装
utils/getdata.js//获取数据封装//baseurlconst apiurl = "https://www.51houniao.com"; // 必须是 https 协议const pagedata = { // 参数1: url地址 参数2: data数据 参数3: 获取数据方式 type get post request(url,data,type){ return new Promise((resolve,reject)=>{ wx.re
2021-05-31 23:48:09
517
原创 Mac 安装 typescript 报错
npm install -g typescript 报错，如下图：原因，权限问题，加上 sudo ，sudo npm i -g typescripttsc -V 查看是否安装成功，出现版本号则表示 安装成功
2021-05-17 20:07:59
684
原创 React 优化
componentWillUnmount() 卸载前钩子函数中的优化 componentWillUnmount() { //1.解除事件绑定 window.onscroll = undefined; //2.页面中使用了定时器，需要在卸载时清除 // clearInterval(this.state.timer); //3.页面已经卸载，ajax请求还没完成，需要把ajax请求停止 jquery ajax a
2021-04-29 13:16:05
76
原创 React Router基本原理
React Router甚至大部分的前端路由都是依赖于history.js的，它是一个独立的第三方js库。可以用来兼容在不同浏览器、不同环境下对历史记录的管理，拥有统一的API。老浏览器的history: 通过hash来存储在不同状态下的history信息，对应createHashHistory，通过检测location.hash的值的变化，使用location.replace方法来实现url跳转。通过注册监听window对象上的hashChange事件来监听路由的变化，实现历史记录的回退。 高版本浏
2021-04-26 20:15:23
340
原创 React 生命周期
旧版生命周期React的生命周期分为三个阶段：挂载、渲染、卸载。React生命周期分为两类：挂载卸载过程、更新过程。// 旧版本export default class App extends Component { constructor (props) { super(props) // 设置初始化状态 // 给组件的非钩子函数 bind this // 设置ref this.testRef = React.createRef cons
2021-04-26 20:00:39
393
原创 React 基础项目依赖
reset-css（清除浏览器默认CSS样式）下载：npm i -S reset-cssyarn add reset-css引入：import "reset-css";react-flexible（rem移动端适配）下载：npm i -S react-flexibleyarn add react-flexible引入：import "react-flexible";axios（请求数据）下载：npm i axiosyarn add axios引
2021-04-26 19:44:25
417
原创 React2021基础面试题
1、什么是React？React是Facebook在2011年开发的前端JavaScript库。 它遵循基于组件的方法，该方法有助于构建可重用的UI组件。 它用于开发复杂的交互式Web和移动UI。 即使仅在2015年才开源，它还是支持它的最大社区之一。2、React的一些主要优点。它提高了应用程序的性能 它可以方便地在客户端和服务器端使用 由于有了JSX，代码的可读性提高了 React易于与其他框架（如Meteor，Angular等）集成 使用React，编写UI测试用例变得非常容易
2021-04-22 12:39:59
570
2
原创 axios封装
axios 封装//axios 的封装//1.引入axiosimport axios from "axios";//引入Messageimport { Message } from "element-ui";// 2.创建axios实例const service = axios.create({// 3.配置baseURL: "http://10.36.136.10:8080/index/Api", //请求基础路径，自行修改timeout: 60 * 1000,.
2021-04-12 08:51:45
87
原创 Vue中使用过滤器 filter
过滤数据，将数组转成字符串// 原数据// 需求: 张三 王五 李四actors:[ { name:"张三", age:"18", gender:"男" }, { name:"王五", age:"18", gender:"男" }, { name:"李四", age:"18", gender:"男" },]<ul> <li v-for="data in datalist" :key="item.id"> <div>{{d
2021-04-10 15:07:38
145
原创 使用axios获取数据被拦截解决方法
axios.get("https://m.maizuo.com/gatewaycityId=440300&pageNum=1&pageSize=10&type=1&k=3888212").then({ console.log(res.data);})简写:这种简写的办法是没有办法获取到数据的，需要写成完整完整：axios({ url:"https://m.maizuo.com/gateway?cityId=440300&a...
2021-04-10 14:03:49
1167
2
原创 Mac安装Vue环境
Mac安装Vue环境一 .安装最新版本步骤1.vue依托nodejs，所以首先要安装nodejs命令：node -v 查看是否安装了nodejs （有版本号即成功）命令：npm -v 查看是否安装了npm (有版本号即成功)说明：npm是node的包管理工具，默认安装完node之后，npm会自动安装上的。2.安装Vue说明：vue依托nodejs，vue只是node万千包中的一个。 1.先查看电脑里有没有安装vue: 命令：vue -V //注意V...
2021-03-17 21:13:23
1320
原创 Git和github简介
git：分布式版本控制工具。其实就是一个软件，来管理文件夹使用的。需要通过命令操作。github：世界级的开源网站，存储文件使用。使用者都是开发者。文件可以选择加密，只有自己能用，可以选择开源，所有人都能用。还可以和作者沟通。只接受git工具上传。在这个网站上又很多别人写好的各种语言的代码文件，如果有什么插件需要下载，可以在这个网站上搜索。git可以管理本地文件，也可以管理gitgub的文件。本地仓库：在自己电脑上被 git 管理的文件夹远程仓库：在线上管理的文件夹推送：将本地的内容，上
2021-03-11 20:45:40
376
原创 gulp笔记
gulp引入：项目做好以后，在上线之前还有一些工作需要去做： 压缩css 压缩js 压缩图片 编译sass 合并文件 ...... 等等，在前端工作流出现之前，这些工作都由人力完成，而这些工作往往比写业务本身更加费时，效率非常之低且还容易出错，于是自动化的处理工具也就必然出现了。前端的构建工具常见的有Grunt、Gulp、Webpack三种，Grunt比较老旧，功能少，更新少，插件少。概念：gulp是一个自动化构建工具，主要用来
2021-03-10 18:52:18
227
原创 node.js安装以及基本操作
简介node.js是浏览器的js引擎。 浏览器中有一个js引擎用来解析js代码，只能解析js代码中的ECMAScript，dom和bom的解析依赖的是浏览器本身。 将这个js引擎单独拿出来，就是node了。node.js和js的关系:要让这个引擎运行起来，有人将他做成了一个软件，安装在电脑上，js代码就不用依赖浏览器运行了，在电脑的命令 行也能运行js代码。 为什么要这么做？因为这样的话，js就能写后台了。官网：https://nodejs.org/en/中文网：http://...
2021-03-08 20:00:49
209
转载 JavaScript scope（作用域）
Scope（作用域）* 注：ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6 的到来，为我们提供了‘块级作用域’,可通过新增命令 let和 const来体现。用 let 或 const 声明的变量和常量不会被 hoisting（提升）！1. 什么是作用域当前的执行上下文。值 和表达式在其中“可见”或被访问到的上下文。如果一个 变量 或者其他表达式“在当前的作用域中”，那么它就是不可用的。作用域也可根据代码层次分层，以便子作用域可以访问父作用域，通常是指沿着.
2021-01-16 14:47:14
115
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人