pc-web前端开发
关注
分享
扫一扫
花生地瓜
年少时浪迹天涯，年老时采菊东篱下
展开
-
element-ui 跟form 和table 动态表单校验，数组的深层次校验
费用调整 医疗服务操作 {{ item.clinicCchiCombineName }} （服务数量：{{ item.serviceCount }}） ...原创 2020-06-04 17:12:24 · 2869 阅读 · 1 评论 -
js时间戳和普通时间相互转换
var timestamp1 = Date.parse(new Date());console.log(timestamp1); //输出当前时间的时间戳var date = new Date(1520324618000);console.log(date);Y = date.getFullYear() + '-';M = (date.getMonth()+1 < 10 ? ...原创 2018-03-06 16:28:59 · 2019 阅读 · 0 评论 -
在nodejs项目报错：CROSSSLOT Keys in request don't hash to the same slot解决方法
由于后台用的是redis集群，我前端刚好碰巧用的是nodejs express框架。express存储session有自己的机制。本来单独的redis主模式是很好用redis保存session的，但奈何用了集群分片模式~~。 下面是当后台使用redis分片模式时候，前端存储session连接redis的写法。主要的部分代码： var session = require(‘express-...原创 2018-03-30 14:29:00 · 7753 阅读 · 0 评论 -
win10系统安装web3js的方法
在安装web3的时候 用npm install web3 –save-dev 在win10系统下会一直安装不成功。后来换用了 cnpm install web3 –save-dev 安装时候报出：Can’t find Python executable “python”, you can set the PYTHON env variable. 等错误。所以正确的安装方法是，需要用cnpm安装...原创 2018-04-12 10:05:15 · 2641 阅读 · 0 评论 -
webpack4
webpack4打包的时候 有一个webpack –progress –colors –watch 当使用观察模式是，WebPack会安装观察文件到所有文件中，它们在编译过程中会使用。如果检测到任何变化，它会再次编译。当允许高速缓存，WebPack会把每个模块保存在内存中，如果下次它们没有被改变，将会重复使用它们。所以 "scripts": { "start": "node ./...原创 2018-07-12 15:25:58 · 299 阅读 · 0 评论 -
vue-cl 有一些静态资源不想经过webpack打包那么应该public 下面
vue-cl3脚手架生成的项目，静态资源要是不想经过webpack打包，那么应该放置在public 文件夹下面。先说说vue-cl3静态资源可以通过两种方式进行处理：在 JavaScript 被导入或在 template/CSS 中通过相对路径被引用。这类引用会被 webpack 处理。放置在 public 目录下或通过绝对路径被引用。这类资源将会直接被拷贝，而不会经过 webpack 的处...原创 2019-02-28 13:38:08 · 11860 阅读 · 3 评论 -
vue3 linkicon的图标替换
需要新建一个vue.config.js 跟src文件名同级。在里面添加module.exports = { lintOnSave: false, pwa: { iconPaths: { favicon32: 'tx.jpg', favicon16: 'tx.jpg', appleTouchIcon: 'tx.jpg', maskIcon: 'tx.jpg', msTileImage: 'tx.jp...原创 2019-02-19 15:54:18 · 1838 阅读 · 0 评论 -
css3 写带边线的倒三角形和组合的三角形分割原理
简单明白的原理分析
let arr = ['1','2','3']let arr2 = arr.map(parseInt)运行结果如下为啥呐。首先来了解一下map 这个函数。map 函数接受两个参数，即array.map(function(currentValue,index,arr), thisValue) ，即第一个参数是函数a，并且该函数a的第一个参数是当前元素的值，函数a的第二个参数是索引值，可...原创 2019-02-26 21:25:23 · 1362 阅读 · 0 评论 -
URLEncode
后台要是想把汉字作为键值对放在url上面传给nodejs的前端路由，想要正确获得汉字的url键值对，那么需要后台用URLEncode 进行编码和转码。 例如原创 2018-03-13 16:37:57 · 1482 阅读 · 0 评论 -
css实现左边高度自适应右边高度
css样式 <style>.container {width:960px; height:100%; overflow:hidden; margin:0 auto;}.left {height:100%; width:100px; overflow:hidden;background: powderblue;word-break: break-all; padding-bottom:99原创 2017-11-06 11:18:18 · 7017 阅读 · 0 评论 -
简单的进度条
<div class="progressBar"> <div id="bar"></div> </div>css样式 .progressBar{ width: 200px; height: 8px; border: 1px solid #98AFB7; border-radius: 5px; margin-top: 10px; }原创 2016-02-24 13:30:30 · 334 阅读 · 0 评论 -
node 路由
req.params 一个数组，包含命名过得路由参数 router.get(‘/user/shop/:id’, user.shop); 对于这样的路由，在controller获取产品的id，需要用： var productId = req.params.id;2.req.body 一个对象，包含post请求参数，这个一般都是form表单提交。这样命名是因为post请求参数在request正文原创 2016-02-25 15:20:28 · 483 阅读 · 0 评论 -
input只可以输入数字或者是最多小数点2位的js代码
<input type="text" id="priceStr" class="sale-input com-input money-input" value="$!{status.value}" name="${status.expression}" maxlength="12"/>js代码$.validator.addMethod("price", function(value, elem原创 2017-02-21 15:05:43 · 4086 阅读 · 0 评论 -
css3 动画停留在最后一帧
html：<p class="test"> 哈哈</p>css:.test{ width: 200px; height: 200px; animation:bj 1s linear forwards; background: lightblue;}@-webkit-keyframes bj{ 100%{ transform:原创 2017-05-23 14:12:09 · 8947 阅读 · 0 评论 -
juicerjs引用模板的使用方式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script id="tpl" type="text/juicer"> <ul> {@each list原创 2017-05-23 14:16:22 · 2658 阅读 · 1 评论 -
jquery dom操作
js代码: var text = "click me"; var $div = $("<div>", { "class":"test" text:text, click:run }); $div.appendTo("body"); function run(){ $(this).toggleClass("tes原创 2017-06-05 18:03:21 · 209 阅读 · 0 评论 -
css3写下拉列表展开
<div class="wrapper"> <div class="harf"> <aside class="tab"> <input id="tab-one" type="checkbox" name="tabs" /> <label for="tab-one">原创 2017-06-16 16:49:33 · 2324 阅读 · 0 评论 -
纯CSS3属性animation实现的打字效果
*{margin:0;padding:0;} @keyframes typing { from { width: 0; } } @keyframes blink-caret { 50% { border-color: transparent; } } h1 { font: bold 200% Consolas, Monaco, monospace;原创 2016-02-29 15:12:27 · 8701 阅读 · 0 评论 -
兼容ios android 的 返回按钮
<a href="javascript:;" class="return-topa">返回</a>js: $(".return-topa").click(function(){ window.history.back(); return false; });原创 2017-09-21 17:30:57 · 289 阅读 · 0 评论 -
判读一个年份是平年还是闰年
var d = new Date(); var year = d.getFullYear();//获取当前年份 yearJuge (); function yearJuge (){ var investAmt = $("#shop-num").val(); var useMoney = $(".remianAmt").val();原创 2016-02-24 09:40:39 · 721 阅读 · 0 评论