- 博客(25)
- 收藏
- 关注
原创 MVVM(示例)
1、为什么会出现 MVVM?MVC 即 Model-View-Controller 的缩写,就是 模型-视图-控制器 , 也就是说一个标准的Web 应用程序是由这三部分组成的:View 用来把数据以某种方式呈现给用户。Model 其实就是数据。Controller 接收并处理来自用户的请求,并将 Model返回给用户。在HTML5 还未火起来的那些年,MVC 作为Web 应用的最佳实践是OK 的,这是因为 Web 应用的View 层相对来说比较简单,前端所需要的数据在后端基本上都可以处理好,V
2021-12-03 12:10:33
1475
原创 正则表达式入门进阶
首先推荐一个校验正则的网站regex101限定符/used? //?代表它前面这个字符d需要出现0次或者1次/ab*c//* 它会匹配 前面这个字符出现0次或者多次 (只出现一次不行)/ab+c // 它会匹配出现一次以上的字符/ab{6}c ab{2,6}c ab{2,}c/ {}指定出现次数 也可以是区间2到6 2,指两次以上或运算符 a (b|c) 这个会先去匹配‘a’空格 后面括号中的内容代表要么是b要么是c ab |c 没有括号就
2021-10-18 12:09:59
121
原创 正则表达式
前端日常开发用的到正则1.字符串 具体某值的替换// 英文逗号替换成中文 let str='1,2,3,4,5,6,7,8,' console.log(str.replace(/,/g,",")) 2.富文本提取汉字// 英文逗号替换成中文 let str='<p class="logCenterP">欢迎来到</p>p class="logCenterP1">授权微信头像、昵称</p>' console.log(str
2021-09-24 17:13:09
130
原创 Flex 布局理解
一、Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。二、基本概念采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。三、容器的属性以下6个属性设置在容器上。flex-directionflex-wrapflex-flowjustify-cont
2020-12-04 16:57:11
345
原创 git 指令整理
代码说明git checkout -b dev(本地分支名) origin/dev(远程分支名)拉取远程分支,并创建本地分支git push origin master如果远程分支被省略,如上则表示将本地分支推送到与之存在追踪关系的远程分支(通常两者同名),如果该远程分支不存在,则会被新建git push origin如果当前分支与远程分支存在追踪关系,则本地分支和远程分支都可以省略,将当前分支推送到origin主机的对应分支git clone https://g...
2020-10-13 12:04:23
130
原创 网络图片转成base64操作,解决图片跨域问题
网络图片转成base64//直接调用var url = '网络图片地址'getBase64(url).then(base64 =>{ console.log(base64)});oss图片转成base64操作 function getBase64(img){ function getBase64Image(img,width,height) { var canvas = document.createElement("can
2020-07-01 17:45:11
2352
5
原创 vue *解决当前导航点击两次回报错*
直接上代码 写在 router js文件import Vue from 'vue'import VueRouter from 'vue-router'import home from '../views/Home.vue'Vue.use(VueRouter)/*解决当前导航点击两次回报错*/const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { ret
2020-07-01 15:50:08
273
原创 vue-cli3.0切换环境对应的api接口
我们可以根据通过不同命令切换不同环境对应的请求接口的urlnpm run dev // 开发环境npm run prod // 生产环境npm run test // 测试环境1.将package.json中添加配置不同命令"scripts": { "dev": "npm run serve", "serve": "vue-cli-service serve", "test": "vue-cli-service serve --mode test", "pro"
2020-06-29 10:52:12
223
原创 vue实现首屏加载等待动画
vue实现首屏加载等待动画vue实现首屏加载等待动画 避免首次加载白屏尴尬hua 不多说直接上代码直接修改index.html// An highlighted block<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <
2020-06-17 17:13:09
3311
2
翻译 vue2.0实现底部导航切换效果
使用vue2.0写移动端的时候,经常会写底部导航效果,点击切换路由效果,实现图片和文字颜色切换。vue2.0也提供了很多ul框架供我们实现效果,今天就用原生的实现一个底部导航切换,直接上代码效果图路由搭建export default new Router({ routes: [ { path: "/Home", component: Home, ...
2019-09-18 14:18:26
648
原创 element 中 Table分页回显勾选数据
配合row-key -->行数据的 Key,用来优化 Table 的渲染;在使用 reserve-selection 功能的情况下来进行回显一 html <el-table :data="dataList" :row-key="getRowKeys" stripe border ref="multipleTable" tooltip-effect="dark" @selection...
2019-09-18 14:12:18
1425
1
原创 element日期插件根据设置区间去禁用
话不多说直接上代码一. html<el-date-picker :picker-options="pickerBeginDateBefore" :clearable="false" format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="value" type="daterange" range-separator="至" start...
2019-09-18 14:05:06
315
原创 CSS3神奇的css高亮 – filter
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> .logo { transition: all 0.2s; cursor...
2019-06-13 15:11:42
8778
原创 webpack-bundle-analyzer插件
下载插件npm install --save-dev webpack-bundle-analyzer11111111配置:在webpack.prod.conf.js中增加以下配置:const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; module.exports = {...
2019-06-03 14:59:30
516
原创 vue项目空格报错
找到build文件夹下面的webpack.base.conf.js文件。然后打开该文件,找到图下这段代码,把他注释掉。重新启动一下项目
2019-05-31 15:20:37
957
翻译 css特效-----鼠标光标渐变跟踪视觉的互动
html<button class="mouse-cursor-gradient-tracking"> <span>Hover me</span></button>CSS.mouse-cursor-gradient-tracking { position: relative; background: #7983ff; pad...
2019-05-31 15:17:27
428
翻译 运行node时遇到下述提示
运行node时遇到下述提示:events.js:160 throw er; // Unhandled ‘error’ event或者events.js:160 throw er; // Unhandled ‘error’ event ^ Error: listen EADDRNOTAVAIL 172.16.1.228:3003。本来程序运行的好好的,有一次启动时提示...
2019-05-16 16:06:50
359
原创 input去除小箭头
偶然的机会,PM看我写的页面,然后我自己随便输入一个值的时候,发现number框可以输入“e”,"…",出于好奇去网上查了一下,发现这点是可以控制的,html如下:<div class="layui-form-item"> <label class="layui-form-label">金额</label> ...
2019-05-16 12:01:18
1306
原创 hexo 不小心把本地项目删了怎么重新配置
在本地建一个文件夹把项目克隆下来git clone http....安装项目配置npm install hexo --save然后启动项目hexo s可能出现这样的提示在执行cnpm install hexo s就okl!...
2018-12-17 16:55:02
3906
原创 hexo 使用tags错误
我用hexo静态blog,用的是spfk主题.但是写文章时tags和categories都不起作用.我是按照说明写的:tags: - tag1 - tag2 不知道是我语法不对,还是config文件中还需配置,折腾好久都不对求答案最后终于折腾好了: 添加标签hexo new page tags确认站点配置文件里有tag_dir: tags确认主题配置文件里有tags...
2018-12-14 14:55:18
1898
1
翻译 hexo部署步骤+发布第一篇+小功能
三步部署hexo cleanhexo generatehexo deploy为Hexo添加音乐1. 装插件hexo-tag-aplayer hexo-tag-dplayer这两款插件我们都可以从hexo的官方网站上查询到npm install hexo-tag-dplayer npm install hexo-tag-aplayer在我的...
2018-12-13 14:35:44
308
翻译 svn检出到桌面造成的图标问题
之前不小心直接将版本库 的内容检出 到桌面,后才发现桌面上的文件 都变成了问号。这个比较容易,你在桌面创建一个记事本文件,然后吧这句话复制进去 for /r . %%a in (.) do @if exist “%%a/.svn” rd /s /q “%%a/.svn” 然后保存,再吧记事本文件从命名 叫 删除SVN信息.bat ,这时候要注意后缀名不是txt而是bat 了,然后双击这个批处...
2018-12-03 14:33:50
1174
原创 客户端SVN安装及使用
首先我们需要下载 ”svn小乌龟”后,进行安装。比如我下载如下的:可以直接在360软件下载安装完成后,比如在我的项目在qiandaun1中,我右键就可以看到如下:说明snv已经安装成功了!checkout项目文件。啥是checkout?? 最开始我也一脸蒙逼,这里有几个概念要必须掌握:checkout—&gt;将SVN仓库的代码烤到本地,比如你现在参与一个团队项目,项目代码在你之前...
2018-11-13 15:45:39
104
转载 解决登陆后的链接直接可以复制使用的问题
根据docume.referrer判断页面是跳转过来还是复制链接刷新判断 var uer=&amp;quot;https://888&amp;quot; // 这是登陆跳转链接 if(document.referrer==url){ console.log(这是登陆跳转过来的) } else{ console.log(这是复制链接,刷新页面) }...
2018-10-31 15:51:56
2815
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人