- 博客(80)
- 收藏
- 关注
RSS订阅原创 VUE 3 安装
如果原先有安装vue2脚手架的，先把vue2脚手架卸载npm uninstall vue-cli -g接着安装vue3新的脚手架npm install -g @vue/cli查看版本号vue -V创建项目旧版本： vue init webpack 项目名称新版本： vue create 项目名称（不支持用驼峰）...
2021-08-31 11:57:26
267
原创 create-react-app创建react+typescript的项目
create-react-app创建react+typescript的开发项目，命令如下：create-react-app 项目名称 --template typescript
2021-07-05 16:26:20
646
原创 taro中hook的使用
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。注意：要启用 Hook，所有 React 相关的 package 都必须升级到 16.8.0 或更高版本Hook 这个单词的意思是"钩子"。React Hooks 的意思是，组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码"钩"进来。 React Hooks 就是那些钩子。下面就来介绍下hooks常用的钩子。。。1. useState()：状态钩子
2021-06-28 14:36:06
4156
原创 taro中别名引入路径
在taro开发中，我们有时候会碰到路径前缀很长的，这个时候我们就需要配置一下别名引入路径1.在config/index.js文件中配置 const path = require('path'); alias: { '@': path.resolve(__dirname, '..', 'src'), },具体如下：2.在tsconfig.json文件中配置 "paths": { "@/*": ["./src/*"] }具体如下图：3.然后重启下项目，
2021-06-23 14:48:14
1591
原创 Taro中如何使用cssModules
在taro+ts中使用cssModules1. 首先得在配置文件config/index.js中，把底下圈起来的值改为true2. 然后在对应的项目文件中，就可以调用对应的样式文件了切记：这里的样式文件命名一定要带上module(例如：index.module.less 或 page.moudle.less)，如果没有带上.moudle则框架无法识别出来这个样式文件，这里需要注意一下哈...
2021-06-23 14:16:13
1697
1
原创 Part1：taro安装及使用
安装Taro 项目基于 node，请确保已具备较新的 node 环境（>=12.0.0）CLI 工具安装npm install -g @tarojs/cli创建项目taro init 项目名称选择符合您项目的选项，然后创建成功后，在底下会有：说明项目testPro已经创建成功啦，接下来就可以在新建的项目工程中开发啦。。。运行项目进入项目工程文件，安装依赖npm install依赖安装完毕之后，开始运行项目npm run dev:weapp然后就可以在小程序开发工具中看
2021-06-15 11:17:25
450
6
原创 vue生命周期
beforeCreate（创建前）el和data还没初始化无法访问methods， data， computed等上的方法和数据created（创建完成）可以访问methods， data， computed等上的方法和数据data已经初始化，el没有挂载阶段还没开始，el属性不可见beforeMount（挂载前）挂载开始之前被调用编译模板，把data里面的数据和模板生成html，完成了el和data 初始化数据和模板还没有被挂载到页面上mounted（挂载完成）挂载完
2021-05-19 20:24:18
146
原创 vue插槽用法
vue中插槽主要是用于父组件传递给子组件HTML模板默认插槽父组件：<template> <div> <child> <div>父到子的插槽</div> </child> </div></template><script>import child from './child'export default { comp
2021-05-19 20:23:41
129
原创 vue中常用的修饰符
v-model修饰符lazy修饰符会使光标离开输入框时，才会更新数据 <input type="text" v-model.lazy="value1">trim修饰符会自动过滤输入框收尾空格 <input type="text" v-model.trim="value2">number先输入数字就会限制输入只能是数字先字符串就相当于没有加number注意，不是输入框不能输入字符串，是这个数据是数字 <input type="text" v-
2021-05-19 20:23:09
329
2
原创 delete和vue.delete删除数组的区别
<template> <div>delete和vue.delete的区别</div></template><script>export default { data () { return { arr1: [1, 2, 3], arr2: [1, 2, 3] } }, created () { this.init() }, methods: { init
2021-05-19 20:22:26
1031
原创 mysql连接报错1251
用Navicat premium连接数据库的时候，报错12511.打开命令框，输入以下命令，记得输入密码mysql -u root -p2.然后执行如下命令，新密码设为rootALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'root';3.刷新FLUSH PRIVILEGES;执行完以上三步即可连接成功，亲测有效哈...
2021-05-03 22:28:24
1002
原创 mysql安装教程
1.下载mysql安装包在官网https://dev.mysql.com/downloads/mysql/上去下载mysql安装包下载之后解压这个安装包即可2.安装mysql服务win+S然后输入cmd，用管理员的身份打开命令框 2.在命令框中输入以下命令，进入刚刚上面解压的mysql安装包目录下3.安装mysql的服务：mysqld --install3.初始化mysql服务mysqld --initialize --console这里可以看到..
2021-05-03 22:01:46
8619
1
原创 nodeJS和express框架快速创建项目工程步骤
1. 全局安装express生成器npm install express-generator -g2.快速创建node项目工程命令express 项目工程名称创建成功会如下显示：按照上面的步骤之后，项目工程搭建成功了，大家就可以安心开发啦...
2021-04-29 17:23:58
606
原创 JS中数组的那些事
1. 把对象中的keys转成数组 let obj = { a: 123, b: 321, c: 333, d: 567 } console.log(Object.keys(obj)); // ["a", "b", "c", "d"]2. 把字符串分割成数组 let str = "a,b,c,d"; console.log(str.split(',')); // ["a", "b", "c", "d"]
2021-04-29 13:49:53
121
原创 JS中的Math
常量和常用值Math.PI圆周率中的π console.log(Math.PI); //3.141592653589793Math.E欧拉常数和自然对数的基数 console.log(Math.E); //2.718281828459045Math.SQRT22的平方根 console.log(Math.SQRT2); // 1.4142135623730951Math的对象方法Math.max()返回一组数中的最大值 console.log(Math.max(1,3,
2021-04-27 09:36:52
204
原创 JS中的数据类型
数据类型简单数据类型：undefined / NULL / String / Number / Boolean复杂数据类型：Object1.undefined数据类型值定义后，没有初始化值定义后，用undefined来初始化let a;console.log(a); // undefined2.null数据类型空对象指针可用于对象变量的初始化 console.log(typeof null); // objectundefined和null的区别：null对象值为空，u
2021-04-26 17:25:50
110
原创 vue代码模板解析
在vue开发中，我们经常碰到一些vue模板解析的问题，用户在代码编辑器中用vue写的代码，我们从里面拿到的是一个字符串，这个时候，我们就需要把这个字符串解析成我们需要的内容主要源码如下：<template> <div> <div>vue代码解析</div> <!-- 组件渲染 --> <component :is="comp" /> </div></template>&l
2021-04-14 17:28:25
474
原创 vue中命名视图和命名路由
命名路由在路由中配置 routes: [{ path: '/', name: 'header', component: header }, { path: '/content', name: 'content', component: content } ]路由需配置name值，这样就可通过router-link用name来跳转<template> <div> &
2020-10-23 16:06:34
540
原创 vscode中vue style里面scss样式报红色
解决办法：1.安装vetur插件2.在settings.json中写入“files.associations”: {“*.vue”: “vue”},
2020-05-19 10:29:52
5965
1
原创 js中时间戳转时间格式
抽空写了一个时间戳转时间格式的方法，供大家参考，有问题留言！ /**时间戳转时间格式 * @params timestamp需要转化的时间戳 format格式类型 * Y-M-D h:m:s 年-月-日（大写） 时:分:秒（小写） */ function timestampToTimeFormat(timestamp, fo...
2019-10-30 14:02:45
847
原创 js中slice,substr,substring,splice,split方法的区别
slice方法slice(start, end)用于字符串和数组截取，start开始截取的位置索引，end截取结束的索引值（不包含），end参数等于你要取的最后一个字符的位置值加上1slice返回的是一个新的数组，不改变原有数组slice(start, end)中start必需有。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒...
2019-10-21 14:39:16
870
原创 网页HTML打开本地exe应用程序
打开注册表1. 输入win+R2.输入regedit确定，进入注册表注册表中配置1. 在HKEY_CLASSES_ROOT文件目录下，右键---新建---项，项的名称为ZFBA2. 在新建的项ZFBA文件中依次按照下图中的文件结构新建项3. 在\HKEY_CLASSES_ROOT\ZFBA下：4. 在\HKEY_CLA...
2019-10-11 15:42:17
4225
原创 JS中find方法
用法find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。如果没有符合条件的元素返回 undefinedfind() 对于空数组，函数是不会执行的。find() 并没有改变数组的原始值。array.find(function(currentValue, index, arr),thisValue)，其中currentValue为当前项，index为当前索...
2019-09-20 14:06:15
93973
7
原创 vscode如何跟浏览器进行断点调试
1.安装1.安装vscode软件2.安装好vscode软件之后，打开项目，然后再安装Debugger for Chrome 插件用于Chrome调试2.VScode项目配置1.打开项目界面按F5出现界面选择Chrome2.添加成功后点击调试，添加配置，自动生成launch.json在launch.json中：{ // 使用 IntelliSense 了解相关属性。 ...
2019-09-20 11:33:11
1595
原创 js中some和every用法
some用法some() 方法用于检测数组中的元素是否满足指定条件，如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。注意：some() 不会对空数组进行检测。some() 不会改变原始数组。实例1： let arr = [1, 2, 3, 4, 5]; let flag = arr....
2019-09-10 11:33:48
9672
原创 TypeScript简介
什么是 TypeScript ?TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持TypeScript 是 JavaScript 的超集，.js 文件可以直接重命名为 .ts 即可使用 TypeScript 编写的文件以 .ts 为后缀，用 TypeScript 编写 React 时，以 .tsx 为后缀安装TypeScriptnpm in...
2019-09-04 09:55:04
429
原创 vue组件全局注册和局部注册
全局注册如果想要一个组件在项目中哪里都可以直接调用，这个时候就需要用到全局注册，全局注册的缺点就是：注册了的全局组件，就算不需要用到，仍会占用内存1.创建组件创建一个文件zujian,在这个文件中创建zujian.vue，在zujian.vue中：<template> <div>我是一个组件</div></template>2....
2019-09-03 10:43:21
2521
原创 vue中事件监听watch
vue中watch实际上是用来监听vue实例中的数据变化监听String<template> <div @click="stringClick">{{msg}}</div></template><script>export default { name: "jianting", data() { ...
2019-08-23 17:35:00
41881
8
原创 vue中混入（Mixins）
Mixins是一种分发Vue组件中可复用功能的非常灵活的一种方式。那么我们在什么时候需要使用混入呢？页面的风格不同，但是执行的方法和需要的数据类似，这个时候，我们就不需要每个页面都写一套相同的代码，可以用混入，如下：在page1.vue中：<script>export default { data() { return { dat...
2019-08-23 16:50:01
2496
1
原创 vue中的路由介绍
1. this.router和this.router 和 this.router和this.route区别this.$router: 访问路由器，即整个项目的路由this.$route: 访问当前路由2. router-link 和 router-viewvue路由是通过组件映射到路由中去，在router.js文件中配置相应的组件对应，如下：// 1. 定义 (路由) 组件。// 可以...
2019-08-23 15:51:23
834
原创 vue父子组件传参
父组件传给子组件在父元素parent.vue中：<template> <Child :parentToChild="parentToChild" /></template><script>import Child from "./child";export default { name: "parent", comp...
2019-08-06 10:41:07
631
原创 JS事件冒泡和事件代理（委托）
事件冒泡什么是事件冒泡？当一个元素接收到事件的时候，会把他接收到的事件传给父级，一直传到window （注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数，就算传递了事件 也不会有什么表现 但事件确实传递了。）<!DOCTYPE html><html lang="en"><head> <meta charse...
2019-06-08 15:44:54
11515
原创 JS原生拖拽功能draggable属性（H5）
在html5中多了一个元素属性draggable，这个属性可以对元素进行拖拽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal...
2019-06-02 16:17:42
12507
原创 react-native路由之react-navigation(一)
安装在react-native项目目录下，安装react-navigation包npm install --save react-navigation然后再安装react-native-gesture-handler包npm install --save react-native-gesture-handlerlink所有原生依赖react-native link react-na...
2019-05-21 17:32:40
7066
1
原创 react native调试在谷歌浏览器中查看network信息
react native调试在谷歌浏览器中查看network信息，看不到数据请求信息在入口文件（index.js）中加入这一行GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest即可...
2019-01-29 17:08:59
5569
5
原创 ReactNative：Android环境搭建和项目搭建
环境搭建安装JDK:首先要配置Java环境，安装JDK,下载地址：http://www.oracle.com/，下载下来，按照小白式安装，安装完毕之后，进行环境变量配置：在桌面上找到“我的电脑”点击鼠标右键，选择属性，选择高级系统设置 然后点击环境变量，创建新的系统变量：新建变量名称为JAVA_HOME，变量值为D:\Program Files\Java\jdk1.8....
2019-01-29 14:18:04
271
原创 React Native安卓真机调试
开启手机USB调试（在设置-&gt;更多设置-&gt;开发者选项-&gt;USB调试），同时打开USB安装（一定要打开USB调试开关，否则会报错）检查真机跟电脑是否连接成功命令为：adb devices结果为:14ed2fcc device则真机跟电脑连接成功在项目目录下，启动运用react-native run-android在此过程中会弹出安装提示，要确认通过安...
2019-01-29 11:32:40
4529
原创 Android Studio模拟器启动报错
Android Studio模拟器启动报错：Error while waiting for device: The emulator process for AVD Nexus_5X_API_27 was killed. 首先要确定HAXM有没有安装，如果这边是勾选有安装成功的 那么到sdk安装目录下D:\SDK\extras\intel\Hardware_Accelerate...
2019-01-22 14:41:15
16123
6
原创 JS数组去重
简单数组去重： { const a = [1, 3, 4, 1, 5, 2, 6, 7, 8, 3] const b = a.filter((item, index, self) => self.indexOf(item) === index) console.log(b) //[1, 3, 4, 5, 2, 6, 7, 8] }实例1...
2019-01-17 18:05:40
416
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人