搜索内容

包含标签:前端 的文章
  • element日期选择器,去掉此刻按钮
    其他

    element日期选择器,去掉此刻按钮

    去掉此刻按钮也看了很多方法,以下的方法,也符合我的需求,亲测可行,话不多说,上代码吧!
    admin 今天
  • computed和watch的区别
    其他

    computed和watch的区别

    computed: 是计算属性的意思。computed是用来计算出一个值得 ,调用这个值不需要加括号。依赖自动缓存,如果依赖不变,computed就不会重新计算。 computed: { // 计算属性的 getter reversedMessage: function () { // `this` 指向 vm 实例 return this.message } } watch: watch就是监听/侦听的意思。是有一个fun字段,表示在第一次渲染的时候需要执行这个函数,如果fun字段有变化,那么就会触发这个方法 watch:{ fun(new,old){ console.log(new,old) } } 定义:如果某个属性变化了,就去执行一个函数,这就是区别。 区别阐述: computed 1、computed是计算属性,也就是依赖某个值或者props通过计算得来得数据; 2、 computed的值是在getter执行之后进行缓存的,只有在它依赖的数
    admin 今天
  • JavaScript基础 – 21 (精确设置对象属性:value、writable、configurable、enumerable、getter、setter)
    其他

    JavaScript基础 – 21 (精确设置对象属性:value、writable、configurable、enumerable、getter、setter)

    对象的每个属性,额外有几个选项:         value:默认值         writable:是否可写         configurable:是否可以重新配置         enumerable:是否可遍历         get:getter,读取属性时触发, 对象.属性名      作用:计算属性         set:setter,为属性赋值时触发, 对象.属性名=值    作用:赋值检查         直接声明的属性:{属性名:值},其配置项默认都是true         用Object.defineProperty(…),新增属性所有配置默认都是false         get,set 属性与write  enumerable:互斥,不能同时存在 Object.defineProperty(obj, "id", { writable: false, //是否可写 configurable: false, //是否可重新配置 enumerabl
    admin 今天
  • JS正则提取字符串
    其他

    JS正则提取字符串

    河北科技师范学院欧美学院新闻标题 河南大学迈阿密学院新闻标题 首都经济贸易大学密云分校新闻标题 北京科技大学(延庆校区)新闻标题 湖北中医药大学职业技术学院新闻标题 公安消防部队高等专科学校新闻标题 从上边的类似新闻标题中提取完整学校名称,最终参考代码如下: > let str_title='湖北中医药大学职业技术学院新闻标题'; let m=str_title.match(/(\S*)?(大学|学院|分校|分院|学校|校区(\)|))?)/); console.log(m[0]) > 湖北中医药大学职业技术学院 注意:要用贪婪模式才能尽可能完整匹配学校名称。
    admin 今天
  • js number类型转化string类型截取字符串
    其他

    js number类型转化string类型截取字符串

    number转string let cc = 55; cc = cc.toString(); 去除字符串中逗号 let cc = "5,66,88,8" c =c.replace(/,/g,'')  截取字符串 let cc ="88888888" cc= cc.substring(cc.length - 3);
    admin 今天
  • vuex 安装持久化插件
    其他

    vuex 安装持久化插件

    npm install --save vuex-persistedstate 文件目录  ```store store ├─ modules │ ├─ control.js │ └─ user.js ├─ getters.js └─ index.js ``` --- import createPersistedState from 'vuex-persistedstate' export default new Vuex.Store({ state, mutations, actions, modules: modules, strict: isDebug, /** * createPersistedState vuex持久化,防止页面刷新数据丢失 *存储所有state storage: win
    admin 今天
  • 响应式布局解决方案
    其他

    响应式布局解决方案

    响应式布局解决方案 媒体查询、百分比、rem和vw/vh px和视口媒体查询百分比自适应场景下的rem解决方案通过vw/vh来实现自适应 一、px和视口 1. 像素 像素是网页布局的基础,一个像素表示了计算机屏幕所能显示的最小区域,像素分为两种类型:css像素和物理像素。 我们在js或者css代码中使用的px单位就是指的是css像素,物理像素也称设备像素,只与设备或者说硬件有关,同样尺寸的屏幕,设备的密度越高,物理像素也就越多。下表表示css像素和物理像素的具体区别: css像素为web开发者提供,在css中使用的一个抽象单位物理像素只与设备的硬件密度有关,任何设备的物理像素都是固定的 那么css像素与物理像素的转换关系是怎么样的呢?为了明确css像素和物理像素的转换关系,必须先了解视口是什么。 2. 视口 广义的视口,是指浏览器显示内容的屏幕区域,狭义的视口包括了布局视口、视觉视口和理想视口
    admin 今天
  • " alt="echarts 柱状图 X轴 上下颠倒">
    其他

    echarts 柱状图 X轴 上下颠倒

    效果图: 代码: let xData = [ '开关电源', '铅酸电池', 'UPS设备', '普通空调', '机房环境', '智能电表' ]; let yData = ['-111', '-100', '-95', '-80', '-60', '-45']; option = { backgroundColor: '#080938', grid: { top: '10%', left: '-5%', bottom: '5%', right: '5%', containLabel: true }, animation: false, xAxis: [ { type: 'category', data: yData, axisTick: { show:false, alignWithLabel: true }, axisLine: { s
    admin 今天
  • " alt="关于node版本、node-sass和sass-loader冲突问题">
    其他

    关于node版本、node-sass和sass-loader冲突问题

    很多时候,我们使用半集成品的时候,下载依赖不是失败,就是下载成功后运行不了。因为项目可能有点年头了,所以通常导致node版本和node-sass版本的冲突。一般就是node版本太高,或者node-sass太低。经过我一天的查资料和不断删除文件,不断尝试,总结出了几个方法。 一、卸载node-sass版本,安装你想要的node-sass npm uninstall node-sass cnpm install node-sass@4.14.1 给各位节省点时间:https://www.npmjs.com/package/node-sass 二、就是降低node版本,删除原来的node文件,下载相应版本的node 三、后面我查阅了所有的资料,我连卸载node-sass都不行,好像与之相关连的文件太多了,我删除不了。然后为了不修改文件的node-sass和sass-loader影响文件,我做了一个一劳永逸的方法。利用nvm版本控制器对node版本进行控制,随意切换node版本的使用。链接如下:https://www.jb51.net/art
    admin 今天
  • vue基础知识
    其他

    vue基础知识

    一、表单操作 1.1表单绑定语法
    姓名:
    性别:
    爱好 唱歌 跳舞 敲代码
    户籍 <
    admin 今天
  • 简易计算器(jquery)
    其他

    简易计算器(jquery)

    首先对于依赖于jquery的网页来说首先创建html后一定要先引入jquery插件 body { margin: 0px auto; padding: 0px; border: 1px solid #000; width: 500px; height: 600px; } #show { height: 175px; background: #d3d3d3; } #control { height: 425px; background: #bebebe; } #control div { height: 83px; width: 500px; } #control div div { margin: 2px 2px; float: left; height: 81px; width: 121px; background: #d3d3d3; } #control
    admin 今天
  • vue30秒刷新一次
    其他

    vue30秒刷新一次

    常用定时器: setInterval(function(){}, milliseconds)——会不停的调用函数 setTimeout(function(){}, milliseconds)——只执行函数一次  setTimeout是自带清除定时器: