前端
wdadwa565
一个只专注于分享案例的程序员
展开
-
前端鉴权如何做
登录接鉴权 用户名密码=>客户端=>/login=>服务端=>比对数据库=>数据库返回数据=>服务端=>返回数据=>给客户端 鉴权 基础鉴权,session/cookie,JWT,Oauth 算法加密 Base64,MD5/SHA-1,DES/AES ,RSA/ECC HTTPS SSL,HTTP劫持,数据篡改,敏感信息,中间人 常见的鉴权方式 Session Cookie 优点:较易扩展简单 缺点:安全性低,性能低,服务端存储,多服务器同步sessi原创 2021-11-15 22:14:26 · 841 阅读 · 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 · 695 阅读 · 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 · 203 阅读 · 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 · 72 阅读 · 0 评论 -
数组常用的方法
穷举法是什么 穷举法,顾名思义,是指根据题目的条件确定答案的大致范围,并在此范围内对所有可能的情况逐一验证,直到全部情况验证完毕。若某个情况符合题目的条件,则为本问题的一个解;若全部情况验证后都不符合题目的条件,则本题无解。 什么是数组 数组(Array) ,顾名思义,用来存储一组相关的值,从而方便进行求和、计算平均数、逐项遍历等操作。 var scoreArr = [96,97,76,87,87,90,91,100,78,56] 每种高级编程语言中都有数组,它是非常重要的一种数据结构 数组的定义方法1原创 2021-08-29 21:20:13 · 89 阅读 · 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 · 67 阅读 · 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 · 116 阅读 · 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 · 47 阅读 · 0 评论 -
小程序页面级别的生命周期函数
Page({ // 在页面运行的某个时刻会自动执行的函数 // 是页面被加载到内存里的时候,或者说页面第一次启动的时候 onLoad() { console.log('onLoad') }, // 是页面被加载到内存里的时候,或者说页面第一次启动的时候 // 并且,页面被渲染完成之后自动执行 onReady() { console.log('onReady') }, // 页面每次被展示的时候自动执行 onShow() { console.log(原创 2021-08-18 22:58:34 · 115 阅读 · 0 评论 -
如何获取小程序全局里面的app.js的方法
app.js的内容 // app.js App({ // 生命周期函数指的是在某一时刻会自动执行的函数 // 在小程序启动的时候,自动执行的函数 onLaunch(options) { console.log('onLaunch', options) }, // 在小程序重新展示的时候,自动执行的函数 onShow(options) { console.log('onShow', options) }, // 在小程序取消展示的时候,自动执行的函数 on原创 2021-08-18 22:49:20 · 1044 阅读 · 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 · 127 阅读 · 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 · 88 阅读 · 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 · 65 阅读 · 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 · 76 阅读 · 0 评论