阳光果苏

今天在一个需要点击跳转到详情页面的卡片列表中实现多选，在 input 的点击事件中使用事件对象的方法 event.stopPropagation(); 方法阻止冒泡，但是在点击了多选按钮以后，直接跳转页面到详情页，也就是阻止冒泡并没有生效。搞了半天，在 input 标签的父元素 div 添加了一个事件然后阻止冒泡以后，点击选择框，多选可以实现，点击卡片的其余部分，页面能够跳转到详情页。

​ 最近公司在做的一个移动门户需要使用 jQuery，但是好久没有用 jQuery 进行开发，着实有点忘记 jQuery 的语法。jQuery 中最推荐的事件绑定方式是用 on 事件，同时利用 on 事件也能完成事件委托。 ​ 因为该移动门户中展示的卡片列表是通过 ajax 获取数据后新生成的元素，所以，要么重新绑定一次事件，要么，进行事件委托，将事件监听绑定在新生成的元素的父元素上面。我采用了第二种方法，也就是利用 on 方法进行事件委托，利用 ul...

# 前端性能优化规则 ✨减少 HTTP 请求。方法：将多个 css 合并在一起；将多个 JS 合并在一起；使用雪碧图。 使用内容发布网络（ CDN ）。方法：可引入第三方的资源库，比如引入国内提供 cdn 加速的网站的 jquery 资源等。 压缩❄️JS、CSS、使用合理大小图片等。 将样式表放在顶部。 将脚本放在底部。🎈 精简 JavaScript（即模块化开发，尽可能实现代码共用，避免死循环，移除重复脚本）。 代码书写规范，确保代码的健壮性，🌈及时删除冗余的代码。 尽量减少⚡️使用 JS 操作 DOM，比如追加和删除。 # SEO...

# 小程序的指令 wx:for 列表循环。 123456789101112131415<view wx:for="{{array}}" wx:key="index"> //i {{index+1}}--...

# 使用开发者工具 扫码绑定微信账号 新建微信小程序空白模板 在该工具内实现开发、调试、预览、上传、发布等操作 # 微信页面的组成 一个微信页面由 4 个文件组成 wxml: 放的是微信自定义的标签，不是放 HTML 的那些标签，这些自定义标签可以认为是组件。 wxss: 样式，同 css 一样，可省 js: 用来放 JS 代码，放微信小程序的页面实例代理，类似于 vue 实例 json: 配置该页面的文件，可省 — 在微信小程序不能放除以上 4 个语言外的代码，比如 PHP，Python、.net,java 等等通通不能放...

# 服务器是什么？ 我们写的代码如何让全世界的人都看得到，必须使用服务器。云端：服务器。一台远程的电脑。配置和速度和网上都要比。放运营商的机房。 # 域名服务器有谁来完成（工作） 运维工程师（需要懂一定的代码） 后台也可以做（公司比较小） 前端学习的目的是方便自己，多学一个技能（每多学一项技能，就可以少说一句求人的话） # 域名 域名和 IP 的关系 访问一个域名，访问的是该域名所代表的那个 IP 地址。 IP 是什么？ 一个 IP 对应一台上网的设备。 买服务器相当于是买了个可以专用的 IP 地址。 但是 IP 地址很难记，可以买域名，然后绑定...

# echarts 是什么？ echarts.js 是前端 JS 插件，实现可视化数据的一款强大的专业的精品插件。具体文档可以参见：http://echarts.apache.org/zh/index.html。echarts 的本质，其实就是提供数据给他，由他来变成可视化的数据。 # 在浏览器环境下使用 echarts 下载 echarts https://github.com/apache/incubator-echarts/tree/4.9.0/dist 123456781. 下载完整版 最全最大包含所有的功能和错误提示，源代码。开发环境。 缺点：太大2....

# axios -vue 的 ajax 版 假设用 vue 来获取数据，不是使用原生的 JS 方式获取，也不需要使用 jquery 的方式，而是用 axios。axios 目前是 vue 的官方推荐的 ajax 方式。axios 是第三方的基于 ES6 的 promise 封装的 ajax 方式。特色：支持浏览器、Nodejs 环境。语法类似于 jquery 的 ajax 方法。支持链式操作。官网： https://github.com/axios/axios 。不是 vue...

# 如何使用脚手架搭建一套带路由的模板 123456789101112131415161718192021222324252627282930311. 使用vue create 项目名新建项目2. 在出来的选项中，选择手动模式3. 出来10个选项，空格选择所需要的模块，然后回车 因为我们的项目中需要使用router和less，所以我们还需要手动选择这两个。 a、router：选择后接下来会问你是否要使用history模式（默认是hash模式），history模式的特点是跟普通的url一样。因为后期我们可以配置，所以这里选择no. b、css...

# vue 的豪华版 之前将 vue.js 像 JQ 那样使用，称之为乞丐版，做的应用有限，只使用了 vue.js, 已经有公司使用 vue.js 来代替 JQ 了。如果想要开发更强大更复杂的应用就可以使用 vue 的豪华版。 豪华版的 vue 指的是基于 Nodejs+npm 环境 + webpack+vue.js+vue 的脚手架 + vue 的路由 + vue 的生态工具 + axios 等等组合而成的一套开发模板。 对于新手而言，自己从 0 开始配置一套这样的开发环境比较困难，vue 就提供了一款这样的工具，能够帮助我们快速搭建一套开箱即用的开发模板。 # 什么是 vue...