Category Archives: JavaScript

Dapper.Contrib：GetAsync only supports an entity with a [Key] or an [ExplicitKey]

property 异常处理：http://www.cnblogs.com/dunitian/p/4523006.html#dapper 原来Model是这样滴 修改后是这样滴 注意点：Model里面的Table和Key是Dapper.Contrib.Extensions命名空间下的 成功~   from:https://www.cnblogs.com/dunitian/p/5710467.html

vue css中scoped

1、什么是scoped vue组件中，在style标签中有一个属性，叫做scoped。当此标签拥有scoped属性的时候，该组件下的css样式只适用于本组件，而不会影响全局组件。这其实也相当于样式的模块化了。 2、scoped实现的原理 其实scoped中最重要的就是PostCSS,PostCSS是一种css的编译的工具。来看一下转译之前的代码： 编译前的代码：

  编译之后的代码:

  编译后，我们发现css中，PostCSS给所有的dom都添加了一个独一无二的动态属性，给css选择器也添加了一个对应的属性选择器，这样就可以让样式只作用于该属性的dom元素（组件内部的dom）。   from:https://www.cnblogs.com/marksir/p/11685350.html

vue项目中json字符串转换成json对象

场景:在前端发送ajax请求是后台有时会返回json字符串,这样的数据需要转化成json对象才可以正常的使用 之前我在这个问题上困惑了好几天,从网上找了一些资料,使用了一下都是报错的,所以写着篇博客是为了让像我一样的新手可以少一些痛苦,尽快的完成任务 JSON.parse(jsonstr);//括号内为你需要转化json对象的内容 我标红的那一行就是转化json对象的,大家可以看一下,转化之前打印的red   和转化之后打印的this.bookcontent的格式是不一样的,之前是json字符串,之后的是json对象, created(){ getBookContent(this.bookId, this.chapterid).then(red =>{ // console.log(red) let a = JSON.parse(red.data);//将json字符串转换成json对象 this.bookcontent = a.chapter.chaptername // console.log(this.bookcontent) }).catch(err =>{ console.log(err,’请求失败') }) } ———————————————— 版权声明：本文为CSDN博主「qq_41114935」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/qq_41114935/java/article/details/81284188

vue中 关于$emit的用法

1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 例如：子组件： <template> <div class="train-city"> <h3>父组件传给子组件的toCity:{{sendData}}</h3> <br/><button @click=’select(大连)'>点击此处将‘大连’发射给父组件</button> </div> </template> <script> export default { name:’trainCity', props:['sendData'], // 用来接收父组件传给子组件的数据 methods:{ select(val) { let data = { cityname: val }; this.$emit('showCityName',data);//select事件触发后，自动触发showCityName事件 } } } </script> 父组件： <template> <div> <div>父组件的toCity{{toCity}}</div> <train-city @showCityName="updateCity" :sendData="toCity"></train-city> </div> <template> <script> import TrainCity from "./train-city"; export default { name:’index', components: {TrainCity}, data () { return { toCity:"北京" } }, methods:{ updateCity(data){//触发子组件城市选择-选择城市的事件 this.toCity = data.cityname;//改变了父组件的值 console.log('toCity:’+this.toCity) } } } </script>   from:https://www.cnblogs.com/shaozhu520/p/10637455.html

vue中find函数

let obj = this.role.find(v => v.code === res.company.role) 循环 data对象中的role数组 ，每个数组元素用v代替，code为他的键，返回找到的数组元素对象。   from:https://www.cnblogs.com/erfsfj-dbc/p/10063533.html

vue 子组件主动获取父组件的数据和方法

子组件主动获取父组件的数据和方法： this.$parent.数据 this.$parent.方法   在子组件Header.vue里面

from:https://www.cnblogs.com/sulanlan/p/9932986.html

Uncaught (in promise) 的解决方法

在微信小程序开发过程中，使用了promise,但是在使用的过程中报Uncaught (in promise)错误，第一次遇到这种错误，所以在此记录下，方便以后解决问题

  只要在后面加上.catch((e) => {})，就不会报错了   from:https://blog.csdn.net/dwb123456123456/article/details/89083464

ES6 同步和异步、Promise

