- 博客(25)
- 收藏
- 关注
RSS订阅原创 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
1385
原创 正则表达式入门进阶
首先推荐一个校验正则的网站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
93
原创 正则表达式
前端日常开发用的到正则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
92
原创 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
317
原创 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
85
原创 网络图片转成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
2222
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
258
原创 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
206
原创 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
3236
2
翻译 vue2.0实现底部导航切换效果
使用vue2.0写移动端的时候，经常会写底部导航效果，点击切换路由效果，实现图片和文字颜色切换。vue2.0也提供了很多ul框架供我们实现效果，今天就用原生的实现一个底部导航切换，直接上代码效果图路由搭建export default new Router({ routes: [ { path: "/Home", component: Home, ...
2019-09-18 14:18:26
630
原创 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
1393
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
283
原创 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
8712
原创 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
474
原创 vue项目空格报错
找到build文件夹下面的webpack.base.conf.js文件。然后打开该文件，找到图下这段代码，把他注释掉。重新启动一下项目
2019-05-31 15:20:37
923
翻译 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
400
翻译 运行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
331
原创 input去除小箭头
偶然的机会，PM看我写的页面，然后我自己随便输入一个值的时候，发现number框可以输入“e”,"…",出于好奇去网上查了一下，发现这点是可以控制的，html如下：<div class="layui-form-item"> <label class="layui-form-label">金额</label> ...
2019-05-16 12:01:18
1249
原创 hexo 不小心把本地项目删了怎么重新配置
在本地建一个文件夹把项目克隆下来git clone http....安装项目配置npm install hexo --save然后启动项目hexo s可能出现这样的提示在执行cnpm install hexo s就okl！...
2018-12-17 16:55:02
3802
原创 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
1855
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
296
翻译 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
1151
原创 客户端SVN安装及使用
首先我们需要下载 ”svn小乌龟”后，进行安装。比如我下载如下的：可以直接在360软件下载安装完成后，比如在我的项目在qiandaun1中，我右键就可以看到如下：说明snv已经安装成功了！checkout项目文件。啥是checkout?? 最开始我也一脸蒙逼，这里有几个概念要必须掌握：checkout—&gt;将SVN仓库的代码烤到本地，比如你现在参与一个团队项目，项目代码在你之前...
2018-11-13 15:45:39
93
转载 解决登陆后的链接直接可以复制使用的问题
根据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
2745
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人