- 博客(34)
- 资源 (3)
- 收藏
- 关注
原创 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
828
3
原创 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
880
原创 Vue中如何像积木一样开发网页
在项目中,组件无处不在,可以通过对组件功能的封装,像搭积木一样开发网页。一、组件化开发比如 button 就是一个组件,前端页面会加上边框和鼠标悬停等样式,还可以使用 click 事件出发函数等。只不过这是浏览器封装好的组件,在编辑代码的任何地方,只需要使用如下代码,就能在前端页面显示一个按钮。<button> BUTTON </button>除了浏览器自带的组件外,Vue 还允许我们自定义组件,把一个功能模板 (template)封装在一个 .vue 文件中。把每
2021-12-14 16:28:49
1431
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
931
原创 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
775
原创 合并数组去重
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
209
原创 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
770
原创 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
4218
原创 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
88
原创 微信小程序隐藏滚动条
隐藏scroll-view组件或使用overflow-y:scroll;出现的竖向横向滚动条::-webkit-scrollbar { width: 0; height: 0; color: transparent;}
2021-08-05 15:18:43
198
原创 uni-app H5 打开下载文件跨域及移动端无法打开
使用uni.downloadFileuni.openDocument 移动端无法打开文件解决办法,使用 window.open直接打开....也看了官方以及各论坛的解决方案,没能解决。。。希望解决了的指点指点。
2021-08-05 10:20:24
2142
原创 uni.saveImageToPhotosAlbum的使用
uni.saveImageToPhotosAlbum(OBJECT)保存图片到系统相册。平台差异说明App H5 微信小程序 支付宝小程序 百度小程序 字节跳动小程序 QQ小程序 √ x √ √ √ √ √ OBJECT 参数说明参数名 类型 必填 说明 filePath String 是 图片文件路径,可以是临时文件路径也可以是永久文件路径,不支持网络图片路径 suc
2021-07-31 10:17:45
8790
原创 每天一个 js 小技巧
//定时执行并返回pormisefunctiona(fn,ms){returnnewPromise((reso,sule)=>{setTimeout(()=>{fn()},ms)})}
2021-06-09 13:09:00
180
原创 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
329
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
557
原创 Mac 安装 typescript 报错
npm install -g typescript 报错,如下图:原因,权限问题,加上 sudo ,sudo npm i -g typescripttsc -V 查看是否安装成功,出现版本号则表示 安装成功
2021-05-17 20:07:59
732
原创 React 优化
componentWillUnmount() 卸载前钩子函数中的优化 componentWillUnmount() { //1.解除事件绑定 window.onscroll = undefined; //2.页面中使用了定时器,需要在卸载时清除 // clearInterval(this.state.timer); //3.页面已经卸载,ajax请求还没完成,需要把ajax请求停止 jquery ajax a
2021-04-29 13:16:05
90
原创 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
360
原创 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
416
原创 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
456
原创 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
594
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
99
原创 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
165
原创 使用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
1231
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
1387
原创 Git和github简介
git:分布式版本控制工具。其实就是一个软件,来管理文件夹使用的。需要通过命令操作。github:世界级的开源网站,存储文件使用。使用者都是开发者。文件可以选择加密,只有自己能用,可以选择开源,所有人都能用。还可以和作者沟通。只接受git工具上传。在这个网站上又很多别人写好的各种语言的代码文件,如果有什么插件需要下载,可以在这个网站上搜索。git可以管理本地文件,也可以管理gitgub的文件。本地仓库:在自己电脑上被 git 管理的文件夹远程仓库:在线上管理的文件夹推送:将本地的内容,上
2021-03-11 20:45:40
394
原创 gulp笔记
gulp引入:项目做好以后,在上线之前还有一些工作需要去做: 压缩css 压缩js 压缩图片 编译sass 合并文件 ...... 等等,在前端工作流出现之前,这些工作都由人力完成,而这些工作往往比写业务本身更加费时,效率非常之低且还容易出错,于是自动化的处理工具也就必然出现了。前端的构建工具常见的有Grunt、Gulp、Webpack三种,Grunt比较老旧,功能少,更新少,插件少。概念:gulp是一个自动化构建工具,主要用来
2021-03-10 18:52:18
246
原创 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
232
转载 JavaScript scope(作用域)
Scope(作用域)* 注:ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6 的到来,为我们提供了‘块级作用域’,可通过新增命令 let和 const来体现。用 let 或 const 声明的变量和常量不会被 hoisting(提升)!1. 什么是作用域当前的执行上下文。值 和表达式在其中“可见”或被访问到的上下文。如果一个 变量 或者其他表达式“在当前的作用域中”,那么它就是不可用的。作用域也可根据代码层次分层,以便子作用域可以访问父作用域,通常是指沿着.
2021-01-16 14:47:14
131
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人