Switch language
zh
Switch theme
Light
  • vue-v-for-列表中的数据进行值的更改后,页面不能同步更新

    <div id="app"> <ul> <li v-for="item in list">{{ item }}</li> </ul> </div> <script src="vue.js"></script> <script> let vm = new Vue({ el:'#app', data:{ list:['a','b','c'] } }); vm.list[0]= 1; // vm.list.push(1); // vm.list.pop(); </script> 如果没有最后的 push 与 pop 对 list 进行入栈、出栈, list 的值会改变, 但是页面不会改变; 通过对 list 进行入栈、出栈, 可以实现页面上值的改变 另附官方解决办法 https://cn.vuejs.org/v2/guide/list.html#%E6%95%B0%E7%BB%84%E6%9B%B4%E6%96%B0%E6%A3%80%E6%B5%8B
  • js-中条件判断

    前因: 在 vue 中使用各种条件判断 (如 v-if, v-show, disabled ) 时, 其中的 1, 0, ‘0’ 等造成与想要的结果不同, 遂在此先记录一下 说到底还是 js 的条件判断问题 if ( exp ) { // exp 为真 } exp 为 1, true exp 为 0, false exp 为 ‘0’, true —- 易混淆点 exp 为 true, true exp 为 false, false. exp 为 null, false exp 为 undefined, false exp 为 ’true’, true exp 为 ‘false’, true
  • firefox-下-jquery-ajax-不返回值的原因-(chrome正常)

    可能是因为 点击的 button 标签的 type 属性设置为了 “submit”, 而这样 firefox 会认为其是按表单提交, 而非 ajax 的异步 所以, 把 submit 改为 button 就好了
  • firefox的checkbox选中后按f5刷新还是选中状态

    autocomplete=“off” 这个配置在from上或者你的checkbox上 autocomplete 属性规定输入字段是否应该启用自动完成功能。 自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
  • img-标签中的-src-不存在时,-不显示img标签

    <img src="{$trend.picture}" onerror="javascript:this.remove()">
  • js-确认-a-标签是否跳转

    <!-- 默认使用 jquery --> <a href="http://www.hao123.com">a标签</a> <script> $(function(){ $('a').click(function(){ alert('ok'); var $res = confirm('真的要跳转吗?'); if(!$res){ // $(this).href(''); 这种会导致 href 变为空, 下次再要点击时,不能跳转 return false;// 这样可以成功达到确认的目的,且不影响下次点击 } }); }); </script>
  • js中一个函数作为另一个函数的参数时,-是否加-引号

    setInterval("abc()",1000); // setInterval(abc,1000); function abc(){ document.write("abc"); } 以上两种写法都可以: 加引号,就要带 括号; 不加引号,就不要带括号
  • JS-区分变量类型,用-typeof-操作符的结果

    原文见: 廖雪峰js教程 在JavaScript的世界里,一切都是对象。 但是某些对象还是和其他对象不太一样。 为了区分对象的类型,我们用 typeof 操作符获取对象的类型,它总是返回一个字符串: typeof 123; // 'number' typeof NaN; // 'number' typeof 'str'; // 'string' typeof true; // 'boolean' typeof undefined; // 'undefined' typeof Math.abs; // 'function' typeof null; // 'object' typeof []; // 'object' typeof {}; // 'object' 可见,number、string、boolean、function和undefined有别于其他类型。特别注意null的类型是object,Array的类型也是object,如果我们用typeof将无法区分出null、Array和通常意义上的object——{}。 此外 var val = 123.4; console.log(typeof val.toFixed(2));// string 注意: 用parseInt()或parseFloat()来转换任意类型到number; 用String()来转换任意类型到string,或者直接调用某个对象的toString()方法; 通常不必把任意类型转换为boolean再判断,因为可以直接写if (myVar) {...}; typeof操作符可以判断出 number、boolean、string、function 和 undefined; 判断Array要使用 Array.isArray(arr); 判断null请使用 myVar === null; 判断某个全局变量是否存在用 typeof window.
  • js-数组对象的-sort()--按自己的要求排序

    js 数组的 sort() 排序 默认是按 ascii 码排序 var arr = [0,1,11,2,123,3,4]; arr = arr.sort(); console.log(arr); // Array [ 0, 1, 11, 123, 2, 3, 4 ] 如果想要按照大小排序, 可在 sort() 中将一个函数作为参数调用 var arr = [0,1,11,2,123,3,4]; arr = arr.sort(mySort); function mySort(a,b) { return a-b; } console.log(arr);// Array [ 0, 1, 2, 3, 4, 11, 123 ] 这里的 mySort 函数, 接收两个参数, 依次是数组中的两个值, 然后返回一个值, 再让 sort 方法来判定哪个在前, 哪个在后 (类似于冒泡排序), 这里的返回值应该是按 正负 来判断, 大于0则a在前, 小于0则b在前.
  • phpstorm-正则表达式进行查找替换

    想在phpstorm中 全部清除 之间的内容(保留script标签), 查找的正则表达式 为 ()([\s\S]*)(), 其中的 [\s\S] 表示 包括换行符在内的任何字符, 也可用 [\d\D] 或[\w\W] 代替, 这样默认为贪婪模式, 会匹配第一个 和最后一个 之间的内容 如果有多个 script 标签, 那么正则表达式为 ()((?!)[\s\S])*(), 其中 (?!) 表示 非 这个字符串 替换的正则表达式 为 $1\n\n$3
🍀