前端
关注
分享
扫一扫
未兆
这个作者很懒，什么都没留下…
展开
-
node-sass正确的安装方式
试了一大堆坑，最后使用这种方式成功了npm install -g mirror-config-china --registry=http://registry.npm.taobao.orgnpm install node-sass原创 2020-12-10 09:55:39 · 6270 阅读 · 0 评论 -
用css实现的各种图形
不知道在哪记录的了，写在这里，通过css实现三角形，矩形，菱形，爱心，多边形等，在这里记录下<div class="triangle"></div><div class="triangle2"></div><div class="triangle_left"></div><div class="triangle_right"></div><div class="diamond"></原创 2020-05-22 09:12:49 · 435 阅读 · 0 评论 -
用canvas实现投影的效果，待完善
做一个类似于物体投影的效果，移动上面的一层，投影效果一起变，这个后面再想想，先实现效果<html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> #myCanvas{ border: 1px dotted #aaaaaa; padding:10px; } </style> </h原创 2020-05-22 09:03:37 · 868 阅读 · 0 评论 -
按照key值，解析json
javascript 按照key值，解析jsonlet obj ={ "2020-04-09": [ { "id": 20, "date": "2020-04-09 00:00:00", "desc": "时间段1", "star...原创 2020-04-09 16:15:49 · 315 阅读 · 0 评论 -
nodejs监听cpu使用率、内存使用率，并通过socket.io与vue项目交互
通过nodejs 监听到cpu的使用率和内存使用率。在vue项目中使用socket.io包获取监听的数据nodejs后台部分安装 npm install os-utils引入包，监听的端口为 1111使用io.sockets监听事件。注意：socket是连接那次的，绑定的监听事件也要写在这个上面。然后通过os-utils提供的工具，获取相应的数据其中on是监听事件，emit是发送事...原创 2019-07-12 15:32:01 · 9045 阅读 · 2 评论 -
VUE实现XML高亮和格式化
首先在公用方法中写入下面的方法，我这里是src/utils/index.jsexport function parse_xml(content) { let xml_doc = null try { xml_doc = (new DOMParser()).parseFromString(content.replace(/[\n\r\s]/g, ''), 'text/xml')...原创 2019-06-24 09:39:10 · 4586 阅读 · 3 评论 -
element UI选中el-table的第一行
业务需求默认选中表格的第一行<el-table ref="interfaceTable" v-loading="listLoading" :data="list" element-loading-text="Loading" border fit hi...原创 2019-07-01 16:15:59 · 11125 阅读 · 3 评论 -
JS对XML格式化与美化
1.HTML中写入<span class="formatXML label label-success">格式化</span>2.绑定事件$(".formatXML").off('click')$(".formatXML").on('click',formatXML);3.每次格式化之前保存原有XML，方便还原function formatXML(){ ...原创 2019-05-13 08:33:26 · 6042 阅读 · 2 评论 -
Ext下拉框的用法，并选中某一项
Ext下拉框使用方案 //定义 var WardLoc = new Ext.form.ComboBox({ name : 'WardLoc', id : 'WardLoc', typeAhead:true, store : new Ext.data.Store({ proxy : new Ext.data.HttpProxy({ url : "XXXX/XXXX"...原创 2019-05-06 10:08:55 · 2931 阅读 · 0 评论 -
MarkdownPad2 自动生成目录
在MarkdownPad2中生成目录，方便使用。点击工具-选项-高级-HTML Head编辑器。输入下面的代码。 注：在HTML模式使用。快捷键F6<script type = "text/javascript" > //create contentdocument.addEventListener("DOMContentLoaded", function(){ ...原创 2018-08-13 14:47:36 · 5808 阅读 · 1 评论 -
HTML编码规范
1.img标签要写alt标签 2.单标签不要写闭合标签（img、link、input、hr、br） 3.自定义属性要以data- 开头 4.td要在tr里面，li要在ul/ol里面 5.ul/ol的直接子元素只能是li 6.section里面要有标题标签 7.使用section标签增强SEO(搜索引擎优化) 8.行内元素里面不可使用块级元素(a标签里面不能放div) 9.每个页面要...转载 2018-08-13 14:27:09 · 1230 阅读 · 0 评论 -
vue 进行 gzip压缩和服务器如何开启gzip
使用vue-cli生成的项目，会自动配好相关的设置。 如下图找到对应的文件，productionGzip改为true，开启Gzip压缩 找到下图的文件，这里是Gzip的配置 代码如下：webpackConfig.plugins.push( new CompressionWebpackPlugin({ asset: '[path].gz[query]', ...原创 2018-04-02 11:16:33 · 55739 阅读 · 9 评论 -
vue 在微信端实现前进左滑，返回右滑的动画效果
记录项目中遇到的问题： 1.前进页面左滑，返回页面右滑 的动画效果 2.前进页面数据刷新，返回页面不刷新 目的：通过缓存数据，减少调用接口的次数App.vue<template> <div id="app"> <transition :name="transitionName"> <keep-alive> ...原创 2018-03-09 10:51:01 · 5432 阅读 · 1 评论 -
常用的校验规则
常使用的校验规则，比如手机号码校验，电子邮箱校验等regEx ={ Strs:/^[\u0391-\uFFE5\w]+$/, //中文字、英文字母、数字和下划线 NumEn:/^[_a-z0-9]+$/,//检查数字英文 ZeroInt:/^[0-9]*[0-9][0-9]*$/,//检查0正整数 NoneZeroInt:/^[0-9]*[1-9][0-9]*$...原创 2018-03-07 09:41:02 · 7177 阅读 · 0 评论 -
判断浏览器内核的校验
常用的前端校验浏览器内核的方式var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return {//浏览器版本信息 trident: u.indexOf('Trident') > -1...原创 2018-03-07 09:17:28 · 737 阅读 · 0 评论