一.同步与异步 1. Promise作用：解决异步回调的问题 二.Promise对象 目的：创建异步对象，当异步对象中的异步操作执行完之后，再执行想要执行的东西。 1. resolve 表示将状态变成成功完成，reject 表示将状态变成失败完成。 2. 当resolve方法执行完成之后，再执行then方法。

  三.Promise传参 resolve里的参数可以传给then

  四.Promise错误处理 1. reject中存储错误处理的参数，可以传给then方法中的第二个参数

  五.Promise.all()-->一个脚本中有多个promise时，监控多个Promise对象执行完成 1.Promise.all([p1,p2,p3]):把promise打包，扔到一个数组里面，打包完还是一个promise对象.

  必须确保所有promise对象都是resolve状态 输出["aaaa","bbbb","cccc"] 六. 1.Promise对象的then方法有两个参数，一个是成功后的参数，另一个是失败的参数方法 promise.then(success,fail) 失败鸟 2.new Promise().catch()-->错误捕获 等同于上面的reject，返回“失败鸟” 也可这样使用 七.Promise的方法 1.Promise.resolve('xxx'):将现有的东西，转成一个Promise对象，且是resolve成功状态 输出aaa 等价于下面这句话 2.Promise.reject('xxx'):将现有的东西，转成一个Promise对象，且是reject失败状态 输出aaaa 4.Promise.race():与all的不同之处在于，只要有一个是resolve状态就可以返回 输出aaaa 八. 作者：祝名 链接：https://www.jianshu.com/p/7b1dd9c50d2b 来源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

javascript的urlencode

今天在一个原来使用AJAX自动缩小选择内容的项目上突然发现当输入名称时，如果输入有特殊字符&的时候，选择的内容不会发生变化，也就是说输入的内容在&后面的内容会被截断，经过查证才发现在客户端使用AJAX发送获取到客户端数据的时候，数据内容是没有经过url编码的就是直接放在url地址上发送了，因为当时考虑到输入的是公司名称，一般不会有特殊字符，也没认真考虑，使用当输入特殊字符&的时候后面的内容就会被截断。解决办法是对要发送的内容进行url编码，可以使用如下javascript函数： escape()，encodeURI()，以及encodeURIComponent()。这几种编码所起的作用各不相同。 escape() 方法： 采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。 不会被此方法编码的字符： @ * / + encodeURI() 方法： 把URI字符串采用UTF-8编码格式转化成escape格式的字符串。 不会被此方法编码的字符：! @ # $& * ( ) = : / ; ? + ' encodeURIComponent() 方法： 把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比，这个方法将对更多的字符进行编码，比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话，不能用这个方法来进行编码，否则 / 字符被编码之后URL将显示错误。 不会被此方法编码的字符：! * ( ) ' 因此，对于中文字符串来说，如果不希望把字符串编码格式转化成UTF-8格式的（比如原页面和目标页面的charset是一致的时候），只需要使用 escape。如果你的页面是GB2312或者其他的编码，而接受参数的页面是UTF-8编码的，就要采用encodeURI或者 encodeURIComponent。 另外，encodeURI/encodeURIComponent是在javascript1.5之后引进的，escape则在javascript1.0版本就有。 本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/nich262/archive/2008/11/03/3208573.aspx   from:https://www.cnblogs.com/seasons1987/p/3357775.html

js清空数组的方法

方式1：splice函数 arrayObject.splice(index,howmany,element1,…..,elementX) index：必选，规定从何处添加/删除元素。 howmany：必选，规定应该删除多少元素。未规定此参数，则删除从 index 开始到原数组结尾的所有元素。 element1:可选，规定要添加到数组的新元素。

  方式2：给数组的length赋值为0

  赋予数组的长度小于本身的长度，数组中后面的元素将被截断。 赋予数组的长度大于本身的长度，将扩展数组长度，多的元素为undefined。 方式3：直接赋予新数组 []

  这种方式为将arr重新复制为空数组，之前的数组如果没有被引用，将等待垃圾回收。 效率比较： 效率测试代码如下：

  测试结果： splice: 0.010986328125ms length: 0.009033203125ms 赋值[]: 0.024169921875ms 多次测试发现第二种方式最快，第一种其次，大数据量下 第三种最慢。 测试结果可能不严谨。大家仅做参考。   from:https://www.cnblogs.com/jichi/p/10516576.html