- 博客(20)
- 收藏
- 关注
原创 为什么使用服务器端渲染(SSR)?
为什么使用服务器端渲染(SSR)服务器渲染的优势:服务器渲染的优势:与传统的spa(单页面应用程序)相比,服务端渲染的优势在于:更好的 SEO,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。更好的SEO,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。...
2021-11-24 16:02:09 1276
原创 小程序保存网络图片到本地相册
小程序保存网络图片到本地相册一、小程序保存网络图片到本地相册?一、小程序保存网络图片到本地相册?// index.wxml<view class="container"> <!-- url是网络图片路径 --> <image src="{{url}}"></image> <button catchtap="save" data-url="{{url}}">保存到本地</button></view&g
2021-03-16 10:29:21 271
原创 flex布局
flex布局flex布局水平垂直居中对齐什么是flex?容器配置flex布局水平垂直居中对齐css代码如下:.outer { width: 200px; height: 200px; background-color: pink; position:relative; display: flex; justify-content: center; align-items: ...
2021-03-15 14:00:13 147
原创 css边框三角形
css边框三角形// html<div class="content"> <div class="top"></div> <div class="right"></div> <div class="bottom"></div> <div class="left"></div></div>// css.content{ paddin
2021-03-12 13:49:51 117
转载 原生js平滑滚动到页面指定位置
原生js 平滑滚动到页面的某个位置 window.scrollTo()语法1: window.scrollTo(x-coord,y-coord)x-coord 是文档中的横轴坐标。y-coord 是文档中的纵轴坐标。例子: window.scrollTo(0,1000); // 垂直滚动到10...
2019-12-13 10:21:22 1149
原创 Vue中$router和$route的区别
Vue中 $router 和 $route 的区别:$router$router是去全局的一个路由实例(全局变量),this.$router.push({path: '/login'}); // 路由跳转, 向 history 中增加一条记录this.$router.go(-1); // 路由前进(正数)或者后退(负数), 0刷新当前页面this.$router.replace({pa...
2019-10-22 15:50:56 420
原创 简约版星星评级
简约版星星评级// 写一个评级组件function evaluate(n){ return '★★★★★☆☆☆☆☆'.slice(5-n, 10-n);}console.log(evaluate(1));
2019-10-21 14:59:36 191
原创 css超出两行显示省略号
超出两行显示省略号1. css写法只对webkit内核的浏览器好用, 对safari浏览器有兼容2. css超出两行显示省略号(个人写法)1. css写法只对webkit内核的浏览器好用, 对safari浏览器有兼容.demo { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;...
2019-07-17 16:32:21 1508
原创 Vue自定义插件报错
Vue自定义插件遇到的问题// tools.jsclass Tools { send(){ console.log("模块化开发测试"); }}Tools.install = function(Vue){ Vue.prototype.tools = new Tools();}module.exports = Tools;//main.jsimport tools f...
2019-04-25 16:28:39 658
原创 禁止弹窗后body滚动(jQuery实现)
禁止弹窗后body滚动jQuery实现demo的源码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=de...
2019-03-21 15:01:50 1031
原创 小程序渲染富文本内容
1.小程序渲染后台返回的富文本格式(即带有html标签的内容)的内容使用标签渲染内容&amp;lt;rich-text class='content' nodes=&quot;{{item.content}}&quot;&amp;gt;&amp;lt;/rich-text&amp;gt;
2019-01-28 10:59:56 5465
原创 Vue注册全局子组件和局部子组件
Vue注册全局子组件和局部子组件ps: 这里是使用vue-cli搭建的vue开发目录Vue注册全局子组件第1步: 创建子组件,代码如下<template> <div id="header"> <div class="head">全局子组件</div> </div></t
2019-01-25 16:50:21 1972
原创 js实现银行卡号分段
银行卡号分段欢迎使用Markdown编辑器html代码如下js代码如下(引用了jq)ps: 由于产品对于卡号校验规则不一样,所以在这里并没有对卡号的位数和纯数字做校验。只是个人想到的一种实现方法,不喜勿喷,谢谢!欢迎使用Markdown编辑器规则:&nbsp;&nbsp;&nbsp;&nbsp;1、卡号位数(6-24位);&nbsp;&nbsp;&nbsp;&nbsp;2、
2019-01-23 16:18:27 2852
原创 静态/动态设置小程序的navigationBarTitleText
静态/动态设置小程序的navigationBarTitleText1.静态配置小程序的navigationBarTitleText在app.json中配置,代码如下2.动态设置小程序的navigationBarTitleText通过内置方法设置,代码如下ps: 实际工作中遇到的问题,所以就记录了下来。1.静态配置小程序的navigationBarTitleText在app.json中配置,代码...
2019-01-17 16:10:04 28695 1
原创 vue-cli(Vue CLI 2)创建项目
使用vue-cli(Vue CLI2)创建一个Vue(vue2.x版本)项目注意: 前提是node、vue-cli都安装好的情况下1. 执行 “ vue init wepback project ”命令;如图所示2. 进入创建好的项目目录文件夹, 执行 " npm i "命令安装依赖;3. 第二步完成之后,执行" npm run dev "命令, 启动项目4. 在浏览器地址栏中输入: http://localhost:8080...
2019-01-11 14:52:13 163
原创 微信小程序中自定义单选框/多选框样式
微信小程序中自定义单选框/多选框样式1.先看多选框具体代码如下(1).wxml代码// .wxhtml代码(只是一部分)&lt;checkbox-group class='checkboxList' bindchange="checkboxChange"&gt; &lt;label class="checkbox" wx:for="{{filterList}
2019-01-09 16:54:52 12380
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人