- 博客(134)
- 资源 (1)
- 收藏
- 关注
原创 nvm使用常用笔记
C:\Users\用户名称\AppData\Roaming\nvm\v版本号\node_modules该路径下,可以把temp文件夹下的压缩包解压到该路径下就行,也可以直接在npm官网上找个合适的版本下载后解压到该路径下并改名成npm。C:\Users\用户名称\AppData\Roaming\nvm路径下的temp文件夹下能找到那个npm压缩包,一般是因为某些原因导致该文件没有正确解压到。前言:一般就配置一次,然后用到换电脑。有时候会下载node之后找不到npm不可用,有可能是在。
2023-04-21 17:18:57 458 1
原创 正则表达式的符号概念、捕获组与非捕获组、解读方式、练习网站
正则表达式正则表达式的解读方法符号概念练习的网站看两个现象进行后续思考Group的用途捕获组和非捕获组 [整理自该链接](https://www.jianshu.com/p/2547f0e3e809)捕获组每个捕获组会自动拥有一个组号,规则是:从左向右,以分组的左括号为标志,第一个出现的分组的组号为1,第二个为2,以此类推。非捕获组组的命名正则表达式的解读方法读者最好能养成按照字符来理解正则表达式的习惯。(参考自动物书《精通正则表达式》,这种读法对我来说更好理解,且更容易举一反三)错误解读方式:「^c
2021-09-28 13:39:23 404
原创 Vue加载组件的写法
需求:请求数据时,显示一个长宽100%的半透明遮罩层,可以自定义遮罩层的颜色和提示文本涉及知识:teleport、axios的拦截器代码示例在store里定义控制组件显示与否的变量isLoading和触发改变的mutations方法setLoadingexport interface GlobalDataProps { loading: boolean;}const store = createStore<GlobalDataProps>({ state: {
2021-03-24 18:28:41 242
原创 Vue下拉组件的写法
首先组件要足够语义化,就是开发者尽量少看文档描述也可以看出怎么用,以下是结构然后编写dropdown-item组件,此处的disabled控制item是否可选,里面的选项通过插槽的形式获取<template> <li class="dropdown-option" :class="{'is-disabled': disabled}" > <slot></slot> </li></temp
2021-03-14 12:29:17 394 2
原创 git的常用命令、合并代码冲突处理办法、在错误的分支上开发后如何提交到正确的分支
git常用命令git add . //加到提交队列git commit "此处提交的描述" //提交git push origin master //提交到远端服务器git pull origin XXXX //拉一下康康有没有最新的XXX分支git brach // 查看分支git checkout XXX . /...
2020-12-18 16:54:02 887 1
原创 webpack-搭建环境及步骤详解
1、//会下载一个package.json 里面是版本描述npm init -y2、//安装webpack 后面加上了--淘宝镜像,可加可不加,安装完多了mode_modules,package.json里会多了devDependencies里有webpack、webpack-clinpm install webpack webpack-cli -D --registry=https://registry.npm.taobao.org 3、新建src/index.js 、index.ht
2020-11-23 11:13:29 293
原创 fastadmin批量导入的坑——导入失败?日期转换时间戳?日期早了8小时?二三级用户没批量导入权限?
1:首先,修改assets/js/wxcms/xxxx.js的Table.api.init({})增加一行import_url: 'wxcms/xxxx/import',顺便说一下批量导出的按钮可以在这个文件的table.bootstrapTable里添加红框区域内容即可2:然后再到application/admin/view/wxcms/xxxx/index.html新增红框内容3:然后到application/admin/control...
2020-11-19 17:48:40 2148 1
原创 实现过渡进场和出场的动画效果
以下是vue动画从入门到跑路目录Vue中CSS动画原理实现过渡进场和出场的动画效果在Vue中使用Animate.css库同时具备过渡和动画效果Vue中的js动画与Velocity.js的结合Vue中多个元素或组件的过渡Vue中的列表过渡Vue中的动画封装<html><head> <meta charset="UTF-8"> <title>Vue中CSS动画原理</title> <s...
2020-11-17 00:59:42 563
原创 Vue中的动画封装
对最初的代码——实现点击按钮使文字渐隐渐现的隐藏和显示,进行封装,以下是初始代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Vue中的进场和出场过渡</title> <script src="./vue.js"></script> <style> .fade-enter, .fa.
2020-11-17 00:32:43 218
原创 Vue中的列表过渡
实现点击按钮的时候,添加的列表项过渡显示。原理:使用transition-group之后,相当于transition-group里包裹的标签都在外头套一层transition,此处则相当于是在每个div外头都套了一层transition<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Vue中的列表过渡</title> <script src=.
2020-11-17 00:07:08 401
原创 Vue中多个元素或组件的过渡
实现show为true的时候,hello world显示在页面上,当show为false的时候, bye worldx显示在页面上.注意:1、默认的前缀是v,要是要换其他前缀就给transition加上属性name,如name="fade"2、如果不加上key的话会复用页面的DOM,就不会出现动画效果,加上key之后,就不会复用了3、mode是控制组件是先显示再隐藏还是先隐藏再显示,in-out表示先进场再出场,即先显示,再隐藏;out-in表示先出场再进场。<!DOCTYPE.
2020-11-16 23:54:27 248
原创 Vue中的js动画与Velocity.js的结合
使用js动画钩子实现:从隐藏到显示的时候。一开始是红色,2s后变成绿色,再2s后变成黑色,done()函数执行表示动画结束就会开始执行after-enter<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Vue中CSS动画原理</title> <script src="./vue.js"></script></head
2020-11-16 00:11:55 303
原创 同时具备过渡和动画效果
appear和apper-active-class控制初次渲染的时候也有动画效果,type控制动画播放时长由transition决定还是@keyframes也可自定义时长,如下::duration="10000"还可以分别设置入场和出场动画的时长,如下::duration="{ enter:5000, leave: 10000 }"<!DOCTYPE html><html><head> <meta charset="UTF-8..
2020-11-15 23:16:56 147
原创 在Vue中使用Animate.css库
实现隐藏和显示的时候放大缩小动态过渡。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Vue中CSS动画原理</title> <script src="./vue.js"></script> <style> @keyframes bounce-in{ 0% { .
2020-11-15 14:32:41 409
原创 ES6模板字符串、新的方法
模板字符串模板字符串:反引号包裹起来的字符串`asasasa`模板字符串的用法const xiaoming = { name:'小明', age:14, say1: function(){ console.log('我叫'+ this.name + ',我今年' + this.age + '岁!'); }, say2: function(){ console.log(`我叫`+ this.name + `,我今年` + t
2020-09-26 01:35:47 93
原创 ES6变量的解构赋值及应用
数组的解构赋值数组的解构赋值const arr = [1,2,3,4];let [a,b,c,d] = arr;更复杂的匹配规则const arr = ['a','b',['c','d',['e','f'.'g']]];const [ , , [ , , [ , , g]]] = arr;同理每一项用逗号隔开即可。扩展运算符使用扩展运算符合并数组const arr1 = [1,2,3];const arr2 = ['a','b'];const arr..
2020-09-23 01:18:03 653 1
原创 ES6基础入门之const及ES6与ES6之前如何解决引用类型的常量可以被修改的问题
const是常量-不可改变的量 let、var是变量 常量必须在声明的时候赋值,否则报错:Missing initializer in const declaration与let类似的特性声明的变量let声明的变量只在当前(块级)作用域内有效 let或const声明的变量不能被重复声明 let 不存在变量提升 最大的区别就是const是常量常量为引用类型的时候,不能保证不可变,那么那么如何解决引用类型的常量可以被修改的问题以下是可以成功修改的,因为此时并没有修改引用的地址
2020-09-21 20:00:32 380 2
原创 ES6基础入门之let、let与var的区别、暂存死区
ES与JS的关系ES是JS的标准JS是ES的实现ES6之前的作用域全局作用域(即window)函数作用域eval作用域块级作用域:通俗的讲 就是一对花括号中的区域{...}if(){}switch(){}for(){} //小括号里是一个作用域,大括号里又是另外子集作用域try{}catch(err){}{}块级作用域可以嵌套注意:对象里的花括号不是作用域ES6之前的作用域全局作用域(即window)函数作用域ev...
2020-09-20 17:15:39 467
原创 转换为Magento 2.3的Web服务器
更新存储库首先,我们将更新服务器存储库。这告诉Ubuntu,当我们要求安装某个时候可以下载什么。有点像让您的手机访问App Store。因此,我们只需要添加一个即可。这将使我们可以在本章后面的[18:34]中下载PHP 7.2。sudo add-apt-repository ppa:ondrej/php现在我们需要告诉Ubuntu从所有连接的存储库中更新其记录,包括我们刚刚添加的记录sudo apt-get update安装Apache并为Magento 2.3专门配置安装Apa
2020-09-07 16:48:03 152
原创 构建基本服务器
这里演示的是Ubuntu系统,不同系统对应切换命令即可。创建一个新用户创建自己的用户adduser craig通过将其添加到“ sudo”组,授予该用户“超级用户”权限usermod -aG sudo craig禁用root用户访问配置文件以禁用root用户登录sudo nano /etc/ssh/sshd_configfind “PermitRootLogin yes”. You’ll want to replace the “yes” with a “no”现在
2020-09-02 21:05:14 122
原创 FastAdmin表格操作栏部分按钮隐藏
//formatter:Table.api.formatter.operateformatter:function(value,row,index){ var that = $.extend({}, this); var table = $(this.table).clone(true); $(table).data("operate-edit",null); $(table).data("operate-del",null); that.table =tab.
2020-06-08 01:19:34 2010
原创 HTTP协议类
HTTP协议的特点1、简单快速:客户向服务器请求服务时,只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。每种方法规定了客户与服务器联系的类型不同。由于HTTP协议简单,使得HTTP服务器的程序规模小,因而通信速度很快。2、灵活:HTTP允许传输任意类型的数据对象。3.无连接:无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求,并收到客户的应答后,即断开连接。...
2019-12-15 23:51:41 137
原创 CSS盒模型?边距重叠?BFC?从入门到自闭
CSS盒模型:border padding margin content标准模型和IE模型的区别(如图般的明显区别):CSS如何设置这两种模型:box-sizing:content-box;(标准模型,浏览器的默认方式)box-sizing:border-box;(IE模型)JS如何设置获取盒模型对应的宽和高:内联样式的样式才能取:dom.style.width/he...
2019-12-15 18:55:04 196
转载 Vue启动报错 Cannot find module 'webpack/bin/config-yargs'
鳖废话,先上错误Cannot find module 'webpack/bin/config-yargs' at Function.Module._resolveFilename (module.js:325:15) at Function.Module._load (module.js:276:25) at Module.require (module.js:353:17)...
2019-11-28 17:47:41 357
原创 Vue2.5开发去哪儿网App
项目源码下载链接 https://download.csdn.net/download/qq_37117521/11985714首页使用轮播插件swesome-Swiperswesome-Swiper的GitHub链接: https://github.com/surmon-china/vue-awesome-swiper城市列表页面使用了Better-scroll和字母...
2019-11-19 18:59:40 523
原创 Vue父组件ajax请求到的数据父子组件间传值
举个栗子,父组件<template> <div> <Home-header></Home-header> <Home-swiper :list="swiperList"></Home-swiper> <Home-Icons :list="iconList"></Home-Ic...
2019-10-17 14:23:05 779
原创 Vue——使用axios发送ajax请求
引入axiosimport axios from 'axios'举个栗子methods: { getHomeInfo () { axios.get('/api/index.json') .then(this.getHomeInfoSucc) }, getHomeInfoSucc (res) { console.log(...
2019-10-17 11:39:01 143
原创 Vue常用组件——轮播区域分页显示逻辑实现
<template> <div class="icons"> <swiper > <swiper-slide v-for="(page,index) of pages" :key="index"> <div class="icon" v-for="item of ...
2019-10-16 15:44:14 412
原创 Vue常用组件——vue-awesome-swiper首页轮播图
在GitHub上搜vue-awesome-swiper有使用教程https://github.com/surmon-china/vue-awesome-swipernpm install [email protected] --save在入口文件引入及使用:import VueAwesomeSwiper from 'vue-awesome-swiper'im...
2019-10-16 15:16:56 168
原创 Vue中CSS动画原理
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Vue中CSS动画原理</title> <script src="./vue.js"></script> <style> .fade-enter, ....
2019-10-15 11:08:18 224
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人