_HaoJie-CSDN博客

原创时间排序

var rows = [{ “title”: “第一条title”, “time”: “2008/08/27 05:30:45”, “data”: “这是数据” },{ “title”: “第二条title”, “time”: “2015/12/07 18:01:29”, “data”: “这是数据” },{ “title”: “第三条title”, “time”: “2011/09/14 ...

2020-01-03 15:30:25 555 1

原创 vue裁剪公共部分和路由跳转清除定时器

裁剪公共部分实现思路：在根组件App.vue中：在导航栏使用v-show或v-if条件渲染指令判断当前路由，再来决定是否渲染展示（1）首先初始值肯定为true（2）监听路由变化：在app.vue 中监听$route 的变化，获取跳转到的路由信息，通过路由进行判断即可$route 表示(当前路由信息对象)监听路由变化语法：①to是要跳转的路由②from是当前路由...

2019-08-15 14:18:27 314

原创 VUE路由传参

方法：传参方法很多种，主要讲解最常用的query语法，优点F5刷新页面后不会被清空query语法：由于参数是用路径传参的，所以F5强制刷新也不会被清空（1）新建商品详情页组件GoodInfo.vue（2）配置路由（router/index.js）（3）编写商品展示页面基本结构（4）添加a链接点击事件，开始传参(5）methods选项，通过query传参①this.$route...

2019-08-15 09:46:08 284

转载关于css中伪类及伪元素的总结

css中的伪类和伪元素总是混淆，今天参考了很多资料，也查看了部分文档，现将伪类及伪元素总结如下：一、由来：伪类和伪元素的引入都是因为在文档树里有些信息无法被充分描述，比如CSS没有“段落的第一行”、“文章首字母”之类的选择器，而这在一些出版场景里又是必须的，这一情况下出现的。引用标准中的话：CSS introduces the concepts of pseudo-elements and ...

2019-07-27 09:59:57 337

原创小程序配置文件app.json和page.json(小程序的状态栏、导航条、标题、窗口背景色|、下拉刷新)

小程序app.json配置文件(1)小程序/全局配置文件小程序根目录下的 app.json 文件用来对微信小程序进行全局配置文件内容本质就是一个 JSON 对象。(2)小程序/全局配置文件------>pages属性作用：用于指定小程序由哪些页面组成，每一项都对应一个页面的路径（含文件名）信息。文件名不需要写文件后缀，框架会自动去寻找对于位置的 .json, .js, ....

2019-07-18 19:59:00 3817

原创 wx小程序之hover样式和navigator导航组件跳转

hover样式类似于css的hover事件，小程序如果想给元素添加触屏点击样式，可以给元素添加hover-class属性。注意：虽然css的hover伪类也可以实现类似效果，但不太理想，效果粘附性太大，不建议使用。navigator组件跳转navigator 导航组件属性列表wxml 页面组件navigator 跳转时，可以通过设置open-type属性指明页面跳转方式，此外还有很...

2019-07-18 15:33:13 2377

原创 wx小程序之页面栈和API跳转

页面栈页面层级可能会有三层或者更多层，我们把这样的一个页面层级称为页面栈。第一个元素为首页，最后一个元素为当前页面分析：为了方便理解，我们这样描述页面栈：[ pageA, pageB, pageC ]，其中pageA在最底下，pageC在最顶部，也就是用户所看到的界面结合上面案例，比如当前正在浏览公司地址页面local，文件结构如下则myself为PageA在最底部，local为P...

2019-07-17 20:21:29 398

原创 wx小程序结构目录介绍及创建和删除

仔细查看之前创建的项目，可以发现项目里生成很多不同类型的文件：①.json 后缀-----------JSON 配置文件②.wxml 后缀---------WXML 模板文件③.wxss 后缀--------- WXSS 样式文件④.js 后缀--------------JS 脚本逻辑文件（1）sitemap.json小程序收录设置微信现已开放小程序内搜索，你的小程序页面将可能展示在...

2019-07-16 19:53:35 1088

原创 vue工程化路由的配置

router可以译为路由器，在项目开发中是Vue.js 官方的路由管理器，主要功能是实现组件的路由配置。接下来讲解下路由router的使用步骤（1）首先在src下新建个router目录，然后在里面新建个index.js文件，此时通过import router from './router’便可以识别里面的index.js文件。（2）在src/main.js入口文件中引入相关模块及组件之...

2019-07-05 15:33:25 724

原创 vue工程化之（组件导出与组件导入、插件的引入【swiper,jQuery,animate,bootstrap】、项目打包压缩）

（1）组件导出与组件导入1.组件导出可以用export default组件导出export default单次限制：在组件模块中，只能使用export default向外暴露一次2.组件导入区别：①执行时机：require 是运行时才执行， import 是编译时执行；②导入位置：require可以理解为一个全局方法，所以它可以在任何地方导入组件模块，而import必须写在文件的顶...

2019-07-04 14:29:45 1714

原创 vue脚手架（vue-cli）搭建与工程化

（1）为了快速安装vue-cli,可以先安装淘宝镜像cnpm （如已经下载可忽略）：npm install -g cnpm --registry=https://registry.npm.taobao.org（2）全局安装vue-cli（如果npm和node版本过低时会报错，下载新版本即可）：cnpm install -g vue-cli前提条件: Node.js (>=4.x, ...

2019-07-02 16:38:56 332

原创 node环境安装

Node环境安装（1）Windows安装Node.js登录node官网（https://nodejs.org/en/）可以看到各种平台node版本下载。本节主要讲解下windows平台安装node.js安装方式有两种Windows 安装包(.msi)和Windows 二进制文件 (.exe)安装。1、Windows 安装包(.msi)32 位安装包下载地址 : https://nod...

2019-07-02 14:10:27 518

原创 Element的安装及使用

1. 两种安装方式第一种方式CDN 引入①引入element-ui样式文件<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">②引入Vue.js文件 <script src="https://unpkg.com/vue/dist/vue.js">&...

2019-07-01 20:41:46 3435

_HaoJie的博客