前端
关注
分享
扫一扫
wdadwa565
一个只专注于分享案例的程序员
展开
-
前端鉴权如何做
登录接鉴权用户名密码=>客户端=>/login=>服务端=>比对数据库=>数据库返回数据=>服务端=>返回数据=>给客户端鉴权基础鉴权,session/cookie,JWT,Oauth算法加密Base64,MD5/SHA-1,DES/AES ,RSA/ECCHTTPSSSL,HTTP劫持,数据篡改,敏感信息,中间人常见的鉴权方式SessionCookie 优点：较易扩展简单缺点:安全性低,性能低,服务端存储,多服务器同步sessi原创 2021-11-15 22:14:26 · 900 阅读 · 0 评论 -
Vue的基础知识
1,通过v-on：click绑定事件2,可以通过<li v-for="(item，index)of list"> </li>3,在一个标签上 某一个属性跟某一个数据绑定的话 只能使用 v-bind:title="inputvalue"4,组件如何接受传递过来的值：在组件上使用 v-bind:index 绑定想要传的值然后在组件内部通过app. component( 'todo-item',{props: ['content', 'index' ],template:原创 2021-11-15 22:04:51 · 761 阅读 · 0 评论 -
小程序 api的封装
//es6的js文件的导出导入 const config = { appkey: 'your appkey', apiBaseUrl: 'http: /lse.7yue.pro/' } export { config } // 微信原生api请求接口的方法 onLoad: function (options) { wx.request({ url: `${confi.原创 2021-11-11 00:48:47 · 250 阅读 · 0 评论 -
react hooks的用法
一，页面初始化的结构export const SearchPanel=()=>{二、声明字段的类型,请求字段类型const【param，setParam】=useState（{name：'',personId:''}）四、写请求接口的代码useEffect（（）=>{fetch('').then(async response=>{setList（await response.json（））})}，【param】）三、下面写页面的页面结构与样式return 五、原创 2021-10-17 22:22:22 · 116 阅读 · 0 评论 -
数组常用的方法
穷举法是什么穷举法，顾名思义，是指根据题目的条件确定答案的大致范围，并在此范围内对所有可能的情况逐一验证，直到全部情况验证完毕。若某个情况符合题目的条件，则为本问题的一个解;若全部情况验证后都不符合题目的条件，则本题无解。什么是数组数组(Array) ，顾名思义，用来存储一组相关的值，从而方便进行求和、计算平均数、逐项遍历等操作。var scoreArr = [96，97，76，87，87，90，91，100，78，56]每种高级编程语言中都有数组，它是非常重要的一种数据结构数组的定义方法1原创 2021-08-29 21:20:13 · 121 阅读 · 0 评论 -
小程序视图层的知识
<view wx:for="{{users}}" wx:key="*this">{{item.name}}</view> key值可以使用*this来表示怎么做小程序视图层代码的拆分首先使用template声明一个模板<template name="content-template"> <view>{{content}}</view> <view>hello world</view></templat原创 2021-08-18 23:53:21 · 96 阅读 · 0 评论 -
小程序逻辑层的API
1，微信开发者中wx提供了许多逻辑层调用的api调用接口的方法Page({onShow(){ wx.request({ url: 'https://www.fastmock.site/mock/e2295b89cf0d602bd83336577ca17dd1/shop/api/username', success(res){ console.log(res) } }) }})...原创 2021-08-18 23:19:42 · 147 阅读 · 0 评论 -
小程序基本知识点
Page({//data定义内容data:{ name:'ball'},changename(){//更新data里面的数据 this.setData({ name:'name' })}})<!--index.wxml--><!-- bindtap绑定事件 --><view class="container" bindtap="changename">{{name}}</view>...原创 2021-08-18 23:07:17 · 78 阅读 · 0 评论 -
小程序页面级别的生命周期函数
Page({// 在页面运行的某个时刻会自动执行的函数 // 是页面被加载到内存里的时候，或者说页面第一次启动的时候 onLoad() { console.log('onLoad') }, // 是页面被加载到内存里的时候，或者说页面第一次启动的时候 // 并且，页面被渲染完成之后自动执行 onReady() { console.log('onReady') }, // 页面每次被展示的时候自动执行 onShow() { console.log(原创 2021-08-18 22:58:34 · 145 阅读 · 0 评论 -
如何获取小程序全局里面的app.js的方法
app.js的内容// app.jsApp({ // 生命周期函数指的是在某一时刻会自动执行的函数 // 在小程序启动的时候，自动执行的函数 onLaunch(options) { console.log('onLaunch', options) }, // 在小程序重新展示的时候，自动执行的函数 onShow(options) { console.log('onShow', options) }, // 在小程序取消展示的时候，自动执行的函数 on原创 2021-08-18 22:49:20 · 1191 阅读 · 0 评论 -
ES6新增方法和属性以及ajax笔记
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-08-15 23:55:28 · 169 阅读 · 0 评论 -
let和const 和var 的区别
// 1.let和const是什么//声明变量或声明常量l/ var声明变量// let 代替var，声明变量// const声明常量constant// 2.let和const的用法// var一样// var username = ‘Alex’;// let age = 18;// const sex = ‘male’;// console.log(username, age, sex);//3.什么是变量，什么是常量//username = ‘zS’;// age = 28;/原创 2021-08-15 13:58:15 · 127 阅读 · 0 评论 -
函数常用的知识点
script>//定义的函数是不会直接执行的// function name() {// console.log(“您好”)// console.log(“您好”)// console.log(“您好”)//// }//函数调用了才会执行 会执行三次// name();// name();// name();//语句执行顺序*// function fun () {// console.log(“A”)// console.log(“B”)// console.log原创 2021-08-09 22:51:05 · 103 阅读 · 0 评论 -
BOM的常用知识点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-08-08 16:19:32 · 112 阅读 · 0 评论