- 博客(19)
- 收藏
- 关注
原创 webpack面试题
webpack面试题1. webpack原理从配置文件定义的模块列表开始,处理应用程序,从入口文件开始递归构建一个依赖图,然后将所有模块打包为少量的bundle,通常只有一个,可由浏览器加载。2.webpack的优势(1) webpack 是以 commonJS 的形式来书写脚本滴,但对 AMD/CMD 的支持也很全面,方便旧项目进行代码迁移。(2)能被模块化的不仅仅是 JS 了。 (3) 开发便捷,能替代部分 grunt/gulp的工作,比如打包、压缩混淆、图片转base64等。
2021-05-16 15:18:36
249
原创 测试浏览器兼容函数方法
详情见:[MDN String.prototype@@iterator](https://developer.mozilla.org/zh-CN/docs/web/javascript/reference/global_objects/string/replaceall)查看浏览器的版本信息及是否兼容函数:
2021-04-30 11:39:57
187
原创 使用 n 命令切换 node/npm 版本
centos 下使用 yum 默认安装的 nodejs 版本为 v6.x。可以使用 n 命令来升级切换 nodejs 版本。1.安装 n 命令n 是一个 nodejs 管理工具,[https://github.com/tj/n] $ npm install -g n2.使用 n 安装 nodejs 版本安装最新版本$ n latest安装指定版本$ n node/13.11.0切换 nodejs 版本$ n选择已安装的版本 node/10.4.1
2021-03-24 23:46:49
10512
原创 Centos用yum方式安装nodejs和npm
Centos用yum方式安装nodejs和npm1 更新node.js各版本yum源 Node.js v7.x安装命令 curl --silent --location https://rpm.nodesource.com/setup_8.x | bash - Node.js v7.x安装命令 curl --silent --location https://rpm.nodesource.com/setup_7.x | bash - Node.js v6.x安装命令
2021-03-24 23:02:25
2067
原创 写一个将字符串转成驼峰命名的方法
实现思路:用split方法将字符串拆分成数组,遍历数组,获取数组中的每一个元素(从第二个元素开始)的首字母,并 用toUpperCase方法转换为大写。每一个元素再拼接上剩余的字母,用join方法,将数组中的元素放入一个字符串代码如下:<script> var str="border-bottom-color"; function stringToCamel(str){ // 用split方法将字符串拆分成数组
2021-03-03 16:50:43
1034
1
原创 JS的字符串类型有哪些方法?正则表达式函数用法
JS的字符串类型有哪些方法?正则表达式函数用法1.charCodeAt方法返回一个整数,代表指定位置得Unicode编码2.formCharCode方法从一些Unicode字符串中返回一个字符串3.charAt方法返回指定索引位置处的字符。如果超出有效范围的索引值返回空字符串4.slice方法返回字符串的片段5.substring方法返回位于String对象中指定位置的子字符串6.substr方法返回一个从指定位置开始的指定长度的子字符串7.indexOf方法返回String对象内第一次出现子
2021-03-03 16:48:02
356
1
原创 JS数组添加删除
栈是一种后进先出的数据结构(LIFO,last-in-first-out)push()末尾添加pop()末尾删除shift()头部删除unshift()头部添加unshift()比push()慢100倍,可以先使用reverse()反转再使用push()但是我要找的是向指定位置插入数据(理论上增删替换都能用)于是就找到splice(),有三个参数,第一个是位置index,第二个是删除时的数量,可以为0,不删除,如果不设置该参数则从位置index开始删除到最后,第三个参数就是要添加的新元素。容
2021-03-03 16:35:25
109
1
原创 elementui el-cascader级联选择器体验问题
1.清除上一次展开的记录(第二次点击时会显示上一次展开的数据(未选中数据时))<el-form-item label="部门" prop="DeptId"> <el-cascader style="width: 100%;" ref="myCascader" placeholder="请选择部门: 支持输入搜索" v-model="form.DeptId
2020-12-16 10:43:48
846
原创 elementui el-tree 节点过滤加载对应的子节点
问题:目前element-ui tree 节点过滤加载对应子节点方法,官网例子,不会返回过滤节点的子节点,而大多数实际业务的需求是需要搜索到其下所有的子节点,实现方法如下,修改filterNode方法即可<el-input placeholder="输入关键字进行过滤" v-model="filterText"></el-input><el-tree class="filter-tree" :data="data" :props="defaultP
2020-12-16 10:32:47
1971
5
原创 vue清除表单验证
vue清除表单验证 this.$nextTick(() => { if (this.$refs.form) { this.$refs.form.resetFields(); } });
2020-10-15 16:47:32
647
原创 js 连等赋值运算理解
当时并没有引起足够的重视,直到最近一次出现了bug发现JS里的连等赋值操作的特色(坑)。在解决我的疑问的时候发现了一个很有意思的例子:例1: var a = {n:1}; a.x = a = {n:2}; console.log(a.x); // 输出=>>> undefined执行顺序在A=B=C中,连等赋值真正的运算规则是 B = C; A = B; 即连续赋值是从右至左永远只取等号右边的表达式结果赋值到等号左侧。理解:(1)内存中有一个新对象{n:1},a的指
2020-08-03 16:14:02
1079
1
原创 vue 页面绑定值不刷新问题
vue 页面绑定值不刷新问题问题:在使用Vue框架开发时,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值;原因:此代码块中的v-model应直接绑定“值”,而此处绑定的是“某对象中的值”例:<el-input v-model="model[`text`]" /> 解决方案:运用 this.$forceUpdate()强制刷新即可<el-input v-model="model[`text`]" @input="c
2020-07-24 15:37:40
1452
原创 element-ui input每次输入后自动失去焦点
vue element-ui input每次输入后自动失去焦点text改变的时候由于 key 值绑定的text的问题造成的重绘错误示例 <div v-for="link in content" :key="link.text"> <el-input v-model="link.text" /> </div>正确示例 <div v-for="(link,index) in value.label" :key="index">
2020-07-24 15:28:55
4440
2
原创 Flutter app启动页(闪屏页)白屏解决方案
Flutter app启动页(闪屏页)白屏解决方案1.集成2.执行3.在pubspec.yaml中添加4.终端输入命令使用flutter_native_splash 插件访问插件地址https://pub.dev/packages/flutter_native_splashflutter_native_splash 0.1.9 这个package可以自动生Android和iOS端闪屏页的代...
2020-04-30 13:00:55
3785
原创 Flutter 倒计时实现
Flutter 倒计时实现import 'dart:async';import 'package:flutter/material.dart';import 'dart:ui';class itemOrderWidget extends StatefulWidget { final int order; final String type; final childrenCa...
2020-04-30 09:52:34
1314
原创 Flutter 自定义loading及使用
Flutter 自定义loading及使用1.首先写一个公共组件2.封装loading组建3.调用loading弹窗1.首先写一个公共组件new Material( type: MaterialType.transparency, child: new Center( child: new SizedBox( width: 120.0...
2020-04-29 18:35:38
1761
原创 Flutter android及ios强制竖屏/横屏
Flutter android及ios强制竖屏/横屏在main.dart内设置即可在main.dart内设置即可void main(){ WidgetsFlutterBinding.ensureInitialized(); //不加这个强制横/竖屏会报错 SystemChrome.setPreferredOrientations([ // 强制竖屏 DeviceO...
2020-04-29 18:18:36
3140
原创 Flutter 透明状态栏及字体颜色
Flutter 透明状态栏及字体颜色注:底色透明是否生效与android版本有关,版本过低设置无效1.在main.dart内设置void main(){ runApp(new MyApp()); if (Platform.isAndroid) { //设置Android头部的导航栏透明 SystemUiOverlayStyle systemUiOverlayStyle...
2020-04-29 18:05:06
1238
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人