- 博客(67)
- 收藏
- 关注
RSS订阅原创 javaScript 获取查询参数、拼接查询参数
一、获取查询参数：/** * @description 获取页面地址中的参数 * @author "" * @date 2018-08-29 * @export * @param {string} url(可以为空，为空即为当前页面地址) * @returns {object} */function getQueryParam(url) { url = url == null ...
2019-03-01 22:54:14
839
原创 在 vue 项目中使用 sass 或 less
一、vue 项目中安装 sass 并使用第一步：打开终端 cd 到项目目录，安装 sass 依赖包：npm install sass-loader --save-devnpm install node-sass --sava-dev第二步：在 build 文件夹下的 webpack.base.conf.js 文件中的 rules 里面添加配置：{ test: /\.scss$/, ...
2019-02-27 13:00:55
664
原创 服务器端渲染
一、当前应用渲染模式在前后端分离大规模应用之前，用户请求网页，都是后端先调用数据库，获得数据之后，将数据和页面元素进行拼装，组合成完整的 html 页面，再直接返回给浏览器，以便用户浏览。由于近几年前后端分离的理念被大规模应用，前后端进行了拆分，并且单页应用得到了广泛应用（Angular、React、Vue 前端三大框架）。二、前后端拆分核心理念前后端拆分，后端专注于数据接口服务，前端专注...
2019-02-26 12:48:36
2163
原创 Element-UI 在使用 el-dialog 中使用 this.$refs.tree 获取组件报错
使用 element-ui 的 el-dialog 时，使用 this.$refs.tree 获取 el-tree 报错：<el-dialog title="菜品分配医嘱" :visible.sync="foodAdvice" width="40%"@close="handleDialogClose" append-to-body> <div class="tree-bo
2019-02-25 22:13:52
5053
4
原创 解决 h5 页面在 ios 系统中滑动不流畅
在移动端项目时，在滚动容器上用 overflow-y: scorll; 属性时发现页面滚动不流畅，很慢。解决办法：可以使用 -webkit-overflow-scrolling: touch;这个属性，使滚动条产生滚动回弹的效果，就像 ios 原生的滚动条一样流畅。MDN 上的解释：-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果。aut...
2019-02-20 15:37:57
1726
原创 js 使用 new Date() 获取日期时间在 ios 系统上显示 NaN，安卓系统显示正常
时间转换：// 需要转换的时间格式：2019-02-20 12:00:00let time = new Date('2019-02-20 12:00:00').getTime();// 或者let time = new Date('2019-02-20 12:00:00').valueOf();在 android 手机上显示正常，但是在 ios 系统上显示 NaN。兼容 ios 和 ...
2019-02-20 15:22:23
1590
原创 javascript 常用函数
1、时间格式化/** * @export 时间格式化 * @param {time} 需要格式化的时间对象、字符串、时间戳 * @param {cFormat} {y}-{m}-{d} {h}:{i}:{s} {a} 可选 * @returns {string} 格式化后的时间 */function parseTime(time, cFormat) { if (arguments....
2019-01-31 13:15:23
423
原创 javascript 常用 api
一、节点1.1 节点属性Node.nodeName // 返回节点名称，只读Node.nodeType // 返回节点类型的常数值，只读Node.nodeValue // 返回Text或Comment节点的文本值，只读Node.textContent // 返回当前节点和它的所有后代节点的文本内容，可读写Node.baseURI // 返回当前网页...
2019-01-30 14:20:17
360
原创 在 vue 中使用 computed 计算属性如何传入参数
在实际开发过程中使用 computed 有时候需要动态传入参数，例如使用 v-for 进行列表渲染时：// 计算属性传参，方法里写成 return function (params1, params2) {} 形式（可以传入多个参数，也可以使用 es6 箭头函数）calculateList() { return (params1, params2) => { return para...
2019-01-29 11:05:28
4755
原创 如何避免 v-if 与 v-for 一起使用，v-if 和 v-for 的优先级
在使用 vs code 编辑器里是 eslint 插件时一直有以下报错：大致的意思就是不建议 v-if 和 v-for 一起使用，后来去官网查了一下也是这样建议的。vue 官网：https://cn.vuejs.org/v2/guide/conditional.html#v-if-与-v-for-一起使用根据 eslint 指出的方法进行改进：第一种：将 v-if 和 v-for 分别放...
2019-01-29 10:58:02
7219
原创 使用less(一)------变量和混合
Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。Less 中文网：http://lesscss.cnLess 中文文档：https://less.bootcss.comLess 文件是以 less 作为文件后缀名，在 html 页面中引用方式如下：<link r...
2019-01-27 22:56:17
570
原创 node 升级版本
第一步：查看 node 当前版本；打开终端，输入 node -v 查看 node 版本第二步：清除本地 node 缓存；sudo npm cache clean -f第三步：安装 node 版本管理工具 ‘n’；sudo npm install n -g第四步：使用 node 版本管理工具安装指定的 node 或者升级到最新 node 版本；sudo n stable ...
2019-01-25 10:31:35
327
原创 vs code 必备插件和主题
Visual Studio Code（简称vs code）是一个轻量且强大的代码编辑器，支持 Windows，OS X 和Linux。内置 JavaScript、TypeScript 和 Node.js 支持，而且拥有丰富的插件生态系统，可通过安装插件来支持 C++、C#、Python、PHP 等其他语言。使用起来的特点也相当明显：1、占用内存低；2、代码补全，比较人性化；3、加载文件...
2019-01-24 13:56:47
12642
2
原创 在 vscode 中使用 Live Server 进行调试
第一步：在 vscode 中安装 live server第二步：打开命令面板，输入 settings ，然后选择首选项并打开第三步、搜索 live sever 配置项，将左侧需要修改的配置项复制到右侧用户设置并修改第四步、设置完毕后，重启vscode，并选择需要浏览的文件，右键开启服务或者点击编辑器底部：...
2019-01-24 12:33:12
17071
1
原创 CSS自定义属性（CSS变量）
CSS中引入变量的用途：为风格统一而使用颜色变量。一致的组件属性（布局，定位等）。避免代码冗余。CSS变量的动态性和作用域能够为你的实践和应用提供更加强大的能力，可以非常高效的读取、设置和更新这些变量！变量，是标识符和可以用任何常规值替代值之间的关联，使用 var() 函数表示法：var(- example-variable) 返回 --example-variable 的值 。...
2019-01-22 10:49:32
546
原创 JavaScript 性能优化 之 for 循环
1. 最最常规写法for (var i = 0; i < 10; i++) { // do something...}2. 循环的次数为变量的情况大多数情况下都是这种写法，这种写法的缺点就是每次循环都要去读取一次数组的长度，有点浪费。for (var i = 0; i < arr.length; i++) { // do something...}3. 变量情况的...
2019-01-17 16:56:30
712
原创 electron-vue 安装 js-xlsx，实现 Excel 导入导出
js-xlsx是一个简单的JavaScript插件，能够读取和写入Excel表格，功能强大，但是上手难度稍大，这里列举一些常用的用法，具体用法请参考 js-xlsx。安装 js-xlsx：npm install js-xlsx --save一、导入Excel在 main.js 添加以下代码：import XLSX from 'xlsx';let reader = new File...
2019-01-16 18:02:16
2761
原创 JavaScript Array 交集 并集 差集 去重
集合的分类:并集：以属于A或属于B的元素为元素的集合成为A与B的并（集） 记作A∪B（或B∪A），读作“A并B”（或“B并A”），即A∪B={x|x∈A,或x∈B}。交集：以属于A且属于B的元素为元素的集合成为A与B的交（集） 记作A∩B（或B∩A），读作“A交B”（或“B交A”），即A∩B={x|x∈A,且x∈B}。差集：以属于A而不属于B的元素为元素的集合成为A与B的差（集）记作A-B（...
2019-01-16 16:11:57
371
原创 JavaScript 获取行间样式和非行间样式
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge&am
2019-01-12 10:43:17
348
原创 Git 常用命令
Git 常用命令1.仓库在当前目录新建一个Git代码库$ git init新建一个目录，将其初始化为Git代码库$ git init [project-name]下载一个项目和它的整个代码历史$ git clone [url]2.配置显示当前的Git配置$ git config --list编辑Git配置文件$ git config -e [–global]设置提交代码时...
2019-01-11 15:54:59
163
原创 css隐藏滚动条仍保留滚动效果，兼容IE，FF，Webkit 和 O
/*webkit内核*/.scroll_content::-webkit-scrollbar { width:0px; height:0px;}.scroll_content::-webkit-scrollbar-button { background-color:rgba(0,0,0,0);}.scroll_content::-webkit-scrollbar-track ...
2019-01-11 10:04:59
439
原创 git 创建新分支
1.创建本地分支git branch 分支名，例如：git branch branchName注：branchName 是分支名称，可以随便定义。2.切换本地分支git checkout 分支名，例如从master切换到分支：git checkout branchName3.远程分支就是本地分支push到服务器上。比如master就是一个最典型的远程分支（默认）。git push or...
2019-01-07 16:01:21
222
原创 使用 git 命令将本地项目上传到远程仓库（第一次上传）
用 git 命令将本地项目上传到远程仓库（第一次上传）：步骤如下：1、（先进入项目文件夹）通过命令 git init 把这个目录变成git可以管理的仓库；git init2、把文件添加到版本库中，使用命令 git add . 添加到暂存区里面去，不要忘记后面的小数点“.”，意思是添加文件夹下的所有文件；git add .3、用命令 git commit 告诉 Git，把文件提交到远程仓...
2019-01-06 23:54:46
689
1
原创 css 去掉 input[type="number"] 上下箭头
代码如下：input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;}.createFollowCheck input[type="number"] { -moz-appearance: textfield;}
2019-01-05 17:50:38
1996
原创 阿里云服务器ECS安装宝塔
进入控制台–安全组–选择你ECS实例使用的安全组策略并配置规则：选择公网入方向–添加安全组规则：放行8888端口，并开放所有ip访问，点击确定即可。...
2019-01-04 22:08:05
294
原创 css 设置 input placeholder 的字体颜色
input::-webkit-input-placeholder { /* WebKit browsers */ color: black;}input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: black;}input::-moz-placeholder { ...
2019-01-03 00:32:03
5752
原创 在 vue 项目中使用 -webkit-box-orient 属性
问题描述：在 vue 项目 less/scss/css 中使用 -webkit-box-orient: vertical; 属性， 项目打包编译以后 -webkit-box-orient: vertical; 后消失。产生原因：autoprefixer 自动移除老式过时的代码。解决方案：方法1、添加注释关闭 autoprefixer,但是若果有清除注释的插件，请将该插件设为 false，否则...
2019-01-02 15:40:31
1178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人