博客园 - 孙氏楼
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=58373
2018-09-17T06:15:09Z
孙氏楼
https://www.cnblogs.com/sdcs/
feed.cnblogs.com
https://www.cnblogs.com/sdcs/p/9661856.html
高效遍历匹配Json数据与双层for循环遍历Json数据 - 孙氏楼
工作中往往遇到这种情况,保留用户操作痕迹,比如用户选择过得东西,用户进入其它页面再返回来用户选择的的数据还在。 比如:1.购物车列表中勾选某些,点击任意一项,前往详情页,再返回购物车依旧需要呈现勾选状态 2.勾选人员后,前往别的页面,再次返回,人员依旧程勾选状态 3.等等.... 解决方法:1.把用
2018-09-17T06:15:00Z
2018-09-17T06:15:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】工作中往往遇到这种情况,保留用户操作痕迹,比如用户选择过得东西,用户进入其它页面再返回来用户选择的的数据还在。 比如:1.购物车列表中勾选某些,点击任意一项,前往详情页,再返回购物车依旧需要呈现勾选状态 2.勾选人员后,前往别的页面,再次返回,人员依旧程勾选状态 3.等等.... 解决方法:1.把用 <a href="https://www.cnblogs.com/sdcs/p/9661856.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/9104474.html
vue2.0以上版本安装sass(scss) - 孙氏楼
一、首先说明sass和scss的区别。 1、异同:1)简言之可以理解scss是sass的一个升级版本,完全兼容sass之前的功能,又有了些新增能力。语法形式上有些许不同,最主要的就是sass是靠缩进表示嵌套关系,scss是花括号 2)文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SC
2018-05-29T04:45:00Z
2018-05-29T04:45:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】一、首先说明sass和scss的区别。 1、异同:1)简言之可以理解scss是sass的一个升级版本,完全兼容sass之前的功能,又有了些新增能力。语法形式上有些许不同,最主要的就是sass是靠缩进表示嵌套关系,scss是花括号 2)文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SC <a href="https://www.cnblogs.com/sdcs/p/9104474.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8622607.html
省市区三级联动 - 孙氏楼
前端实现省市区三级联动的方法有很多,我就用我认为最简单的方式进行实现。为了选取和操作dom方便我引入了jquery. html代码: 数据三个数组,分别代表省,市,区,这个数据可以是后台从数据库读出来的数据,也可以是在JS里直接写的数据。但无论是哪种形式,三个数组的数据都是有关联的。arr_c,市数
2018-03-22T03:40:00Z
2018-03-22T03:40:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】前端实现省市区三级联动的方法有很多,我就用我认为最简单的方式进行实现。为了选取和操作dom方便我引入了jquery. html代码: 数据三个数组,分别代表省,市,区,这个数据可以是后台从数据库读出来的数据,也可以是在JS里直接写的数据。但无论是哪种形式,三个数组的数据都是有关联的。arr_c,市数 <a href="https://www.cnblogs.com/sdcs/p/8622607.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8508374.html
状态码200、300、400、500序列 - 孙氏楼
状态码是开发者需要了解的一项内容,日常开发中浏览器会返回给我们一些状态码,然后我们可以根据状态码所代表的含义进行问题解决。 201-206都表示服务器成功处理了请求的状态代码,说明网页可以正常访问。 200(成功) 服务器已成功处理了请求。通常,这表示服务器提供了请求的网页。 201(已创建) 请求
2018-03-05T04:35:00Z
2018-03-05T04:35:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】状态码是开发者需要了解的一项内容,日常开发中浏览器会返回给我们一些状态码,然后我们可以根据状态码所代表的含义进行问题解决。 201-206都表示服务器成功处理了请求的状态代码,说明网页可以正常访问。 200(成功) 服务器已成功处理了请求。通常,这表示服务器提供了请求的网页。 201(已创建) 请求 <a href="https://www.cnblogs.com/sdcs/p/8508374.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8484905.html
前端解决跨域的九种方法 - 孙氏楼
什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 1、资源跳转:A链接、重定向、表单提交 2、资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()
2018-02-28T09:44:00Z
2018-02-28T09:44:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 1、资源跳转:A链接、重定向、表单提交 2、资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face() <a href="https://www.cnblogs.com/sdcs/p/8484905.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8480320.html
10个JavaScript难点 - 孙氏楼
闲暇无事,就根据自己在学习JavaScript过程中认为比较难的地方进行了一下总结,以便在日后的工作和学习中遇到类似的问题能够快速的应对,也希望大佬们多指正。 1. 立即执行函数 立即执行函数,即Immediately Invoked Function Expression (IIFE),正如它的名
2018-02-27T10:56:00Z
2018-02-27T10:56:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】闲暇无事,就根据自己在学习JavaScript过程中认为比较难的地方进行了一下总结,以便在日后的工作和学习中遇到类似的问题能够快速的应对,也希望大佬们多指正。 1. 立即执行函数 立即执行函数,即Immediately Invoked Function Expression (IIFE),正如它的名 <a href="https://www.cnblogs.com/sdcs/p/8480320.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8352282.html
mongoDB的配置以及运行 - 孙氏楼
干嘛的:数据库,nosql(非关系型) 场景:解决大规模数据集合多重数据种类 一、mongoDb安装: 下载地址: https://www.mongodb.com/download-center 上面这个地址是官方地址,有时打不开,如果打不开可以进入这个网址下载,这个网址包含了mongoDB历来的版
2018-01-25T09:25:00Z
2018-01-25T09:25:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】干嘛的:数据库,nosql(非关系型) 场景:解决大规模数据集合多重数据种类 一、mongoDb安装: 下载地址: https://www.mongodb.com/download-center 上面这个地址是官方地址,有时打不开,如果打不开可以进入这个网址下载,这个网址包含了mongoDB历来的版 <a href="https://www.cnblogs.com/sdcs/p/8352282.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8336467.html
npm ERR! errno 1 npm ERR! chromedriver@2.35.0 install: `node install.js` - 孙氏楼
在使用webpack+vue-cli进行vue项目构建时可能会出现一下错误,webpack@3.10.0及以上版本和vue-cli@2.9.2及以上版本会自动安装依赖(我在自己电脑上测试是这样的)不用我们进入项目文件夹下npm install 进行安装。 可能会出现错误: npm ERR! code
2018-01-23T08:29:00Z
2018-01-23T08:29:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】在使用webpack+vue-cli进行vue项目构建时可能会出现一下错误,webpack@3.10.0及以上版本和vue-cli@2.9.2及以上版本会自动安装依赖(我在自己电脑上测试是这样的)不用我们进入项目文件夹下npm install 进行安装。 可能会出现错误: npm ERR! code <a href="https://www.cnblogs.com/sdcs/p/8336467.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8328367.html
h5怎么做分享到QQ 、朋友圈、微信 、微博等功能 - 孙氏楼
微信已经成为我们日常聊天联系基本的必备工具,所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到QQ和分享到腾讯微博等,就是在页面的config接口注入权限验证配置好就ok! 类似于“分享到朋友圈”按钮点击状态及自定义分享内容接口,
2018-01-22T04:07:00Z
2018-01-22T04:07:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】微信已经成为我们日常聊天联系基本的必备工具,所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到QQ和分享到腾讯微博等,就是在页面的config接口注入权限验证配置好就ok! 类似于“分享到朋友圈”按钮点击状态及自定义分享内容接口, <a href="https://www.cnblogs.com/sdcs/p/8328367.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8283824.html
css实现幻灯片播放效果 - 孙氏楼
用css实现幻灯片播放是最基础的,闲下来没事就试着写了一下,如果有不够完善或者方法不好的地方还请指点。下面我就用两种方法实现css花灯片效果。 方法1:定位。通过position属性改变left值 html代码: css代码: 方法2:2D转换。通过transfrom属性 html代码: css代码
2018-01-14T09:45:00Z
2018-01-14T09:45:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】用css实现幻灯片播放是最基础的,闲下来没事就试着写了一下,如果有不够完善或者方法不好的地方还请指点。下面我就用两种方法实现css花灯片效果。 方法1:定位。通过position属性改变left值 html代码: css代码: 方法2:2D转换。通过transfrom属性 html代码: css代码 <a href="https://www.cnblogs.com/sdcs/p/8283824.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8270029.html
第一次使用Git上传本地项目到github上 - 孙氏楼
对于程序原来说都听说过GitHub,GitHub有许多开源的的项目和一些前沿的技术。因为自己在刚刚开始使用Git把自己写的一些小dome放到GitHub上遇到许多的坑,这么长时间过去了,想对第一次使用Git上传代码做一下总结,以免使自己忘记。 1.下载Git软件:https://git-scm.co
2018-01-11T10:50:00Z
2018-01-11T10:50:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】对于程序原来说都听说过GitHub,GitHub有许多开源的的项目和一些前沿的技术。因为自己在刚刚开始使用Git把自己写的一些小dome放到GitHub上遇到许多的坑,这么长时间过去了,想对第一次使用Git上传代码做一下总结,以免使自己忘记。 1.下载Git软件:https://git-scm.co <a href="https://www.cnblogs.com/sdcs/p/8270029.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8253766.html
js中怎么为同级元素添加点击事件 - 孙氏楼
事件件是javascript脚本语言的重要组成部分,因为有事件才使用户页面的体验更加的美好。元素添加事件是js语言中最基础的。我们可以为元素本身添加事件,也可以通过事件绑定和事件监听为元素的父元素和子元素添加事件。今天我要给大家分享的是如何让通过元素本身为同级元素添加事件。 html代码: js代码
2018-01-09T13:25:00Z
2018-01-09T13:25:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】事件件是javascript脚本语言的重要组成部分,因为有事件才使用户页面的体验更加的美好。元素添加事件是js语言中最基础的。我们可以为元素本身添加事件,也可以通过事件绑定和事件监听为元素的父元素和子元素添加事件。今天我要给大家分享的是如何让通过元素本身为同级元素添加事件。 html代码: js代码 <a href="https://www.cnblogs.com/sdcs/p/8253766.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8203653.html
CSS transform中的rotate的旋转中心怎么设置 - 孙氏楼
transform-origin属性 默认情况,变形的原点在元素的中心点,或者是元素X轴和Y轴的50%处。我们没有使用transform-origin改变元素原点位置的情况下,CSS变形进行的旋转、移位、缩放等操作都是以元素自己中心(变形原点)位置进行变形的。但很多时候需要在不同的位置对元素进行变形
2018-01-05T04:02:00Z
2018-01-05T04:02:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】transform-origin属性 默认情况,变形的原点在元素的中心点,或者是元素X轴和Y轴的50%处。我们没有使用transform-origin改变元素原点位置的情况下,CSS变形进行的旋转、移位、缩放等操作都是以元素自己中心(变形原点)位置进行变形的。但很多时候需要在不同的位置对元素进行变形 <a href="https://www.cnblogs.com/sdcs/p/8203653.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8193764.html
jQuery 1.9不支持$.browser 怎么判断浏览器类型和版本 - 孙氏楼
javascript利用jquery-1.7.1来判断是否是谷歌Chrome浏览器
2018-01-04T07:51:00Z
2018-01-04T07:51:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】javascript利用jquery-1.7.1来判断是否是谷歌Chrome浏览器 <a href="https://www.cnblogs.com/sdcs/p/8193764.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/sdcs/p/8159106.html
css3中的伪类选择器 - 孙氏楼
一、动态伪类 动态伪类,因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来,动态伪类包含两种,第一种是我们在链接中常看到的锚点伪类,如":link",":visited";另外一种被称作用户行为伪类,如“:hover”,":active"和":focus"。先来看最常见的锚点
2017-12-31T13:35:00Z
2017-12-31T13:35:00Z
孙氏楼
https://www.cnblogs.com/sdcs/
【摘要】一、动态伪类 动态伪类,因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来,动态伪类包含两种,第一种是我们在链接中常看到的锚点伪类,如":link",":visited";另外一种被称作用户行为伪类,如“:hover”,":active"和":focus"。先来看最常见的锚点 <a href="https://www.cnblogs.com/sdcs/p/8159106.html" target="_blank">阅读全文</a>